@mailstep/design-system 0.8.27 → 0.8.28

package/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/DatePickerRange.js

@@ -1,376 +1,152 @@
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-function _object_without_properties(source, excluded) {
-    if (source == null) return {};
-    var target = {}, sourceKeys, key, i;
-    if (typeof Reflect !== "undefined" && Reflect.ownKeys) {
-        sourceKeys = Reflect.ownKeys(Object(source));
-        for(i = 0; i < sourceKeys.length; i++){
-            key = sourceKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-        return target;
-    }
-    target = _object_without_properties_loose(source, excluded);
-    if (Object.getOwnPropertySymbols) {
-        sourceKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceKeys.length; i++){
-            key = sourceKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-    }
-    return target;
-}
-function _object_without_properties_loose(source, excluded) {
-    if (source == null) return {};
-    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-        target[key] = source[key];
-    }
-    return target;
-}
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n      .rdtPicker {\n        min-width: unset;\n        width: 100%;\n        box-sizing: border-box;\n        padding: 0.5rem 0.5rem;\n      }\n      .rdtPicker .rdtDays {\n        min-width: unset;\n      }\n      .rdtPicker td {\n        padding: 0 0.2rem;\n      }\n    "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n  display: ",
-        ";\n  flex-direction: ",
-        ";\n  margin-right: ",
-        ";\n\n  ",
-        "\n"
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
+import { useClickOutside } from "../../../../Modal/hooks/useClickOutside.js";
+import Input_default from "../../../../../Forms/Input/index.js";
+import DatePicker_default from "../../../../../Elements/DatePicker/index.js";
+import { getCleanValues } from "./utils/getCleanValues.js";
+import { pickerRangeToString } from "./utils/pickerRangeToString.js";
+import React, { useCallback, useMemo, useState } from "react";
+import styled$1, { css } from "@xstyled/styled-components";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import React, { useState, useCallback, useMemo } from "react";
-import { DateTime } from "luxon";
-import DatePicker from "../../../../../Elements/DatePicker";
-import Input from "../../../../../Forms/Input";
-import { useClickOutside } from "../../../../Modal/hooks/useClickOutside";
-import { getCleanValues } from "./utils/getCleanValues";
-import { pickerRangeToString } from "./utils/pickerRangeToString";
 import { i18n } from "@lingui/core";
