mimir-ui-kit 1.65.2 → 1.65.4

package/dist/components/DatePicker/DatePicker.d.ts

@@ -1,4 +1,3 @@
-import { FocusEventHandler } from 'react';
 import { EDatePickerBorderRadius } from './constants';
 import { TInputProps } from '../Input';
 
@@ -12,9 +11,9 @@ export type TProps = {
      */
     onError?: (e: TDatePickerOnError) => void;
     /**
-     * Стандартный обработчик потери фокуса input
+     * Функция обратного вызова при потере фокуса компонентом
      */
-    onBlur?: FocusEventHandler<HTMLInputElement>;
+    onBlur?: (e: TDatePickerFocusEvent) => void;
     /**
      *  Функция ограничения выбора даты (до какой даты выбор не доступен)
      */
@@ -97,6 +96,12 @@ export type TDatePickerOnError = {
     name?: string;
     active: boolean;
 };
+export type TDatePickerFocusEvent = {
+    target: {
+        value: string;
+        name?: string;
+    };
+};
 export declare const DatePicker: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<{
     /**
      * Функция обратного вызова при изменении значения даты
@@ -107,9 +112,9 @@ export declare const DatePicker: import('react').MemoExoticComponent<import('rea
      */
     onError?: (e: TDatePickerOnError) => void;
     /**
-     * Стандартный обработчик потери фокуса input
+     * Функция обратного вызова при потере фокуса компонентом
      */
-    onBlur?: FocusEventHandler<HTMLInputElement>;
+    onBlur?: (e: TDatePickerFocusEvent) => void;
     /**
      *  Функция ограничения выбора даты (до какой даты выбор не доступен)
      */

package/dist/components/DatePicker/DatePicker.js

@@ -1,146 +1,180 @@
-import { jsxs as F, jsx as D } from "react/jsx-runtime";
-import { c as v } from "../../index-DIxK0V-G.js";
-import { memo as ht, forwardRef as Mt, useState as b, useEffect as P } from "react";
-import { months as S, EDatePickerBorderRadius as C, MAX_DAY as gt, MAX_MONTH as Tt, DATE_LENGTH as $t } from "./constants.js";
-import { DatePickerModal as bt } from "./DatePickerModal.js";
-import { MonthPickerModal as At } from "./MonthPickerModal.js";
+import { jsxs as et, jsx as u } from "react/jsx-runtime";
+import { c as H } from "../../index-DIxK0V-G.js";
+import { memo as It, forwardRef as St, useState as $, useEffect as A } from "react";
+import { months as j, EDatePickerBorderRadius as st, MAX_DAY as rt, MAX_MONTH as at, DATE_LENGTH as ot } from "./constants.js";
+import { DatePickerModal as Pt } from "./DatePickerModal.js";
+import { MonthPickerModal as Yt } from "./MonthPickerModal.js";
 import { c as m } from "../../styles.module-DjQdoVeY.js";
-import { formatDatePart as R } from "./utils.js";
-import { YearPickerModal as Pt } from "./YearPickerModal.js";
-import { useClickOutside as St } from "../../hooks/useClickOutside/useClickOutside.js";
-import { Icon as V } from "../../icons/Icon.js";
-import { formating as p } from "../../utils/index.js";
-import { I as Yt } from "../../Input-JwHUiwVK.js";
-import { EInputStatus as It, EInputSize as tt } from "../Input/constants.js";
-const xt = ht(
-  Mt(
+import { formatDatePart as O } from "./utils.js";
+import { YearPickerModal as xt } from "./YearPickerModal.js";
+import { useClickOutside as Ht } from "../../hooks/useClickOutside/useClickOutside.js";
+import { Icon as it } from "../../icons/Icon.js";
+import { formating as w } from "../../utils/index.js";
+import { I as jt } from "../../Input-JwHUiwVK.js";
+import { EInputStatus as Ot, EInputSize as ct } from "../Input/constants.js";
+const Et = It(
+  St(
     ({
-      size: H,
-      value: w,
+      size: E,
+      value: g,
       onChangeValue: r,
       name: d,
-      before: h,
-      type: f = "days",
-      dateFormat: N = "full",
-      error: B,
-      onError: g,
-      onBlur: et,
-      validateImmediately: G,
-      variant: st,
-      disabled: j = !1,
-      editable: A = !1,
-      openOnInput: W = !0,
-      sendIntermediateValues: rt = !1,
-      disableFuture: q = !1,
-      disablePast: J = !1,
-      disabledDate: E,
-      validRange: a,
-      borderRadius: L = C.All,
-      full: ot,
-      position: at,
-      isFixed: O = !1,
-      ...Y
-    }, ct) => {
-      const [T, y] = b(!1), [_, u] = b(f), [i, M] = b(
-        () => w && !isNaN(new Date(w).getTime()) ? new Date(w) : void 0
-      ), [I, U] = b(B), [it, x] = b(""), [nt, $] = b();
-      Y.status = !!I && It.Error || Y.status;
-      const K = () => {
+      before: M,
+      type: l = "days",
+      dateFormat: T = "full",
+      error: L,
+      onError: b,
+      onBlur: D,
+      validateImmediately: K,
+      variant: nt,
+      disabled: _ = !1,
+      editable: I = !1,
+      openOnInput: Q = !0,
+      sendIntermediateValues: ft = !1,
+      disableFuture: Z = !1,
+      disablePast: z = !1,
+      disabledDate: U,
+      validRange: n,
+      borderRadius: X = st.All,
+      full: lt,
+      position: mt,
+      isFixed: G = !1,
+      ...P
+    }, dt) => {
+      const [k, y] = $(!1), [W, p] = $(l), [f, h] = $(
+        () => g && !isNaN(new Date(g).getTime()) ? new Date(g) : void 0
+      ), [Y, q] = $(L), [yt, S] = $(""), [Dt, v] = $(), [pt, F] = $(!1);
+      P.status = !!Y && Ot.Error || P.status, A(() => {
+        !k && pt && (D == null || D({
+          target: {
+            value: f ? w.Date(f, "yyyy-mm-dd") : "",
+            name: d
+          }
+        })), F(k);
+      }, [k]);
+      const wt = (t) => {
+        var s;
+        if ((s = t.relatedTarget) != null && s.closest('[data-name="calendar-modal"]')) return;
+        F(!1);
+        const e = t.target.value.replace(/[^\d]/g, "");
+        if (e.length === 0)
+          S(""), h(void 0), t.target && (D == null || D({ target: { value: "", name: d } }));
+        else {
+          const [i, a, c] = [
+            O(e.substring(0, 2), rt),
+            O(e.substring(2, 4), at),
+            e.substring(4, 8)
+          ];
+          let o = c;
+          if (c.length === 2 && (o = "20" + c), [i, a, o].filter(Boolean).join("/").length === ot) {
+            const tt = parseInt(o), x = /* @__PURE__ */ new Date(
+              `${tt}-${a.padStart(2, "0")}-${i.padStart(2, "0")}`
+            );
+            isNaN(x.getTime()) || (h(x), r == null || r({
+              value: w.Date(x, "yyyy-mm-dd"),
+              name: d
+            }), t.target && (D == null || D({
+              target: { value: w.Date(x, "yyyy-mm-dd"), name: d }
+            })));
+          } else
+            t.target && (D == null || D({ target: { value: "Invalid date" } }));
+        }
+      }, B = () => {
         y(!1);
       };
-      P(() => {
-        if (!(!T || !O))
-          return window.addEventListener("scroll", K, !0), () => window.removeEventListener("scroll", K, !0);
-      }, [T, O]), P(() => {
-        U(B);
-      }, [B]), P(() => {
-        M(
-          w && !isNaN(new Date(w).getTime()) ? new Date(w) : void 0
+      A(() => {
+        if (!(!k || !G))
+          return window.addEventListener("scroll", B, !0), () => window.removeEventListener("scroll", B, !0);
+      }, [k, G]), A(() => {
+        q(L);
+      }, [L]), A(() => {
+        h(
+          g && !isNaN(new Date(g).getTime()) ? new Date(g) : void 0
         );
-      }, [w]), P(() => {
-        if (i && typeof i != "string" && !isNaN(i == null ? void 0 : i.getTime())) {
+      }, [g]), A(() => {
+        if (f && typeof f != "string" && !isNaN(f == null ? void 0 : f.getTime())) {
           let t = "";
-          switch (N) {
+          switch (T) {
             case "year": {
-              t = i.getFullYear().toString();
+              t = f.getFullYear().toString();
               break;
             }
             case "month": {
-              const s = S[i.getMonth()], e = i.getFullYear();
-              t = `${s} ${e}`;
+              const e = j[f.getMonth()], s = f.getFullYear();
+              t = `${e} ${s}`;
               break;
             }
             case "full": {
-              t = p.Date(i, "dd/mm/yyyy");
+              t = w.Date(f, "dd/mm/yyyy");
               break;
             }
             default: {
-              t = p.Date(i, "dd/mm/yyyy");
+              t = w.Date(f, "dd/mm/yyyy");
               break;
             }
           }
-          x(t);
+          S(t);
         } else
-          x("");
-      }, [i, N]);
-      const Q = w && new Date(w).getTime;
-      P(() => {
-        G && (Q ? (U(!1), g == null || g({ name: d, active: !1 })) : (U(!0), g == null || g({ name: d, active: !0 })));
-      }, [G, d, Q]), St({
-        isActive: T,
+          S("");
+      }, [f, T]);
+      const C = g && new Date(g).getTime;
+      A(() => {
+        K && (C ? (q(!1), b == null || b({ name: d, active: !1 })) : (q(!0), b == null || b({ name: d, active: !0 })));
+      }, [K, d, C]), Ht({
+        isActive: k,
         setActive: (t) => {
-          y(t), u(f), t || $(void 0);
+          y(t), p(l), t || v(void 0);
         },
         className: m["calendar-block"]
       });
-      const ft = () => {
-        !j && (W || !A) && y(!0);
-      }, Z = (t) => {
-        const s = t.getTime();
-        if (t.setHours(0, 0, 0, 0), h && (typeof h == "string" ? new Date(h) : h).getTime() > s)
+      const ut = () => {
+        !_ && (Q || !I) && y(!0);
+      }, R = (t) => {
+        const e = t.getTime();
+        if (t.setHours(0, 0, 0, 0), M && (typeof M == "string" ? new Date(M) : M).getTime() > e)
           return !1;
-        if (q) {
-          const e = /* @__PURE__ */ new Date();
-          if (e.setHours(0, 0, 0, 0), t.getTime() > e.getTime()) return !1;
+        if (Z) {
+          const s = /* @__PURE__ */ new Date();
+          if (s.setHours(0, 0, 0, 0), t.getTime() > s.getTime()) return !1;
         }
-        if (J) {
-          const e = /* @__PURE__ */ new Date();
-          if (e.setHours(0, 0, 0, 0), s < e.getTime()) return !1;
+        if (z) {
+          const s = /* @__PURE__ */ new Date();
+          if (s.setHours(0, 0, 0, 0), e < s.getTime()) return !1;
         }
-        if (E && E(t)) return !1;
-        if (a) {
-          let e;
-          typeof a[0] == "string" ? e = [
-            new Date(a[0]),
-            typeof a[1] == "string" ? new Date(a[1]) : a[1]
-          ] : e = [
-            a[0],
-            typeof a[1] == "string" ? new Date(a[1]) : a[1]
+        if (U && U(t)) return !1;
+        if (n) {
+          let s;
+          typeof n[0] == "string" ? s = [
+            new Date(n[0]),
+            typeof n[1] == "string" ? new Date(n[1]) : n[1]
+          ] : s = [
+            n[0],
+            typeof n[1] == "string" ? new Date(n[1]) : n[1]
           ];
-          const [c, o] = e, l = new Date(c), n = new Date(o);
-          if (l.setHours(0, 0, 0, 0), n.setHours(23, 59, 59, 999), t < l || t > n) return !1;
+          const [i, a] = s, c = new Date(i), o = new Date(a);
+          if (c.setHours(0, 0, 0, 0), o.setHours(23, 59, 59, 999), t < c || t > o) return !1;
         }
         return !0;
-      }, lt = (t) => {
+      }, Nt = (t) => {
         if (!isNaN(t.getTime())) {
-          M(t), $(void 0);
+          h(t), v(void 0);
           let e = "";
-          switch (N) {
+          switch (T) {
             case "year": {
               e = t.getFullYear().toString();
               break;
             }
             case "month": {
-              const c = S[t.getMonth()], o = t.getFullYear();
-              e = `${c} ${o}`;
+              const s = j[t.getMonth()], i = t.getFullYear();
+              e = `${s} ${i}`;
               break;
             }
             case "full": {
-              e = p.Date(t, "yyyy-mm-dd");
+              e = w.Date(t, "yyyy-mm-dd");
               break;
             }
             default: {
-              e = p.Date(t, "yyyy-mm-dd");
+              e = w.Date(t, "yyyy-mm-dd");
               break;
             }
           }
@@ -149,232 +183,208 @@ const xt = ht(
             name: d
           });
         }
-        _ === "years" && (f === "years" ? (y(!1), u(f)) : u("months")), _ === "months" && (f === "months" ? (y(!1), u(f)) : u("days")), M(t);
-        let s = "";
-        switch (N) {
-          case "year": {
-            s = t.getFullYear().toString();
-            break;
-          }
-          case "month": {
-            const e = S[t.getMonth()], c = t.getFullYear();
-            s = `${e} ${c}`;
-            break;
-          }
-          case "full": {
-            s = p.Date(t, "yyyy-mm-dd");
-            break;
-          }
-          default: {
-            s = p.Date(t, "yyyy-mm-dd");
-            break;
-          }
-        }
-        r == null || r({
-          value: s,
-          name: d
-        });
-      }, mt = (t) => {
-        const s = i || /* @__PURE__ */ new Date(), e = s.getDate(), c = s.getMonth() + 1, o = new Date(t, c - 1, e);
-        if (o.getFullYear() === t && o.getMonth() === c - 1 && o.getDate() === e && Z(o)) {
-          M(o), $(void 0);
-          let l = "";
-          switch (N) {
+        W === "years" && (l === "years" ? (y(!1), p(l)) : p("months")), W === "months" && (l === "months" ? (y(!1), p(l)) : p("days")), h(t);
+      }, gt = (t) => {
+        const e = f || /* @__PURE__ */ new Date(), s = e.getDate(), i = e.getMonth() + 1, a = new Date(t, i - 1, s);
+        if (a.getFullYear() === t && a.getMonth() === i - 1 && a.getDate() === s && R(a)) {
+          h(a), v(void 0);
+          let c = "";
+          switch (T) {
             case "year": {
-              l = t.toString();
+              c = t.toString();
               break;
             }
             case "month": {
-              l = `${S[c - 1]} ${t}`;
+              c = `${j[i - 1]} ${t}`;
               break;
             }
             case "full": {
-              l = p.Date(o, "yyyy-mm-dd");
+              c = w.Date(a, "yyyy-mm-dd");
               break;
             }
             default: {
-              l = p.Date(o, "yyyy-mm-dd");
+              c = w.Date(a, "yyyy-mm-dd");
               break;
             }
           }
           if (r == null || r({
-            value: l,
+            value: c,
             name: d
-          }), f === "years") {
-            y(!1), u(f);
+          }), l === "years") {
+            y(!1), p(l);
             return;
           }
         } else
-          $(new Date(t, c - 1, 1));
-        f === "years" ? (y(!1), u(f)) : u("months");
-      }, yt = (t, s) => {
-        const c = (i || /* @__PURE__ */ new Date()).getDate(), o = new Date(t, s, 0).getDate(), l = Math.min(c, o), n = new Date(t, s - 1, l);
-        if (n.getFullYear() === t && n.getMonth() === s - 1 && n.getDate() === l && Z(n)) {
-          M(n), $(void 0);
-          let k = "";
-          switch (N) {
+          v(new Date(t, i - 1, 1));
+        l === "years" ? (y(!1), p(l)) : p("months");
+      }, kt = (t, e) => {
+        const i = (f || /* @__PURE__ */ new Date()).getDate(), a = new Date(t, e, 0).getDate(), c = Math.min(i, a), o = new Date(t, e - 1, c);
+        if (o.getFullYear() === t && o.getMonth() === e - 1 && o.getDate() === c && R(o)) {
+          h(o), v(void 0);
+          let N = "";
+          switch (T) {
             case "year": {
-              k = t.toString();
+              N = t.toString();
               break;
             }
             case "month": {
-              k = `${S[s - 1]} ${t}`;
+              N = `${j[e - 1]} ${t}`;
               break;
             }
             case "full": {
-              k = p.Date(n, "yyyy-mm-dd");
+              N = w.Date(o, "yyyy-mm-dd");
               break;
             }
             default: {
-              k = p.Date(n, "yyyy-mm-dd");
+              N = w.Date(o, "yyyy-mm-dd");
               break;
             }
           }
           if (r == null || r({
-            value: k,
+            value: N,
             name: d
-          }), f === "months") {
-            y(!1), u(f);
+          }), l === "months") {
+            y(!1), p(l);
             return;
           }
         } else
-          $(new Date(t, s - 1, 1));
-        f === "months" ? (y(!1), u(f)) : u("days");
-      }, ut = (t) => {
-        if (A || t.target.value === "") {
-          const s = t.target.value.replace(/[^\d]/g, "");
-          if (s.length === 0)
-            x(""), M(void 0), y(!1), r == null || r({ value: "", name: d });
+          v(new Date(t, e - 1, 1));
+        l === "months" ? (y(!1), p(l)) : p("days");
+      }, ht = (t) => {
+        if (I || t.target.value === "") {
+          const e = t.target.value.replace(/[^\d]/g, "");
+          if (e.length === 0)
+            S(""), h(void 0), y(!1), r == null || r({ value: "", name: d });
           else {
-            const [e, c, o] = [
-              R(s.substring(0, 2), gt),
-              R(s.substring(2, 4), Tt),
-              s.substring(4, 8)
-            ], l = [e, c, o].filter(Boolean).join("/");
-            if (x(l), rt) {
-              const n = o ? `${o}-${c || "00"}-${e || "00"}` : [e, c, o].filter(Boolean).join("-");
+            const [s, i, a] = [
+              O(e.substring(0, 2), rt),
+              O(e.substring(2, 4), at),
+              e.substring(4, 8)
+            ], c = [s, i, a].filter(Boolean).join("/");
+            if (S(c), ft) {
+              const o = a ? `${a}-${i || "00"}-${s || "00"}` : [s, i, a].filter(Boolean).join("-");
               r == null || r({
-                value: n,
+                value: o,
                 name: d
               });
             }
-            if (l.length === $t) {
-              const n = parseInt(o), k = /* @__PURE__ */ new Date(
-                `${n}-${c.padStart(2, "0")}-${e.padStart(2, "0")}`
+            if (c.length === ot) {
+              const o = parseInt(a), N = /* @__PURE__ */ new Date(
+                `${o}-${i.padStart(2, "0")}-${s.padStart(2, "0")}`
               );
-              isNaN(k.getTime()) || (M(k), r == null || r({
-                value: p.Date(k, "yyyy-mm-dd"),
+              isNaN(N.getTime()) || (h(N), r == null || r({
+                value: w.Date(N, "yyyy-mm-dd"),
                 name: d
               }));
             }
           }
         }
-      }, Dt = v(
+      }, Mt = H(
         m.wrapper,
-        T && !A && m.active
-      ), pt = v(m.input, m.inputBorderControl);
-      let z;
-      if (a) {
-        let t, s;
-        typeof a[0] == "string" ? t = new Date(a[0]) : t = a[0], typeof a[1] == "string" ? s = new Date(a[1]) : s = a[1], z = [t, s];
+        k && !I && m.active
+      ), Tt = H(m.input, m.inputBorderControl);
+      let V;
+      if (n) {
+        let t, e;
+        typeof n[0] == "string" ? t = new Date(n[0]) : t = n[0], typeof n[1] == "string" ? e = new Date(n[1]) : e = n[1], V = [t, e];
       }
-      const X = {
-        onChangeValue: lt,
-        date: nt || i || /* @__PURE__ */ new Date(),
-        selectedDate: i,
-        before: typeof h == "string" ? new Date(h) : h,
-        onChangeType: u,
+      const J = {
+        onChangeValue: Nt,
+        date: Dt || f || /* @__PURE__ */ new Date(),
+        selectedDate: f,
+        before: typeof M == "string" ? new Date(M) : M,
+        onChangeType: p,
         setIsActive: y,
-        disableFuture: q,
-        disablePast: J,
-        disabledDate: E,
-        validRange: z,
-        dateFormat: N,
-        position: at,
-        isFixed: O
-      }, dt = {
-        ...X,
-        onChangeMonth: yt,
-        dateFormat: N
-      }, wt = {
-        ...X,
-        onChangeYear: mt
-      }, kt = (() => {
-        switch (_) {
+        disableFuture: Z,
+        disablePast: z,
+        disabledDate: U,
+        validRange: V,
+        dateFormat: T,
+        position: mt,
+        isFixed: G
+      }, $t = {
+        ...J,
+        onChangeMonth: kt,
+        dateFormat: T
+      }, bt = {
+        ...J,
+        onChangeYear: gt
+      }, vt = (() => {
+        switch (W) {
           case "months":
-            return () => /* @__PURE__ */ D(At, { ...dt });
+            return () => /* @__PURE__ */ u(Yt, { ...$t });
           case "years":
-            return () => /* @__PURE__ */ D(Pt, { ...wt });
+            return () => /* @__PURE__ */ u(xt, { ...bt });
           default:
-            return () => /* @__PURE__ */ D(bt, { ...X });
+            return () => /* @__PURE__ */ u(Pt, { ...J });
         }
-      })(), Nt = ({ isActive: t }) => /* @__PURE__ */ D("button", { onClick: (e) => {
-        e.stopPropagation(), j || y(!t);
-      }, className: m["icon-button"], children: t ? /* @__PURE__ */ D(
-        V,
+      })(), At = ({ isActive: t }) => /* @__PURE__ */ u("button", { onClick: (s) => {
+        s.stopPropagation(), _ || y(!t);
+      }, className: m["icon-button"], children: t ? /* @__PURE__ */ u(
+        it,
         {
-          iconName: H === tt.S ? "DropdownArrowUp16px" : "DropdownArrowUp24px"
+          iconName: E === ct.S ? "DropdownArrowUp16px" : "DropdownArrowUp24px"
         }
-      ) : /* @__PURE__ */ D(
-        V,
+      ) : /* @__PURE__ */ u(
+        it,
         {
-          iconName: H === tt.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px"
+          iconName: E === ct.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px"
         }
       ) });
-      return /* @__PURE__ */ F(
+      return /* @__PURE__ */ et(
         "div",
         {
-          className: v(m["input-field-group-datePicker"], {
-            [m.full]: ot
+          className: H(m["input-field-group-datePicker"], {
+            [m.full]: lt
           }),
           children: [
-            /* @__PURE__ */ F("div", { className: Dt, "data-disabled": j, children: [
-              /* @__PURE__ */ D(
+            /* @__PURE__ */ et("div", { className: Mt, "data-disabled": _, children: [
+              /* @__PURE__ */ u(
                 "div",
                 {
                   role: "button",
-                  "data-status": Y.status,
-                  className: v(m["date-wrapper"], {
-                    [m.editable]: A,
-                    [m[`border-radius-${L}`]]: L !== C.All
+                  "data-status": P.status,
+                  className: H(m["date-wrapper"], {
+                    [m.editable]: I,
+                    [m[`border-radius-${X}`]]: X !== st.All
                   }),
-                  onClick: ft,
-                  children: /* @__PURE__ */ D(
-                    Yt,
+                  onClick: ut,
+                  children: /* @__PURE__ */ u(
+                    jt,
                     {
-                      ref: ct,
-                      className: pt,
+                      ref: dt,
+                      className: Tt,
                       wrapperClassName: m["input-wrapper"],
-                      size: H,
+                      size: E,
                       type: "text",
-                      variant: st,
-                      value: it,
-                      onChange: ut,
+                      variant: nt,
+                      value: yt,
+                      onChange: ht,
                       rightAddon: {
                         addonType: "react-node",
-                        addonContent: /* @__PURE__ */ D(Nt, { isActive: T })
+                        addonContent: /* @__PURE__ */ u(At, { isActive: k })
                       },
                       rightSlotClassName: m["right-slot"],
                       onFocus: () => {
-                        W && !A && y(!0);
+                        Q && !I && y(!0);
                       },
-                      borderRadius: L,
-                      ...Y,
-                      onBlur: et
+                      onBlur: wt,
+                      borderRadius: X,
+                      ...P
                     }
                   )
                 }
               ),
-              T && /* @__PURE__ */ D(kt, {})
+              k && /* @__PURE__ */ u(vt, {})
             ] }),
-            I && typeof I == "string" && /* @__PURE__ */ D("div", { className: m.textError, children: I })
+            Y && typeof Y == "string" && /* @__PURE__ */ u("div", { className: m.textError, children: Y })
           ]
         }
       );
     }
   )
 );
-xt.displayName = "DatePicker";
+Et.displayName = "DatePicker";
 export {
-  xt as DatePicker
+  Et as DatePicker
 };

package/dist/components/DatePicker/DatePickerModal.js

@@ -93,6 +93,7 @@ const it = ({
       className: g(n["calendar-block"], b && n.fixed),
       ref: L,
       "data-testid": "calendar-modal",
+      "data-name": "calendar-modal",
       children: [
         /* @__PURE__ */ u("div", { className: n.h, children: [
           /* @__PURE__ */ a(

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "1.65.2",
+  "version": "1.65.4",
   "type": "module",
   "exports": {
     ".": {