@mailstep/design-system 0.8.24 → 0.8.26-beta.0

package/ui/index630.es.js

@@ -0,0 +1,138 @@
+import e from "./index611.es.js";
+//#region node_modules/moment/dist/locale/ru.js
+function t(e, t) {
+	var n = e.split("_");
+	return t % 10 == 1 && t % 100 != 11 ? n[0] : t % 10 >= 2 && t % 10 <= 4 && (t % 100 < 10 || t % 100 >= 20) ? n[1] : n[2];
+}
+function n(e, n, r) {
+	var i = {
+		ss: n ? "секунда_секунды_секунд" : "секунду_секунды_секунд",
+		mm: n ? "минута_минуты_минут" : "минуту_минуты_минут",
+		hh: "час_часа_часов",
+		dd: "день_дня_дней",
+		ww: "неделя_недели_недель",
+		MM: "месяц_месяца_месяцев",
+		yy: "год_года_лет"
+	};
+	return r === "m" ? n ? "минута" : "минуту" : e + " " + t(i[r], +e);
+}
+var r = [
+	/^янв/i,
+	/^фев/i,
+	/^мар/i,
+	/^апр/i,
+	/^ма[йя]/i,
+	/^июн/i,
+	/^июл/i,
+	/^авг/i,
+	/^сен/i,
+	/^окт/i,
+	/^ноя/i,
+	/^дек/i
+];
+e.defineLocale("ru", {
+	months: {
+		format: "января_февраля_марта_апреля_мая_июня_июля_августа_сентября_октября_ноября_декабря".split("_"),
+		standalone: "январь_февраль_март_апрель_май_июнь_июль_август_сентябрь_октябрь_ноябрь_декабрь".split("_")
+	},
+	monthsShort: {
+		format: "янв._февр._мар._апр._мая_июня_июля_авг._сент._окт._нояб._дек.".split("_"),
+		standalone: "янв._февр._март_апр._май_июнь_июль_авг._сент._окт._нояб._дек.".split("_")
+	},
+	weekdays: {
+		standalone: "воскресенье_понедельник_вторник_среда_четверг_пятница_суббота".split("_"),
+		format: "воскресенье_понедельник_вторник_среду_четверг_пятницу_субботу".split("_"),
+		isFormat: /\[ ?[Вв] ?(?:прошлую|следующую|эту)? ?] ?dddd/
+	},
+	weekdaysShort: "вс_пн_вт_ср_чт_пт_сб".split("_"),
+	weekdaysMin: "вс_пн_вт_ср_чт_пт_сб".split("_"),
+	monthsParse: r,
+	longMonthsParse: r,
+	shortMonthsParse: r,
+	monthsRegex: /^(январ[ья]|янв\.?|феврал[ья]|февр?\.?|марта?|мар\.?|апрел[ья]|апр\.?|ма[йя]|июн[ья]|июн\.?|июл[ья]|июл\.?|августа?|авг\.?|сентябр[ья]|сент?\.?|октябр[ья]|окт\.?|ноябр[ья]|нояб?\.?|декабр[ья]|дек\.?)/i,
+	monthsShortRegex: /^(январ[ья]|янв\.?|феврал[ья]|февр?\.?|марта?|мар\.?|апрел[ья]|апр\.?|ма[йя]|июн[ья]|июн\.?|июл[ья]|июл\.?|августа?|авг\.?|сентябр[ья]|сент?\.?|октябр[ья]|окт\.?|ноябр[ья]|нояб?\.?|декабр[ья]|дек\.?)/i,
+	monthsStrictRegex: /^(январ[яь]|феврал[яь]|марта?|апрел[яь]|ма[яй]|июн[яь]|июл[яь]|августа?|сентябр[яь]|октябр[яь]|ноябр[яь]|декабр[яь])/i,
+	monthsShortStrictRegex: /^(янв\.|февр?\.|мар[т.]|апр\.|ма[яй]|июн[ья.]|июл[ья.]|авг\.|сент?\.|окт\.|нояб?\.|дек\.)/i,
+	longDateFormat: {
+		LT: "H:mm",
+		LTS: "H:mm:ss",
+		L: "DD.MM.YYYY",
+		LL: "D MMMM YYYY г.",
+		LLL: "D MMMM YYYY г., H:mm",
+		LLLL: "dddd, D MMMM YYYY г., H:mm"
+	},
+	calendar: {
+		sameDay: "[Сегодня, в] LT",
+		nextDay: "[Завтра, в] LT",
+		lastDay: "[Вчера, в] LT",
+		nextWeek: function(e) {
+			if (e.week() !== this.week()) switch (this.day()) {
+				case 0: return "[В следующее] dddd, [в] LT";
+				case 1:
+				case 2:
+				case 4: return "[В следующий] dddd, [в] LT";
+				case 3:
+				case 5:
+				case 6: return "[В следующую] dddd, [в] LT";
+			}
+			else if (this.day() === 2) return "[Во] dddd, [в] LT";
+			else return "[В] dddd, [в] LT";
+		},
+		lastWeek: function(e) {
+			if (e.week() !== this.week()) switch (this.day()) {
+				case 0: return "[В прошлое] dddd, [в] LT";
+				case 1:
+				case 2:
+				case 4: return "[В прошлый] dddd, [в] LT";
+				case 3:
+				case 5:
+				case 6: return "[В прошлую] dddd, [в] LT";
+			}
+			else if (this.day() === 2) return "[Во] dddd, [в] LT";
+			else return "[В] dddd, [в] LT";
+		},
+		sameElse: "L"
+	},
+	relativeTime: {
+		future: "через %s",
+		past: "%s назад",
+		s: "несколько секунд",
+		ss: n,
+		m: n,
+		mm: n,
+		h: "час",
+		hh: n,
+		d: "день",
+		dd: n,
+		w: "неделя",
+		ww: n,
+		M: "месяц",
+		MM: n,
+		y: "год",
+		yy: n
+	},
+	meridiemParse: /ночи|утра|дня|вечера/i,
+	isPM: function(e) {
+		return /^(дня|вечера)$/.test(e);
+	},
+	meridiem: function(e, t, n) {
+		return e < 4 ? "ночи" : e < 12 ? "утра" : e < 17 ? "дня" : "вечера";
+	},
+	dayOfMonthOrdinalParse: /\d{1,2}-(й|го|я)/,
+	ordinal: function(e, t) {
+		switch (t) {
+			case "M":
+			case "d":
+			case "DDD": return e + "-й";
+			case "D": return e + "-го";
+			case "w":
+			case "W": return e + "-я";
+			default: return e;
+		}
+	},
+	week: {
+		dow: 1,
+		doy: 4
+	}
+});
+//#endregion

