@tedi-design-system/react 19.2.0-rc.6 → 19.2.0-rc.8

package/src/tedi/components/form/date-field/date-field.es.js

@@ -1,94 +1,95 @@
-import { jsxs as vt, Fragment as Ft, jsx as D } from "react/jsx-runtime";
-import { useFloating as wt, useClick as Nt, useInteractions as kt, useDismiss as Pt, useRole as Ot, FloatingPortal as Et, FloatingFocusManager as Rt } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
+import { jsxs as Ft, Fragment as wt, jsx as D } from "react/jsx-runtime";
+import { useFloating as Nt, useClick as kt, useInteractions as Pt, useDismiss as Ot, useRole as Et, FloatingPortal as Rt, FloatingFocusManager as It } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
 import B from "../../../../../external/classnames/index.es.js";
 import F, { useState as _, useCallback as me, useEffect as T, useMemo as pe } from "react";
-import { Calendar as It } from "../../content/calendar/calendar.es.js";
-import { MultiValueField as Vt } from "../multi-value-field/multi-value-field.es.js";
-import { TextField as Bt } from "../textfield/textfield.es.js";
-import y from "./date-field.module.scss.es.js";
-import { getLocaleDateParts as Tt, buildDateRegexSource as $t, resolveRangeSelection as Lt, CALENDAR_POPOVER_OFFSET as Yt, CALENDAR_POPOVER_PADDING as We } from "./date-field-helpers.es.js";
-import { DatePickerModal as jt } from "./date-picker-modal/date-picker-modal.es.js";
-import { useBreakpointProps as Ht } from "../../../helpers/hooks/use-breakpoint-props.es.js";
-import { useLabels as Wt } from "../../../providers/label-provider/use-labels.es.js";
-import { et as St } from "../../../../../external/react-day-picker/dist/esm/locale/et.es.js";
-import Ut, { isBreakpointBelow as Se } from "../../../helpers/hooks/use-breakpoint.es.js";
-import { autoUpdate as qt } from "../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
-import { offset as zt, flip as Gt, shift as Xt, size as Jt } from "../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
-import { dateMatchModifiers as Kt } from "../../../../../external/react-day-picker/dist/esm/utils/dateMatchModifiers.es.js";
-const Qt = F.forwardRef((w, N) => {
-  const { getCurrentBreakpointProps: Ue } = Ht(w.defaultServerBreakpoint), { getLabel: G } = Wt(), {
-    useNativePicker: qe = !1,
+import { Calendar as Vt } from "../../content/calendar/calendar.es.js";
+import { MultiValueField as Bt } from "../multi-value-field/multi-value-field.es.js";
+import { TextField as Tt } from "../textfield/textfield.es.js";
+import b from "./date-field.module.scss.es.js";
+import { getLocaleDateParts as $t, buildDateRegexSource as Lt, resolveRangeSelection as Yt, CALENDAR_POPOVER_OFFSET as jt, CALENDAR_POPOVER_PADDING as Se } from "./date-field-helpers.es.js";
+import { DatePickerModal as Ht } from "./date-picker-modal/date-picker-modal.es.js";
+import { useBreakpointProps as Wt } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+import { useLabels as St } from "../../../providers/label-provider/use-labels.es.js";
+import { et as Ut } from "../../../../../external/react-day-picker/dist/esm/locale/et.es.js";
+import qt, { isBreakpointBelow as Ue } from "../../../helpers/hooks/use-breakpoint.es.js";
+import { autoUpdate as zt } from "../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
+import { offset as Gt, flip as Xt, shift as Jt, size as Kt } from "../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
+import { dateMatchModifiers as Qt } from "../../../../../external/react-day-picker/dist/esm/utils/dateMatchModifiers.es.js";
+const Zt = F.forwardRef((w, N) => {
+  const { getCurrentBreakpointProps: qe } = Wt(w.defaultServerBreakpoint), { getLabel: G } = St(), {
+    useNativePicker: ze = !1,
     enableCalendar: m = !0,
     calendarTrigger: $ = "button",
     numberOfMonths: X,
     clearable: he = !0
-  } = Ue(w), {
+  } = qe(w), {
     id: ge,
     mode: o = "single",
-    label: ye,
+    label: be,
+    labelProps: ye,
     selected: L,
-    onSelect: a,
+    onSelect: i,
     disabled: k,
     disabledMatchers: P,
-    placeholder: ze,
-    className: Ge,
+    placeholder: Ge,
+    className: Xe,
     formatDate: d,
     required: Y,
-    showOutsideDays: be = !0,
+    showOutsideDays: De = !0,
     parseDate: J,
-    monthYearSelectType: De,
-    minYear: _e,
-    maxYear: Ce,
-    dayStatus: Me,
-    tagsDirection: Xe,
-    showNavigation: xe = !0,
+    monthYearSelectType: _e,
+    minYear: Ce,
+    maxYear: Me,
+    dayStatus: xe,
+    tagsDirection: Je,
+    showNavigation: Ae = !0,
     selectionLevel: O = "days",
     initialView: j,
-    locale: Ae = St,
+    locale: ve = Ut,
     localeCode: H = "et-EE",
     initialMonth: W,
-    closeOnSelect: Je,
-    footer: ve,
+    closeOnSelect: Ke,
+    footer: Fe,
     defaultValue: S,
     minDate: K,
     maxDate: Q,
-    disablePast: Fe,
-    disableFuture: we,
+    disablePast: we,
+    disableFuture: Ne,
     shouldDisableMonth: Z,
     shouldDisableYear: ee,
     readOnly: E,
-    availableDays: Ne,
-    inputProps: i,
+    availableDays: ke,
+    inputProps: a,
     modal: te = !1,
-    modalProps: Ke,
-    modalTitle: Qe,
-    disabledDateErrorMessage: Ze = G("dateField.disabledDateError"),
-    invalidDateErrorMessage: et = G("dateField.invalidDateError"),
-    useNativePicker: Zt,
-    enableCalendar: er,
-    calendarTrigger: tr,
-    numberOfMonths: rr,
-    defaultServerBreakpoint: ar,
-    sm: ir,
-    md: or,
-    lg: nr,
-    xl: sr,
-    xxl: lr,
-    ...ke
-  } = w, c = qe && o === "single", Pe = Ut(w.defaultServerBreakpoint), A = Se(Pe, "md"), [tt, p] = _(L ?? S), [h, R] = _(!1), [re, Oe] = _(!1), [rt, Ee] = _(j ?? O), [ae, b] = _(""), [Re, u] = _(!1), [Ie, U] = _(!1), g = m && !c && !E && (te === !0 || typeof te == "string" && Se(Pe, te)), Ve = A && !g && typeof X == "number" && X > 1 ? 1 : X, { current: f } = F.useRef("selected" in w), n = f ? L : tt, ie = F.useRef(null), Be = F.useRef(null), at = F.useCallback(
+    modalProps: Qe,
+    modalTitle: Ze,
+    disabledDateErrorMessage: et = G("dateField.disabledDateError"),
+    invalidDateErrorMessage: tt = G("dateField.invalidDateError"),
+    useNativePicker: er,
+    enableCalendar: tr,
+    calendarTrigger: rr,
+    numberOfMonths: ar,
+    defaultServerBreakpoint: ir,
+    sm: or,
+    md: nr,
+    lg: sr,
+    xl: lr,
+    xxl: fr,
+    ...Pe
+  } = w, c = ze && o === "single", Oe = qt(w.defaultServerBreakpoint), A = Ue(Oe, "md"), [rt, p] = _(L ?? S), [h, R] = _(!1), [re, Ee] = _(!1), [at, Re] = _(j ?? O), [ae, y] = _(""), [Ie, u] = _(!1), [Ve, U] = _(!1), g = m && !c && !E && (te === !0 || typeof te == "string" && Ue(Oe, te)), Be = A && !g && typeof X == "number" && X > 1 ? 1 : X, { current: f } = F.useRef("selected" in w), n = f ? L : rt, ie = F.useRef(null), Te = F.useRef(null), it = F.useCallback(
     (e) => {
       ie.current = e, typeof N == "function" ? N(e) : N && (N.current = e);
     },
     [N]
-  ), it = (e) => {
+  ), ot = (e) => {
     if (!e) return "";
     const t = e.getFullYear(), r = String(e.getMonth() + 1).padStart(2, "0"), s = String(e.getDate()).padStart(2, "0");
     return `${t}-${r}-${s}`;
-  }, ot = c && n instanceof Date ? it(n) : "", oe = me((e, t) => e instanceof Date ? e : Array.isArray(e) && e.length > 0 ? [...e].sort((r, s) => r.getTime() - s.getTime())[0] : e && typeof e == "object" && "from" in e && e.from instanceof Date ? e.from : e && typeof e == "object" && "to" in e && e.to instanceof Date ? e.to : t ?? /* @__PURE__ */ new Date(), []), [nt, ne] = _(() => oe(n, W));
+  }, nt = c && n instanceof Date ? ot(n) : "", oe = me((e, t) => e instanceof Date ? e : Array.isArray(e) && e.length > 0 ? [...e].sort((r, s) => r.getTime() - s.getTime())[0] : e && typeof e == "object" && "from" in e && e.from instanceof Date ? e.from : e && typeof e == "object" && "to" in e && e.to instanceof Date ? e.to : t ?? /* @__PURE__ */ new Date(), []), [st, ne] = _(() => oe(n, W));
   T(() => {
     h || ne(oe(n, W));
   }, [n, W, h, oe]), T(() => {
-    h && Ee(j ?? O);
+    h && Re(j ?? O);
   }, [h, O, j]), T(() => {
     f && p(L);
   }, [L, f]);
@@ -111,47 +112,47 @@ const Qt = F.forwardRef((w, N) => {
       return "";
     },
     [C]
-  ), se = Je ?? o === "single", Te = o === "multiple" && Array.isArray(n) ? n.map((e, t) => ({
+  ), se = Ke ?? o === "single", $e = o === "multiple" && Array.isArray(n) ? n.map((e, t) => ({
     id: t,
     label: d ? d(e) : M(e),
     date: e
   })) : [], q = pe(() => {
     const e = [];
-    return k && (Array.isArray(k) ? e.push(...k) : e.push(k)), P && (Array.isArray(P) ? e.push(...P) : e.push(P)), K && e.push({ before: K }), Q && e.push({ after: Q }), Fe && e.push({ before: /* @__PURE__ */ new Date() }), we && e.push({ after: /* @__PURE__ */ new Date() }), Z && e.push((t) => Z(t)), ee && e.push((t) => ee(t)), e;
+    return k && (Array.isArray(k) ? e.push(...k) : e.push(k)), P && (Array.isArray(P) ? e.push(...P) : e.push(P)), K && e.push({ before: K }), Q && e.push({ after: Q }), we && e.push({ before: /* @__PURE__ */ new Date() }), Ne && e.push({ after: /* @__PURE__ */ new Date() }), Z && e.push((t) => Z(t)), ee && e.push((t) => ee(t)), e;
   }, [
     k,
     P,
     K,
     Q,
-    Fe,
     we,
+    Ne,
     Z,
     ee
   ]), v = me(
-    (e) => Kt(e, q),
+    (e) => Qt(e, q),
     [q]
-  ), st = (e, t, r, s) => {
-    const l = o === "range" ? Lt(e, n, t) : e;
-    if (u(!1), f || p(l), a == null || a(l, t, r, s), l) {
+  ), lt = (e, t, r, s) => {
+    const l = o === "range" ? Yt(e, n, t) : e;
+    if (u(!1), f || p(l), i == null || i(l, t, r, s), l) {
       const x = d ? d(l) : M(l);
-      b(x);
+      y(x);
     } else
-      b("");
+      y("");
     se && R(!1);
-  }, lt = (e) => {
+  }, ft = (e) => {
     if (v(e)) return;
     const t = o === "range" ? { from: e, to: void 0 } : o === "multiple" ? [...Array.isArray(n) ? n : [], e] : e;
-    u(!1), f || p(t), a == null || a(t, e, {}, {});
+    u(!1), f || p(t), i == null || i(t, e, {}, {});
     const r = d ? d(t) : M(t);
-    b(r), se && R(!1);
-  }, ft = pe(() => {
-    const e = Tt(C), t = new RegExp(`^${$t(e)}$`), { fieldOrder: r } = e;
+    y(r), se && R(!1);
+  }, dt = pe(() => {
+    const e = $t(C), t = new RegExp(`^${Lt(e)}$`), { fieldOrder: r } = e;
     return (s) => {
       const l = s.match(t);
       if (!l) return;
       const x = {};
-      r.forEach((xt, At) => {
-        x[xt] = Number(l[At + 1]);
+      r.forEach((At, vt) => {
+        x[At] = Number(l[vt + 1]);
       });
       const { day: de, month: ce, year: ue } = x;
       if (de === void 0 || ce === void 0 || ue === void 0) return;
@@ -159,14 +160,14 @@ const Qt = F.forwardRef((w, N) => {
       if (!(isNaN(V.getTime()) || V.getFullYear() !== ue || V.getMonth() !== ce - 1 || V.getDate() !== de))
         return V;
     };
-  }, [C]), $e = (e) => (J ?? (o === "single" ? ft : () => {
-  }))(e), Le = (e) => o === "single" && e instanceof Date || o === "multiple" && Array.isArray(e) || o === "range" && !!e && !Array.isArray(e) && "from" in e, dt = (e) => {
-    if (b(e), U(!1), e.trim() === "") {
-      u(!1), n !== void 0 && (f || p(void 0), a == null || a(void 0, void 0, {}, {}));
+  }, [C]), Le = (e) => (J ?? (o === "single" ? dt : () => {
+  }))(e), Ye = (e) => o === "single" && e instanceof Date || o === "multiple" && Array.isArray(e) || o === "range" && !!e && !Array.isArray(e) && "from" in e, ct = (e) => {
+    if (y(e), U(!1), e.trim() === "") {
+      u(!1), n !== void 0 && (f || p(void 0), i == null || i(void 0, void 0, {}, {}));
       return;
     }
-    const t = $e(e);
-    if (!Le(t)) {
+    const t = Le(e);
+    if (!Ye(t)) {
       u(!1);
       return;
     }
@@ -175,8 +176,8 @@ const Qt = F.forwardRef((w, N) => {
       u(!0);
       return;
     }
-    u(!1), f || p(t), a == null || a(t, t, {}, {}), t instanceof Date && ne(t), se && R(!1);
-  }, ct = () => {
+    u(!1), f || p(t), i == null || i(t, t, {}, {}), t instanceof Date && ne(t), se && R(!1);
+  }, ut = () => {
     if (ae.trim() === "") {
       U(!1);
       return;
@@ -185,29 +186,29 @@ const Qt = F.forwardRef((w, N) => {
       U(!1);
       return;
     }
-    U(!Le($e(ae)));
+    U(!Ye(Le(ae)));
   };
   T(() => {
     if (f) {
       const e = d ? d(n) : M(n);
-      b(e);
+      y(e);
     }
   }, [n, f, d, M]), T(() => {
     if (!f && S) {
       const e = d ? d(S) : M(S);
-      b(e);
+      y(e);
     }
   }, []);
-  const ut = wt({
+  const mt = Nt({
     open: h,
     onOpenChange: R,
     placement: $ === "input" ? "bottom-start" : "bottom-end",
     middleware: [
-      zt(Yt),
-      Gt(),
-      Xt({ padding: We }),
-      Jt({
-        padding: We,
+      Gt(jt),
+      Xt(),
+      Jt({ padding: Se }),
+      Kt({
+        padding: Se,
         apply({ availableWidth: e, elements: t }) {
           const r = t.floating;
           if (r.style.width = "", r.style.maxWidth = "", r.style.overflowX = "", A) return;
@@ -215,20 +216,20 @@ const Qt = F.forwardRef((w, N) => {
         }
       })
     ],
-    whileElementsMounted: qt
-  }), { refs: I, context: z, x: mt, y: pt, strategy: ht } = ut, gt = Nt(z), Ye = kt([
-    ...m && !c && $ === "input" && !g ? [gt] : [],
-    Pt(z, {
+    whileElementsMounted: zt
+  }), { refs: I, context: z, x: pt, y: ht, strategy: gt } = mt, bt = kt(z), je = Pt([
+    ...m && !c && $ === "input" && !g ? [bt] : [],
+    Ot(z, {
       outsidePress: (e) => {
         const t = e.target;
         return !(t != null && t.closest('[role="menu"], [role="listbox"]'));
       }
     }),
-    Ot(z, { role: "dialog" })
+    Et(z, { role: "dialog" })
   ]);
   F.useEffect(() => {
     var t, r;
-    const e = o === "multiple" ? ((t = Be.current) == null ? void 0 : t.wrapper) ?? null : ((r = ie.current) == null ? void 0 : r.input) ?? null;
+    const e = o === "multiple" ? ((t = Te.current) == null ? void 0 : t.wrapper) ?? null : ((r = ie.current) == null ? void 0 : r.input) ?? null;
     I.setPositionReference(e ?? I.reference.current);
   }, [o, h, I]);
   const yt = () => {
@@ -244,16 +245,16 @@ const Qt = F.forwardRef((w, N) => {
       e.focus();
     }
   }, le = () => {
-    !m || E || (c ? yt() : g ? Oe(!0) : R((e) => !e));
-  }, bt = (e) => {
-    if (u(!1), f || p(e), a == null || a(e, e, {}, {}), e) {
+    !m || E || (c ? yt() : g ? Ee(!0) : R((e) => !e));
+  }, Dt = (e) => {
+    if (u(!1), f || p(e), i == null || i(e, e, {}, {}), e) {
       const t = d ? d(e) : M(e);
-      b(t);
+      y(t);
     } else
-      b("");
-  }, Dt = (e) => {
+      y("");
+  }, _t = (e) => {
     if (!e) {
-      u(!1), f || p(void 0), a == null || a(void 0, void 0, {}, {});
+      u(!1), f || p(void 0), i == null || i(void 0, void 0, {}, {});
       return;
     }
     const [t, r, s] = e.split("-").map(Number);
@@ -264,90 +265,92 @@ const Qt = F.forwardRef((w, N) => {
         u(!0);
         return;
       }
-      u(!1), f || p(l), a == null || a(l, l, {}, {});
+      u(!1), f || p(l), i == null || i(l, l, {}, {});
     }
-  }, _t = Ye.getReferenceProps(
+  }, Ct = je.getReferenceProps(
     g && $ === "input" ? { onClick: () => le() } : void 0
   ), {
-    role: fr,
-    "aria-expanded": dr,
-    "aria-haspopup": cr,
-    "aria-controls": Ct,
-    ...Mt
-  } = _t, je = g ? void 0 : Ct, fe = G("dateField.openCalendar"), He = {
+    role: dr,
+    "aria-expanded": cr,
+    "aria-haspopup": ur,
+    "aria-controls": Mt,
+    ...xt
+  } = Ct, He = g ? void 0 : Mt, fe = G("dateField.openCalendar"), We = {
     "aria-label": fe,
     "aria-expanded": g ? re : h,
     "aria-haspopup": "dialog",
-    "aria-controls": je
+    "aria-controls": He
   };
-  return /* @__PURE__ */ vt(Ft, { children: [
+  return /* @__PURE__ */ Ft(wt, { children: [
     /* @__PURE__ */ D(
       "div",
       {
-        className: B(y["tedi-date-field__container"], Ge),
-        ...Mt,
+        className: B(b["tedi-date-field__container"], Xe),
+        ...xt,
         ref: I.setReference,
         children: o === "multiple" ? /* @__PURE__ */ D(
-          Vt,
+          Bt,
           {
-            ...i,
-            ref: Be,
+            ...a,
+            ref: Te,
             id: ge,
-            label: ye,
-            tagsDirection: Xe,
-            values: Te.map((e) => e.label),
+            label: be,
+            labelProps: ye ?? (a == null ? void 0 : a.labelProps),
+            tagsDirection: Je,
+            values: $e.map((e) => e.label),
             icon: "calendar_today",
             onIconClick: le,
-            iconButtonProps: m ? He : { "aria-label": fe },
+            iconButtonProps: m ? We : { "aria-label": fe },
             isClearable: he,
             required: Y,
             onChange: (e) => {
               if (!Array.isArray(n)) return;
-              const t = Te.filter((r) => e.includes(r.label)).map((r) => r.date);
-              f || p(t), a == null || a(t, {}, {}, {});
+              const t = $e.filter((r) => e.includes(r.label)).map((r) => r.date);
+              f || p(t), i == null || i(t, {}, {}, {});
             },
-            className: B(y["tedi-date-field__textfield"], {
-              [y["tedi-date-field__icon--disabled"]]: !m || E
+            className: B(b["tedi-date-field__textfield"], {
+              [b["tedi-date-field__icon--disabled"]]: !m || E
             })
           }
         ) : /* @__PURE__ */ D(
-          Bt,
+          Tt,
           {
-            ...i,
-            ref: at,
+            ...a,
+            ref: it,
             id: ge,
-            label: ye,
+            label: be,
+            labelProps: ye ?? (a == null ? void 0 : a.labelProps),
             readOnly: E,
-            value: c ? ot : ae,
-            placeholder: ze,
+            value: c ? nt : ae,
+            placeholder: Ge,
             icon: "calendar_today",
             isClearable: he,
             onIconClick: le,
-            iconButtonProps: m && !c ? He : { "aria-label": fe },
-            onChange: (e) => c ? Dt(e) : dt(e),
+            iconButtonProps: m && !c ? We : { "aria-label": fe },
+            onChange: (e) => c ? _t(e) : ct(e),
             onBlur: (e) => {
               var t;
-              c || ct(), (t = i == null ? void 0 : i.onBlur) == null || t.call(i, e);
+              c || ut(), (t = a == null ? void 0 : a.onBlur) == null || t.call(a, e);
             },
             required: Y,
-            invalid: Re || Ie || (i == null ? void 0 : i.invalid),
+            invalid: Ie || Ve || (a == null ? void 0 : a.invalid),
             helper: (() => {
-              const e = i == null ? void 0 : i.helper, t = Re ? Ze : Ie ? et : null, r = t ? { text: t, type: "error" } : null;
+              const e = a == null ? void 0 : a.helper, t = Ie ? et : Ve ? tt : null, r = t ? { text: t, type: "error" } : null;
               return r ? e ? Array.isArray(e) ? [...e, r] : [e, r] : r : e;
             })(),
-            className: B(y["tedi-date-field__textfield"], {
-              [y["tedi-date-field__textfield--disabled"]]: i == null ? void 0 : i.disabled,
-              [y["tedi-date-field__icon--disabled"]]: !m || E
+            className: B(b["tedi-date-field__textfield"], {
+              [b["tedi-date-field__textfield--disabled"]]: a == null ? void 0 : a.disabled,
+              [b["tedi-date-field__icon--disabled"]]: !m || E
             }),
             input: {
-              ...i == null ? void 0 : i.input,
+              ...a == null ? void 0 : a.input,
               ...!J && o !== "single" && { readOnly: !0 },
               ...c && { type: "date" },
               ...m && !c && $ === "input" ? {
                 role: "combobox",
                 "aria-haspopup": "dialog",
                 "aria-expanded": g ? re : h,
-                "aria-controls": je
+                "aria-controls": He
               } : {}
             }
           }
@@ -355,77 +358,77 @@ const Qt = F.forwardRef((w, N) => {
       }
     ),
     g && /* @__PURE__ */ D(
-      jt,
+      Ht,
       {
         open: re,
-        onOpenChange: Oe,
+        onOpenChange: Ee,
         value: n,
-        onConfirm: bt,
+        onConfirm: Dt,
         mode: o,
-        numberOfMonths: Ve,
-        locale: Ae,
+        numberOfMonths: Be,
+        locale: ve,
         localeCode: H,
-        showOutsideDays: be,
+        showOutsideDays: De,
         disabledMatchers: q,
         required: Y,
-        availableDays: Ne,
-        footer: ve,
-        monthYearSelectType: De,
-        minYear: _e,
-        maxYear: Ce,
-        dayStatus: Me,
-        showNavigation: xe,
+        availableDays: ke,
+        footer: Fe,
+        monthYearSelectType: _e,
+        minYear: Ce,
+        maxYear: Me,
+        dayStatus: xe,
+        showNavigation: Ae,
         selectionLevel: O,
         initialView: j,
         initialMonth: W,
-        modalProps: Ke,
-        ...ke,
-        title: Qe
+        modalProps: Qe,
+        ...Pe,
+        title: Ze
       }
     ),
-    m && !c && !g && /* @__PURE__ */ D(Et, { children: h && /* @__PURE__ */ D(Rt, { context: z, modal: !1, initialFocus: -1, children: /* @__PURE__ */ D(
+    m && !c && !g && /* @__PURE__ */ D(Rt, { children: h && /* @__PURE__ */ D(It, { context: z, modal: !1, initialFocus: -1, children: /* @__PURE__ */ D(
       "div",
       {
         ref: I.setFloating,
         className: B({
-          [y["tedi-date-field__calendar-popover--fullwidth"]]: A
+          [b["tedi-date-field__calendar-popover--fullwidth"]]: A
         }),
-        ...Ye.getFloatingProps({
+        ...je.getFloatingProps({
           style: {
-            position: ht,
-            top: pt ?? 0,
-            left: A ? 0 : mt ?? 0,
+            position: gt,
+            top: ht ?? 0,
+            left: A ? 0 : pt ?? 0,
             right: A ? 0 : void 0
           }
         }),
         children: /* @__PURE__ */ D(
-          It,
+          Vt,
           {
-            ...ke,
-            numberOfMonths: Ve,
-            view: rt,
+            ...Pe,
+            numberOfMonths: Be,
+            view: at,
             selectionLevel: O,
-            currentMonth: nt,
+            currentMonth: st,
             setCurrentMonth: ne,
-            setView: Ee,
+            setView: Re,
             mode: o,
             value: n,
-            locale: Ae,
+            locale: ve,
             localeCode: H,
-            showOutsideDays: be,
+            showOutsideDays: De,
             disabledMatchers: q,
             required: Y,
-            availableDays: Ne,
-            footer: ve,
-            monthYearSelectType: De,
-            minYear: _e,
-            maxYear: Ce,
-            dayStatus: Me,
-            showNavigation: xe,
-            handleSelect: st,
-            applyValue: lt,
-            className: B(y["tedi-date-field__calendar"], {
-              [y["tedi-date-field__calendar--fullwidth"]]: A
+            availableDays: ke,
+            footer: Fe,
+            monthYearSelectType: _e,
+            minYear: Ce,
+            maxYear: Me,
+            dayStatus: xe,
+            showNavigation: Ae,
+            handleSelect: lt,
+            applyValue: ft,
+            className: B(b["tedi-date-field__calendar"], {
+              [b["tedi-date-field__calendar--fullwidth"]]: A
             })
           }
         )
@@ -433,7 +436,7 @@ const Qt = F.forwardRef((w, N) => {
     ) }) })
   ] });
 });
-Qt.displayName = "DateField";
+Zt.displayName = "DateField";
 export {
-  Qt as DateField
+  Zt as DateField
 };