-import styled, { css } from "@xstyled/styled-components";
-var RangeWrapper = styled.div(_templateObject1(), function(param) {
-    var $compact = param.$compact;
-    return $compact ? "flex" : "inline-flex";
-}, function(param) {
-    var $compact = param.$compact;
-    return $compact ? "column" : "row";
-}, function(param) {
-    var $compact = param.$compact;
-    return $compact ? "0" : "20px";
-}, function(param) {
-    var $compact = param.$compact;
-    return $compact && css(_templateObject());
-});
-var OverlayComponentDefault = function OverlayComponentDefault(param) {
-    var children = param.children;
-    return /* @__PURE__ */ jsx("div", {
-        children: children
-    });
-};
-var DatePickerRange = function DatePickerRange(props) {
-    var _ref, _ref1, _cleanValue_;
-    var onChange = props.onChange, error = props.error, label = props.label, value = props.value, others = props.others, filterTime = props.filterTime, initialView = props.initialView, compact = props.compact, _props_OverlayComponent = props.OverlayComponent, OverlayComponent = _props_OverlayComponent === void 0 ? OverlayComponentDefault : _props_OverlayComponent, rest = _object_without_properties(props, [
-        "onChange",
-        "error",
-        "label",
-        "value",
-        "others",
-        "filterTime",
-        "initialView",
-        "compact",
-        "OverlayComponent"
-    ]);
-    var _useState = _sliced_to_array(useState((_ref = value === null || value === void 0 ? void 0 : value[0]) !== null && _ref !== void 0 ? _ref : void 0), 2), startRangeValue = _useState[0], setStartRangeValue = _useState[1];
-    var _useState1 = _sliced_to_array(useState((_ref1 = value === null || value === void 0 ? void 0 : value[1]) !== null && _ref1 !== void 0 ? _ref1 : void 0), 2), endRangeValue = _useState1[0], setEndRangeValue = _useState1[1];
-    var timeFormat = filterTime ? "HH:mm" : false;
-    var cleanValue = React.useMemo(function() {
-        return getCleanValues(value);
-    }, [
-        value
-    ]);
-    var initialViewDate = useMemo(function() {
-        if (cleanValue[0] && cleanValue[1]) {
-            return cleanValue;
-        }
-        var firstDate = /* @__PURE__ */ new Date();
-        firstDate.setHours(0, 0, 0, 0);
-        var secondDate = /* @__PURE__ */ new Date();
-        secondDate.setHours(23, 59, 59, 0);
-        if (initialView === "future") {
-            secondDate.setMonth(secondDate.getMonth() + 1);
-        } else {
-            firstDate.setMonth(firstDate.getMonth());
-        }
-        return [
-            cleanValue[0] || firstDate,
-            cleanValue[1] || secondDate
-        ];
-    }, [
-        cleanValue,
-        initialView
-    ]);
-    var _useState2 = _sliced_to_array(useState(false), 2), isOpen = _useState2[0], setOpen = _useState2[1];
-    var setDateFrom = useCallback(function(v) {
-        setStartRangeValue(v);
-        onChange([
-            v,
-            cleanValue[1]
-        ], others);
-    }, [
-        onChange,
-        others,
-        cleanValue
-    ]);
-    var setDateTo = useCallback(function(v) {
-        setEndRangeValue(v);
-        onChange([
-            cleanValue[0],
-            v
-        ], others);
-    }, [
-        onChange,
-        others,
-        cleanValue
-    ]);
-    var handleOthersChangeFrom = useCallback(function(othersFrom) {
-        onChange(cleanValue, [
-            othersFrom,
-            others === null || others === void 0 ? void 0 : others[1]
-        ]);
-    }, [
-        onChange,
-        cleanValue,
-        others
-    ]);
-    var handleOthersChangeTo = useCallback(function(othersTo) {
-        onChange(cleanValue, [
-            others === null || others === void 0 ? void 0 : others[0],
-            othersTo
-        ]);
-    }, [
-        onChange,
-        cleanValue,
-        others
-    ]);
-    var openPicker = useCallback(function() {
-        setOpen(true);
-    }, [
-        setOpen
-    ]);
-    var clear = useCallback(function() {
-        onChange([], []);
-        setStartRangeValue(void 0);
-        setEndRangeValue(void 0);
-    }, [
-        onChange
-    ]);
-    var isValidDateFrom = useCallback(function(current) {
-        return !cleanValue[1] || DateTime.fromJSDate(cleanValue[1]) >= DateTime.fromJSDate(current);
-    }, [
-        cleanValue
-    ]);
-    var isValidDateTo = useCallback(function(current) {
-        return !cleanValue[0] || DateTime.fromJSDate(current) >= DateTime.fromJSDate(cleanValue[0]);
-    }, [
-        cleanValue
-    ]);
-    var onClose = useCallback(function() {
-        setOpen(false);
-    }, []);
-    var secondDatePickerValue = cleanValue[1] === null ? cleanValue[0] : cleanValue[1];
-    var ref = useClickOutside({
-        onClose: onClose
-    });
-    return /* @__PURE__ */ jsxs("div", {
-        ref: ref,
-        children: [
-            /* @__PURE__ */ jsx(Input, {
-                name: props.name,
-                type: "text",
-                icon: "calendar",
-                value: pickerRangeToString(cleanValue, others),
-                label: props.label,
-                onFocus: openPicker,
-                iconOnClick: openPicker,
-                onClear: clear,
-                error: error,
-                readOnly: true
-            }),
-            /* @__PURE__ */ jsx(OverlayComponent, {
-                children: /* @__PURE__ */ jsx(Fragment, {
-                    children: isOpen && /* @__PURE__ */ jsxs(RangeWrapper, {
-                        $compact: compact,
-                        className: "ignore-element-for-closing-hook",
-                        children: [
-                            /* @__PURE__ */ jsx(DatePicker, _object_spread_props(_object_spread({}, rest), {
-                                timeFormat: timeFormat,
-                                value: (_cleanValue_ = cleanValue[0]) !== null && _cleanValue_ !== void 0 ? _cleanValue_ : "",
-                                initialViewDate: initialViewDate[0],
-                                secondValue: endRangeValue,
-                                onChange: setDateFrom,
-                                others: others === null || others === void 0 ? void 0 : others[0],
-                                onChangeOthers: handleOthersChangeFrom,
-                                icon: false,
-                                label: isOpen && i18n._({
-                                    id: "dataGrid.filterCell.from",
-                                    message: "From"
-                                }),
-                                isValidDate: isValidDateFrom,
-                                input: false,
-                                spaceAround: !compact,
-                                open: true
-                            })),
-                            /* @__PURE__ */ jsx(DatePicker, _object_spread_props(_object_spread({}, rest), {
-                                timeFormat: timeFormat,
-                                value: secondDatePickerValue,
-                                initialViewDate: initialViewDate[1],
-                                secondValue: startRangeValue,
-                                onChange: setDateTo,
-                                others: others === null || others === void 0 ? void 0 : others[1],
-                                onChangeOthers: handleOthersChangeTo,
-                                icon: false,
-                                label: isOpen && i18n._({
-                                    id: "dataGrid.filterCell.to",
-                                    message: "To"
-                                }),
-                                isValidDate: isValidDateTo,
-                                input: false,
-                                spaceAround: !compact,
-                                open: true,
-                                isSecondDatePicker: true
-                            }))
-                        ]
-                    })
-                })
-            })
-        ]
-    });
+import { DateTime } from "luxon";
+//#region packages/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/DatePickerRange.tsx
+const RangeWrapper = styled$1.div`
+  display: ${({ $compact }) => $compact ? "flex" : "inline-flex"};
+  flex-direction: ${({ $compact }) => $compact ? "column" : "row"};
+  margin-right: ${({ $compact }) => $compact ? "0" : "20px"};
+
+  ${({ $compact }) => $compact && css`
+      .rdtPicker {
+        min-width: unset;
+        width: 100%;
+        box-sizing: border-box;
+        padding: 0.5rem 0.5rem;
+      }
+      .rdtPicker .rdtDays {
+        min-width: unset;
+      }
+      .rdtPicker td {
+        padding: 0 0.2rem;
+      }
+    `}
+`;
+const OverlayComponentDefault = ({ children }) => /* @__PURE__ */ jsx("div", { children });
+const DatePickerRange = (props) => {
+	const { onChange, error, label, value, others, filterTime, initialView, compact, OverlayComponent = OverlayComponentDefault, ...rest } = props;
+	const [startRangeValue, setStartRangeValue] = useState(value?.[0] ?? void 0);
+	const [endRangeValue, setEndRangeValue] = useState(value?.[1] ?? void 0);
+	const timeFormat = filterTime ? "HH:mm" : false;
+	const cleanValue = React.useMemo(() => getCleanValues(value), [value]);
+	const initialViewDate = useMemo(() => {
+		if (cleanValue[0] && cleanValue[1]) return cleanValue;
+		const firstDate = /* @__PURE__ */ new Date();
+		firstDate.setHours(0, 0, 0, 0);
+		const secondDate = /* @__PURE__ */ new Date();
+		secondDate.setHours(23, 59, 59, 0);
+		if (initialView === "future") secondDate.setMonth(secondDate.getMonth() + 1);
+		else firstDate.setMonth(firstDate.getMonth());
+		return [cleanValue[0] || firstDate, cleanValue[1] || secondDate];
+	}, [cleanValue, initialView]);
+	const [isOpen, setOpen] = useState(false);
+	const setDateFrom = useCallback((v) => {
+		setStartRangeValue(v);
+		onChange([v, cleanValue[1]], others);
+	}, [
+		onChange,
+		others,
+		cleanValue
+	]);
+	const setDateTo = useCallback((v) => {
+		setEndRangeValue(v);
+		onChange([cleanValue[0], v], others);
+	}, [
+		onChange,
+		others,
+		cleanValue
+	]);
+	const handleOthersChangeFrom = useCallback((othersFrom) => {
+		onChange(cleanValue, [othersFrom, others?.[1]]);
+	}, [
+		onChange,
+		cleanValue,
+		others
+	]);
+	const handleOthersChangeTo = useCallback((othersTo) => {
+		onChange(cleanValue, [others?.[0], othersTo]);
+	}, [
+		onChange,
+		cleanValue,
+		others
+	]);
+	const openPicker = useCallback(() => {
+		setOpen(true);
+	}, [setOpen]);
+	const clear = useCallback(() => {
+		onChange([], []);
+		setStartRangeValue(void 0);
+		setEndRangeValue(void 0);
+	}, [onChange]);
+	const isValidDateFrom = useCallback((current) => !cleanValue[1] || DateTime.fromJSDate(cleanValue[1]) >= DateTime.fromJSDate(current), [cleanValue]);
+	const isValidDateTo = useCallback((current) => !cleanValue[0] || DateTime.fromJSDate(current) >= DateTime.fromJSDate(cleanValue[0]), [cleanValue]);
+	const onClose = useCallback(() => {
+		setOpen(false);
+	}, []);
+	const secondDatePickerValue = cleanValue[1] === null ? cleanValue[0] : cleanValue[1];
+	return /* @__PURE__ */ jsxs("div", {
+		ref: useClickOutside({ onClose }),
+		children: [/* @__PURE__ */ jsx(Input_default, {
+			name: props.name,
+			type: "text",
+			icon: "calendar",
+			value: pickerRangeToString(cleanValue, others),
+			label: props.label,
+			onFocus: openPicker,
+			iconOnClick: openPicker,
+			onClear: clear,
+			error,
+			readOnly: true
+		}), /* @__PURE__ */ jsx(OverlayComponent, { children: /* @__PURE__ */ jsx(Fragment, { children: isOpen && /* @__PURE__ */ jsxs(RangeWrapper, {
+			$compact: compact,
+			className: "ignore-element-for-closing-hook",
+			children: [/* @__PURE__ */ jsx(DatePicker_default, {
+				...rest,
+				timeFormat,
+				value: cleanValue[0] ?? "",
+				initialViewDate: initialViewDate[0],
+				secondValue: endRangeValue,
+				onChange: setDateFrom,
+				others: others?.[0],
+				onChangeOthers: handleOthersChangeFrom,
+				icon: false,
+				label: isOpen && i18n._({
+					id: "dataGrid.filterCell.from",
+					message: "From"
+				}),
+				isValidDate: isValidDateFrom,
+				input: false,
+				spaceAround: !compact,
+				open: true
+			}), /* @__PURE__ */ jsx(DatePicker_default, {
+				...rest,
+				timeFormat,
+				value: secondDatePickerValue,
+				initialViewDate: initialViewDate[1],
+				secondValue: startRangeValue,
+				onChange: setDateTo,
+				others: others?.[1],
+				onChangeOthers: handleOthersChangeTo,
+				icon: false,
+				label: isOpen && i18n._({
+					id: "dataGrid.filterCell.to",
+					message: "To"
+				}),
+				isValidDate: isValidDateTo,
+				input: false,
+				spaceAround: !compact,
+				open: true,
+				isSecondDatePicker: true
+			})]
+		}) }) })]
+	});
 };
-var DatePickerRange_default = DatePickerRange;
-export { DatePickerRange_default as default };
+//#endregion
+export { DatePickerRange as default };

package/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/index.js

@@ -1,3 +1,5 @@
-import DatePickerRange from "./DatePickerRange";
+import DatePickerRange from "./DatePickerRange.js";
+//#region packages/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/index.tsx
 var DatePickerRange_default = DatePickerRange;
+//#endregion
 export { DatePickerRange_default as default };

package/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/utils/getCleanValues.js

@@ -1,15 +1,10 @@
-var getCleanValue = function getCleanValue(value) {
-    if (typeof value === "string") {
-        return new Date(value);
-    }
-    return value || void 0;
+//#region packages/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/utils/getCleanValues.ts
+const getCleanValue = (value) => {
+	if (typeof value === "string") return new Date(value);
+	return value || void 0;
 };
-var getCleanValues = function getCleanValues(value) {
-    var from = getCleanValue(value === null || value === void 0 ? void 0 : value[0]);
-    var to = getCleanValue(value === null || value === void 0 ? void 0 : value[1]);
-    return [
-        from,
-        to
-    ];
+const getCleanValues = (value) => {
+	return [getCleanValue(value?.[0]), getCleanValue(value?.[1])];
 };
+//#endregion
 export { getCleanValues };

package/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/utils/pickerRangeToString.js

@@ -1,28 +1,16 @@
+import { DatePickerRepeatTrans, TimePickerRepeatTrans } from "../../../../../../Elements/DatePicker/utils/constants.js";
+import { sameDate } from "./sameDate.js";
 import { DateTime } from "luxon";
-import { DatePickerRepeatTrans, TimePickerRepeatTrans } from "../../../../../../Elements/DatePicker/utils/constants";
-import { sameDate } from "./sameDate";
-var pickerRangeToString = function pickerRangeToString() {
-    var values = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], others = arguments.length > 1 ? arguments[1] : void 0;
-    var _others_, _others_1;
-    if ((others === null || others === void 0 ? void 0 : (_others_ = others[0]) === null || _others_ === void 0 ? void 0 : _others_.dateTypeRepeater) || (others === null || others === void 0 ? void 0 : (_others_1 = others[1]) === null || _others_1 === void 0 ? void 0 : _others_1.dateTypeRepeater)) {
-        return others.map(function(other, i) {
-            if (!(other === null || other === void 0 ? void 0 : other.dateTypeRepeater)) {
-                return values[i] && DateTime.fromJSDate(values[i]).toFormat("dd.LL.yyyy HH:mm");
-            }
-            var repeaterDate = DatePickerRepeatTrans[other === null || other === void 0 ? void 0 : other.dateTypeRepeater];
-            var repeaterTime = i === 0 ? TimePickerRepeatTrans.from : TimePickerRepeatTrans.to;
-            var time = (other === null || other === void 0 ? void 0 : other.time) ? "".concat(String(other === null || other === void 0 ? void 0 : other.time.h).padStart(2, "0"), ":").concat(String(other === null || other === void 0 ? void 0 : other.time.m).padStart(2, "0")) : "";
-            return "".concat(repeaterTime, " ").concat(repeaterDate, " ").concat(time).trim();
-        }).filter(Boolean).join(" - ");
-    }
-    if (!values[0] && !values[1]) {
-        return "";
-    }
-    if (values[0] && !values[1] || sameDate(values[0], values[1])) {
-        return DateTime.fromJSDate(values[0]).toFormat("dd.LL.yyyy");
-    }
-    return values.map(function(v) {
-        return v && DateTime.fromJSDate(v).toFormat("dd.LL.yyyy HH:mm");
-    }).join(" - ");
+//#region packages/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/utils/pickerRangeToString.ts
+const pickerRangeToString = (values = [], others) => {
+	if (others?.[0]?.dateTypeRepeater || others?.[1]?.dateTypeRepeater) return others.map((other, i) => {
+		if (!other?.dateTypeRepeater) return values[i] && DateTime.fromJSDate(values[i]).toFormat("dd.LL.yyyy HH:mm");
+		const repeaterDate = DatePickerRepeatTrans[other?.dateTypeRepeater];
+		return `${i === 0 ? TimePickerRepeatTrans.from : TimePickerRepeatTrans.to} ${repeaterDate} ${other?.time ? `${String(other?.time.h).padStart(2, "0")}:${String(other?.time.m).padStart(2, "0")}` : ""}`.trim();
+	}).filter(Boolean).join(" - ");
+	if (!values[0] && !values[1]) return "";
+	if (values[0] && !values[1] || sameDate(values[0], values[1])) return DateTime.fromJSDate(values[0]).toFormat("dd.LL.yyyy");
+	return values.map((v) => v && DateTime.fromJSDate(v).toFormat("dd.LL.yyyy HH:mm")).join(" - ");
 };
+//#endregion
 export { pickerRangeToString };

package/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/utils/sameDate.js

@@ -1,4 +1,4 @@
-var sameDate = function sameDate(date1, date2) {
-    return date1 && date1.getTime && date2 && date2.getTime && date1.getTime() === date2.getTime();
-};
+//#region packages/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/utils/sameDate.ts
+const sameDate = (date1, date2) => date1 && date1.getTime && date2 && date2.getTime && date1.getTime() === date2.getTime();
+//#endregion
 export { sameDate };