package/ui/index631.es.js

@@ -0,0 +1,89 @@
+import e from "./index611.es.js";
+//#region node_modules/moment/dist/locale/sk.js
+var t = "január_február_marec_apríl_máj_jún_júl_august_september_október_november_december".split("_"), n = "jan_feb_mar_apr_máj_jún_júl_aug_sep_okt_nov_dec".split("_");
+function r(e) {
+	return e > 1 && e < 5;
+}
+function i(e, t, n, i) {
+	var a = e + " ";
+	switch (n) {
+		case "s": return t || i ? "pár sekúnd" : "pár sekundami";
+		case "ss": return t || i ? a + (r(e) ? "sekundy" : "sekúnd") : a + "sekundami";
+		case "m": return t ? "minúta" : i ? "minútu" : "minútou";
+		case "mm": return t || i ? a + (r(e) ? "minúty" : "minút") : a + "minútami";
+		case "h": return t ? "hodina" : i ? "hodinu" : "hodinou";
+		case "hh": return t || i ? a + (r(e) ? "hodiny" : "hodín") : a + "hodinami";
+		case "d": return t || i ? "deň" : "dňom";
+		case "dd": return t || i ? a + (r(e) ? "dni" : "dní") : a + "dňami";
+		case "M": return t || i ? "mesiac" : "mesiacom";
+		case "MM": return t || i ? a + (r(e) ? "mesiace" : "mesiacov") : a + "mesiacmi";
+		case "y": return t || i ? "rok" : "rokom";
+		case "yy": return t || i ? a + (r(e) ? "roky" : "rokov") : a + "rokmi";
+	}
+}
+e.defineLocale("sk", {
+	months: t,
+	monthsShort: n,
+	weekdays: "nedeľa_pondelok_utorok_streda_štvrtok_piatok_sobota".split("_"),
+	weekdaysShort: "ne_po_ut_st_št_pi_so".split("_"),
+	weekdaysMin: "ne_po_ut_st_št_pi_so".split("_"),
+	longDateFormat: {
+		LT: "H:mm",
+		LTS: "H:mm:ss",
+		L: "DD.MM.YYYY",
+		LL: "D. MMMM YYYY",
+		LLL: "D. MMMM YYYY H:mm",
+		LLLL: "dddd D. MMMM YYYY H:mm"
+	},
+	calendar: {
+		sameDay: "[dnes o] LT",
+		nextDay: "[zajtra o] LT",
+		nextWeek: function() {
+			switch (this.day()) {
+				case 0: return "[v nedeľu o] LT";
+				case 1:
+				case 2: return "[v] dddd [o] LT";
+				case 3: return "[v stredu o] LT";
+				case 4: return "[vo štvrtok o] LT";
+				case 5: return "[v piatok o] LT";
+				case 6: return "[v sobotu o] LT";
+			}
+		},
+		lastDay: "[včera o] LT",
+		lastWeek: function() {
+			switch (this.day()) {
+				case 0: return "[minulú nedeľu o] LT";
+				case 1:
+				case 2: return "[minulý] dddd [o] LT";
+				case 3: return "[minulú stredu o] LT";
+				case 4:
+				case 5: return "[minulý] dddd [o] LT";
+				case 6: return "[minulú sobotu o] LT";
+			}
+		},
+		sameElse: "L"
+	},
+	relativeTime: {
+		future: "za %s",
+		past: "pred %s",
+		s: i,
+		ss: i,
+		m: i,
+		mm: i,
+		h: i,
+		hh: i,
+		d: i,
+		dd: i,
+		M: i,
+		MM: i,
+		y: i,
+		yy: i
+	},
+	dayOfMonthOrdinalParse: /\d{1,2}\./,
+	ordinal: "%d.",
+	week: {
+		dow: 1,
+		doy: 4
+	}
+});
+//#endregion

package/ui/index632.es.js

@@ -0,0 +1,234 @@
+import { th as e } from "./index4.es.js";
+import { styled as t, x as n } from "./index6.es.js";
+//#region packages/ui/Elements/DatePicker/styles.ts
+var r = t(n.div)`
+  .rdt {
+    position: relative;
+  }
+  .rdtPicker {
+    display: none;
+    position: absolute;
+    z-index: 1;
+    min-width: 250px;
+    color: ${e("colors.blue2")};
+    background: ${e("colors.white")};
+    border: 1px solid rgba(0, 0, 0, 0.15);
+    border-radius: 10px;
+    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+    padding: 0.5rem 1.2rem;
+    margin: 0.125rem 0rem;
+  }
+  .rdtOpen .rdtPicker {
+    display: block;
+  }
+  .rdtStatic .rdtPicker {
+    position: static;
+  }
+
+  .rdtPicker .rdtTimeToggle {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+    text-align: center;
+    font-size: 1.25rem;
+  }
+  .rdtPicker table {
+    width: 100%;
+    margin: 0;
+    border-collapse: collapse;
+  }
+  .rdtPicker td,
+  .rdtPicker th {
+    text-align: center;
+    height: 30px;
+  }
+  .rdtPicker td {
+    padding: 0 0.8rem;
+  }
+  .rdtPicker .rdtCounter .rdtBtn:hover,
+  .rdtPicker .rdtYear:hover,
+  .rdtPicker .rdtMonth:hover,
+  .rdtPicker .rdtDay:hover,
+  .rdtPicker .rdtHour:hover,
+  .rdtPicker .rdtMinute:hover,
+  .rdtPicker .rdtSecond:hover,
+  .rdtPicker .rdtTimeToggle:hover,
+  .rdtPicker .rdtSwitch:hover {
+    background: #f8f9fa;
+    cursor: pointer;
+  }
+  .rdtPicker .rdtOld,
+  .rdtPicker .rdtNew {
+    color: rgba(33, 37, 41, 0.3);
+  }
+  .rdtPicker .rdtToday {
+    position: relative;
+  }
+  .rdtPicker .rdtToday:before {
+    content: '';
+    display: inline-block;
+    border-left: 7px solid transparent;
+    border-bottom: 7px solid ${e("colors.red2")};
+    position: absolute;
+    bottom: 4px;
+    right: 4px;
+  }
+  .rdtPicker th {
+    border-bottom: 1px solid #e9ecef;
+  }
+  .rdtPicker .dow {
+    width: 14.2857%;
+    border-bottom: none;
+    cursor: default;
+    font-weight: 600;
+  }
+  .rdtPicker .rdtPrev,
+  .rdtPicker .rdtSwitch,
+  .rdtPicker .rdtNext {
+    font-weight: 600;
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
+  }
+
+  .rdtPicker .rdtNext,
+  .rdtPicker .rdtPrev {
+    width: 36px;
+    font-size: 1.4rem;
+    vertical-align: top;
+    color: ${e("colors.red2")};
+  }
+  .rdtPicker .rdtCounter .rdtBtn {
+    font-size: 1rem;
+    display: block;
+    user-select: none;
+  }
+  .rdtPicker th.rdtDisabled,
+  .rdtPicker th.rdtDisabled:hover {
+    background: none;
+    color: #6c757d;
+    cursor: not-allowed;
+  }
+  .rdtPicker thead tr:first-child th {
+    cursor: pointer;
+  }
+  .rdtPicker thead:first-child {
+    line-height: 20px;
+  }
+  .rdtPicker thead tr:first-child th:hover {
+    background: #f8f9fa;
+  }
+  .rdtPicker .rdtTimeToggle {
+    border-top: 1px solid #e9ecef;
+  }
+  .rdtPicker button {
+    border: none;
+    background: none;
+    cursor: pointer;
+  }
+  .rdtPicker button:hover {
+    background-color: #f8f9fa;
+  }
+  .rdtPicker thead button {
+    width: 100%;
+    height: 100%;
+  }
+  .rdtPicker .rdtDays {
+    min-width: 250px;
+  }
+  .rdtPicker .rdtMonth,
+  .rdtPicker .rdtYear {
+    height: 50px;
+    width: 25%;
+    cursor: pointer;
+  }
+  .rdtPicker .rdtMonth:hover,
+  .rdtPicker .rdtYear:hover {
+    color: #16181b;
+    background: #f8f9fa;
+  }
+  .rdtPicker .rdtActiveSecond {
+    background: ${e("colors.red1")} !important;
+    color: ${e("colors.white")} !important;
+    border-radius: 0.5rem;
+    font-weight: 600;
+    text-decoration: none !important;
+  }
+  .rdtPicker .rdtLabel {
+    cursor: default !important;
+    background: transparent !important;
+    font-weight: 600;
+    text-align: right;
+  }
+
+  .rdtPicker .rdtActive {
+    background-color: ${e("colors.red2")} !important;
+    color: ${e("colors.white")};
+    border-radius: 0.5rem;
+    font-weight: 600;
+  }
+  .rdtPicker .rdtActive:hover {
+    background-color: ${e("colors.red2")};
+    color: ${e("colors.white")};
+    font-weight: 600;
+  }
+  .rdtPicker .rdtActive .rdtToday:before {
+    border-bottom-color: ${e("colors.white")};
+  }
+  .rdtPicker .rdtDisabled,
+  .rdtPicker .rdtDisabled:hover {
+    background: none;
+    color: #6c757d;
+    text-decoration: line-through;
+    cursor: not-allowed;
+  }
+  .rdtPicker .rdtDays {
+    display: inline-block;
+  }
+  .rdtPicker .rdtCounters {
+    display: inline-block;
+  }
+  .rdtPicker .rdtCounters > div {
+    float: left;
+  }
+
+  .rdtPicker .rdtActiveRange {
+    background: ${e("colors.lightGray2")};
+  }
+
+  .rdtPicker .rdtCounters > div :first-child {
+    visibility: hidden;
+    transform: rotate(-90deg);
+  }
+  .rdtPicker .rdtCounters > div :last-child {
+    visibility: hidden;
+    transform: rotate(90deg);
+  }
+  .rdtPicker .rdtCounters > div > span:before {
+    left: 5px;
+    visibility: visible;
+    position: relative;
+    content: '›';
+    font-size: 2rem;
+    font-weight: 900;
+    color: ${e("colors.red2")};
+    padding: 0 10px;
+  }
+  .rdtPicker .rdtCounter {
+    width: 40px;
+  }
+  .rdtPicker .rdtCounter .rdtBtn {
+    line-height: 40px;
+    cursor: pointer;
+  }
+  .rdtPicker .rdtCounter .rdtBtn:hover {
+    background: #f8f9fa;
+  }
+  .rdtPicker .rdtCounter .rdtCount {
+    line-height: 20px;
+    font-size: 1.25rem;
+  }
+  .rdtPicker .rdtCounterSeparator {
+    line-height: 100px;
+  }
+`;
+//#endregion
+export { r as DatePickerBase };

package/ui/index633.es.js

@@ -0,0 +1,75 @@
+import { x as e } from "./index6.es.js";
+import { require_jsx_runtime as t } from "./index143.es.js";
+import { LanguageContext as n } from "./index394.es.js";
+import r from "./index524.es.js";
+import i from "./index611.es.js";
+import a from "./index614.es.js";
+import o from "./index626.es.js";
+import "./index627.es.js";
+import "./index628.es.js";
+import "./index629.es.js";
+import "./index630.es.js";
+import "./index631.es.js";
+import { DatePickerBase as s } from "./index632.es.js";
+import c, { useCallback as l, useContext as u } from "react";
+//#region packages/ui/Elements/DatePicker/DatePicker.tsx
+var d = t(), f = "DD.MM.YYYY", p = c.memo(({ name: t, value: c, initialViewDate: p, error: m, label: h, disabled: g, isValidDate: _, onChange: v, dateFormat: y = f, timeFormat: b = !1, open: x, secondValue: S = null, input: C, icon: w = !0, showInputLabel: T = !1, showCalendarLabel: E = !0, spaceAround: D = !1, className: O, onClear: k, onInputChange: A, ...j }) => {
+	let M = `${y}${b ? ` ${b}` : ""}`, N = !!c && i(c, M, !0).isValid(), P = N ? i(c, M).format(M) : c, F = u(n), I = l((e, n) => /* @__PURE__ */ (0, d.jsx)(a, {
+		type: "text",
+		icon: w ? "calendar" : void 0,
+		name: t,
+		error: m,
+		disabled: g,
+		isInvalid: !!m,
+		onChange: A,
+		label: T ? h : void 0,
+		value: P,
+		onFocus: n,
+		iconOnClick: n,
+		onClear: k,
+		autoComplete: "off"
+	}), [
+		t,
+		P,
+		m,
+		h,
+		T,
+		N,
+		g
+	]), L = l((t, n) => h && !T ? /* @__PURE__ */ (0, d.jsx)(e.div, {
+		display: "flex",
+		flexDirection: "column",
+		children: n()
+	}) : n(), [h, T]), R = l((e) => {
+		let t = typeof e == "string" ? e : e?.toDate?.();
+		v?.(t);
+	}, [v]), z = l((e, t) => {
+		let n = [e?.toDate?.(), t?.toDate?.()];
+		return _ ? _(...n) : !0;
+	}, [_]);
+	return /* @__PURE__ */ (0, d.jsx)(r, {
+		spaceAround: D,
+		children: /* @__PURE__ */ (0, d.jsx)(s, {
+			className: O,
+			children: /* @__PURE__ */ (0, d.jsx)(o, {
+				value: c,
+				dateFormat: y,
+				timeFormat: b,
+				secondValue: S,
+				open: x,
+				input: C,
+				label: E ? h : void 0,
+				onChange: R,
+				isValidDate: z,
+				renderView: L,
+				renderInput: I,
+				initialViewDate: p,
+				locale: F,
+				disabled: g,
+				...j
+			})
+		})
+	});
+});
+//#endregion
+export { p as default };

package/ui/index634.es.js

@@ -0,0 +1,6 @@
+import "./index616.es.js";
+import e from "./index633.es.js";
+//#region packages/ui/Elements/DatePicker/index.ts
+var t = e;
+//#endregion
+export { t as default };

package/ui/index635.es.js

@@ -0,0 +1,4 @@
+//#region packages/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/utils/getCleanValues.ts
+var e = (e) => typeof e == "string" ? new Date(e) : e || void 0, t = (t) => [e(t?.[0]), e(t?.[1])];
+//#endregion
+export { t as getCleanValues };

package/ui/index636.es.js

@@ -0,0 +1,4 @@
+//#region packages/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/utils/sameDate.ts
+var e = (e, t) => e && e.getTime && t && t.getTime && e.getTime() === t.getTime();
+//#endregion
+export { e as sameDate };

package/ui/index637.es.js

@@ -0,0 +1,11 @@
+import { DateTime as e } from "./index610.es.js";
+import { DatePickerRepeatTrans as t, TimePickerRepeatTrans as n } from "./index617.es.js";
+import { sameDate as r } from "./index636.es.js";
+//#region packages/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/utils/pickerRangeToString.ts
+var i = (i = [], a) => a?.[0]?.dateTypeRepeater || a?.[1]?.dateTypeRepeater ? a.map((r, a) => {
+	if (!r?.dateTypeRepeater) return i[a] && e.fromJSDate(i[a]).toFormat("dd.LL.yyyy HH:mm");
+	let o = t[r?.dateTypeRepeater];
+	return `${a === 0 ? n.from : n.to} ${o} ${r?.time ? `${String(r?.time.h).padStart(2, "0")}:${String(r?.time.m).padStart(2, "0")}` : ""}`.trim();
+}).filter(Boolean).join(" - ") : !i[0] && !i[1] ? "" : i[0] && !i[1] || r(i[0], i[1]) ? e.fromJSDate(i[0]).toFormat("dd.LL.yyyy") : i.map((t) => t && e.fromJSDate(t).toFormat("dd.LL.yyyy HH:mm")).join(" - ");
+//#endregion
+export { i as pickerRangeToString };

package/ui/index638.es.js

@@ -0,0 +1,127 @@
+import { css as e, styled as t } from "./index6.es.js";
+import { require_jsx_runtime as n } from "./index143.es.js";
+import { useClickOutside as r } from "./index496.es.js";
+import { i18n as i } from "./index502.es.js";
+import { DateTime as a } from "./index610.es.js";
+import o from "./index614.es.js";
+import s from "./index634.es.js";
+import { getCleanValues as c } from "./index635.es.js";
+import { pickerRangeToString as l } from "./index637.es.js";
+import u, { useCallback as d, useMemo as f, useState as p } from "react";
+//#region packages/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/DatePickerRange.tsx
+var m = n(), h = t.div`
+  display: ${({ $compact: e }) => e ? "flex" : "inline-flex"};
+  flex-direction: ${({ $compact: e }) => e ? "column" : "row"};
+  margin-right: ${({ $compact: e }) => e ? "0" : "20px"};
+
+  ${({ $compact: t }) => t && e`
+      .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;
+      }
+    `}
+`, g = ({ children: e }) => /* @__PURE__ */ (0, m.jsx)("div", { children: e }), _ = (e) => {
+	let { onChange: t, error: n, label: _, value: v, others: y, filterTime: b, initialView: x, compact: S, OverlayComponent: C = g, ...w } = e, [T, E] = p(v?.[0] ?? void 0), [D, O] = p(v?.[1] ?? void 0), k = b ? "HH:mm" : !1, A = u.useMemo(() => c(v), [v]), j = f(() => {
+		if (A[0] && A[1]) return A;
+		let e = /* @__PURE__ */ new Date();
+		e.setHours(0, 0, 0, 0);
+		let t = /* @__PURE__ */ new Date();
+		return t.setHours(23, 59, 59, 0), x === "future" ? t.setMonth(t.getMonth() + 1) : e.setMonth(e.getMonth()), [A[0] || e, A[1] || t];
+	}, [A, x]), [M, N] = p(!1), P = d((e) => {
+		E(e), t([e, A[1]], y);
+	}, [
+		t,
+		y,
+		A
+	]), F = d((e) => {
+		O(e), t([A[0], e], y);
+	}, [
+		t,
+		y,
+		A
+	]), I = d((e) => {
+		t(A, [e, y?.[1]]);
+	}, [
+		t,
+		A,
+		y
+	]), L = d((e) => {
+		t(A, [y?.[0], e]);
+	}, [
+		t,
+		A,
+		y
+	]), R = d(() => {
+		N(!0);
+	}, [N]), z = d(() => {
+		t([], []), E(void 0), O(void 0);
+	}, [t]), B = d((e) => !A[1] || a.fromJSDate(A[1]) >= a.fromJSDate(e), [A]), V = d((e) => !A[0] || a.fromJSDate(e) >= a.fromJSDate(A[0]), [A]), H = d(() => {
+		N(!1);
+	}, []), U = A[1] === null ? A[0] : A[1];
+	return /* @__PURE__ */ (0, m.jsxs)("div", {
+		ref: r({ onClose: H }),
+		children: [/* @__PURE__ */ (0, m.jsx)(o, {
+			name: e.name,
+			type: "text",
+			icon: "calendar",
+			value: l(A, y),
+			label: e.label,
+			onFocus: R,
+			iconOnClick: R,
+			onClear: z,
+			error: n,
+			readOnly: !0
+		}), /* @__PURE__ */ (0, m.jsx)(C, { children: /* @__PURE__ */ (0, m.jsx)(m.Fragment, { children: M && /* @__PURE__ */ (0, m.jsxs)(h, {
+			$compact: S,
+			className: "ignore-element-for-closing-hook",
+			children: [/* @__PURE__ */ (0, m.jsx)(s, {
+				...w,
+				timeFormat: k,
+				value: A[0] ?? "",
+				initialViewDate: j[0],
+				secondValue: D,
+				onChange: P,
+				others: y?.[0],
+				onChangeOthers: I,
+				icon: !1,
+				label: M && i._({
+					id: "dataGrid.filterCell.from",
+					message: "From"
+				}),
+				isValidDate: B,
+				input: !1,
+				spaceAround: !S,
+				open: !0
+			}), /* @__PURE__ */ (0, m.jsx)(s, {
+				...w,
+				timeFormat: k,
+				value: U,
+				initialViewDate: j[1],
+				secondValue: T,
+				onChange: F,
+				others: y?.[1],
+				onChangeOthers: L,
+				icon: !1,
+				label: M && i._({
+					id: "dataGrid.filterCell.to",
+					message: "To"
+				}),
+				isValidDate: V,
+				input: !1,
+				spaceAround: !S,
+				open: !0,
+				isSecondDatePicker: !0
+			})]
+		}) }) })]
+	});
+};
+//#endregion
+export { _ as default };

package/ui/index639.es.js

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