@epam/ai-dial-ui-kit 0.16.0-dev.62 → 0.16.0-dev.66

package/dist/components/New/Calendar/Calendar.js

@@ -1,69 +1,70 @@
-import { jsx as e, jsxs as d, Fragment as B } from "react/jsx-runtime";
-import { useFloating as ee, autoUpdate as te, offset as ae, flip as le, shift as ne, useDismiss as se, useRole as re, useInteractions as ie, FloatingPortal as oe, FloatingFocusManager as ce, useClick as De } from "@floating-ui/react";
-import { IconChevronDown as Ie, IconClock as Fe } from "@tabler/icons-react";
-import { useId as Le, useState as _, useMemo as A, useEffect as Se } from "react";
-import { Label as Te } from "../Label/Label.js";
-import { StaticIconButton as U } from "../IconButton/IconButtonWrappers.js";
-import { DIAL_KIT_ICON_STROKE as de } from "../constants/icon.js";
-import { DIAL_ICON_SIZE as me } from "../../../constants/icon.js";
-import { CalendarMode as L } from "../../../types/calendar.js";
-import { ElementSize as Y } from "../../../types/size.js";
-import { useThemeScope as pe } from "../ThemeScope/ThemeScope.js";
-import { mergeClasses as i } from "../../../utils/merge-classes.js";
-import { getTimezoneLabel as Me } from "../../../utils/timezone.js";
-import { DEFAULT_CALENDAR_LOCALE as Oe, calendarModeDefaultPlaceholder as ke, calendarFieldIconClassName as we, calendarNavIcons as G, calendarDaySelectedClassName as Pe, calendarDayTodayClassName as Ae, calendarDayOutsideClassName as Be, calendarDayButtonBaseClassName as Ee, calendarIcon as _e, calendarFieldDisabledClassName as fe, calendarFieldInvalidClassName as ue, calendarFieldBaseClassName as he, timePickerButtonClassName as Re, timePickerPopoverClassName as ze, calendarPopoverClassName as $e } from "./constants.js";
-import { getWeekdayShortLabels as je, getWeekdayOptions as Ve, getMonthGrid as Ke, formatTimeLabel as E, formatMonthLabel as We, isSameDay as Z, isDateOutOfRange as q, formatDayAriaLabel as Ue, sanitizeTimeInput as Ye, isCompleteTimeString as Ge, setTimeOnDate as H, formatDateLabel as J } from "./utils.js";
-import { DIAL_KIT_CLASS as $ } from "../../../constants/public-class-names.js";
-import { TimePickerPanel as Ze } from "./TimePickerPanel.js";
-const Q = ({
-  id: m,
+import { jsx as e, jsxs as m, Fragment as z } from "react/jsx-runtime";
+import { useFloatingNodeId as ne, useFloating as se, autoUpdate as oe, offset as re, flip as ie, shift as ce, useDismiss as de, useRole as me, useInteractions as pe, FloatingPortal as ue, FloatingFocusManager as fe, FloatingTree as Se, useClick as Te, FloatingNode as Me } from "@floating-ui/react";
+import { IconChevronDown as Oe, IconClock as ke } from "@tabler/icons-react";
+import { useId as we, useState as V, useMemo as E, useEffect as Pe } from "react";
+import { Label as Ae } from "../Label/Label.js";
+import { StaticIconButton as q } from "../IconButton/IconButtonWrappers.js";
+import { DIAL_KIT_ICON_STROKE as he } from "../constants/icon.js";
+import { DIAL_ICON_SIZE as ge } from "../../../constants/icon.js";
+import { CalendarMode as T } from "../../../types/calendar.js";
+import { ElementSize as H } from "../../../types/size.js";
+import { useThemeScope as be } from "../ThemeScope/ThemeScope.js";
+import { mergeClasses as o } from "../../../utils/merge-classes.js";
+import { getTimezoneLabel as Ee } from "../../../utils/timezone.js";
+import { DEFAULT_CALENDAR_LOCALE as _e, calendarModeDefaultPlaceholder as Be, calendarFieldIconClassName as Re, calendarNavIcons as J, calendarDaySelectedClassName as ze, calendarDayTodayClassName as Ve, calendarDayOutsideClassName as $e, calendarDayButtonBaseClassName as je, calendarIcon as Ke, calendarFieldDisabledClassName as ye, calendarFieldInvalidClassName as xe, calendarFieldBaseClassName as ve, timePickerButtonClassName as We, timePickerPopoverClassName as Ue, calendarPopoverClassName as Ye } from "./constants.js";
+import { getWeekdayShortLabels as Ge, getWeekdayOptions as Ze, getMonthGrid as qe, formatTimeLabel as R, formatMonthLabel as He, isSameDay as Q, isDateOutOfRange as X, formatDayAriaLabel as Je, sanitizeTimeInput as Qe, isCompleteTimeString as Xe, setTimeOnDate as ee, formatDateLabel as te } from "./utils.js";
+import { DIAL_KIT_CLASS as j } from "../../../constants/public-class-names.js";
+import { TimePickerPanel as et } from "./TimePickerPanel.js";
+const tt = ({
+  id: r,
   disabled: l,
   invalid: g,
-  trigger: S,
-  panelClassName: r,
-  fieldClassName: T,
-  panel: N,
-  labelledBy: C,
-  describedBy: D,
+  trigger: F,
+  panelClassName: i,
+  fieldClassName: M,
+  panel: v,
+  labelledBy: N,
+  describedBy: L,
   panelLabel: O
 }) => {
-  const b = pe(), [v, p] = _(!1), { refs: n, floatingStyles: y, context: f } = ee({
-    open: v,
-    onOpenChange: (M) => p(l ? !1 : M),
+  const b = be(), [C, p] = V(!1), n = ne(), { refs: y, floatingStyles: D, context: f } = se({
+    nodeId: n,
+    open: C,
+    onOpenChange: (c) => p(l ? !1 : c),
     placement: "bottom-start",
-    whileElementsMounted: te,
-    middleware: [ae(8), le({ padding: 8 }), ne({ padding: 8 })]
-  }), I = De(f, { enabled: !l }), h = se(f), a = re(f, { role: "dialog" }), { getReferenceProps: k, getFloatingProps: o } = ie([
+    whileElementsMounted: oe,
+    middleware: [re(8), ie({ padding: 8 }), ce({ padding: 8 })]
+  }), I = Te(f, { enabled: !l }), k = de(f), h = me(f, { role: "dialog" }), { getReferenceProps: a, getFloatingProps: w } = pe([
     I,
-    h,
-    a
+    k,
+    h
   ]);
-  return /* @__PURE__ */ d(B, { children: [
+  return /* @__PURE__ */ m(Me, { id: n, children: [
     /* @__PURE__ */ e(
       "div",
       {
-        id: m,
-        ref: n.setReference,
+        id: r,
+        ref: y.setReference,
         role: "button",
         "aria-haspopup": "dialog",
-        "aria-expanded": v,
+        "aria-expanded": C,
         "aria-disabled": l,
-        "aria-labelledby": C,
-        "aria-describedby": D,
+        "aria-labelledby": N,
+        "aria-describedby": L,
         tabIndex: l ? -1 : 0,
-        className: i(
-          he,
+        className: o(
+          ve,
           "focus-visible:outline focus-visible:outline-focus",
-          g && ue,
-          l && fe,
-          T
+          g && xe,
+          l && ye,
+          M
         ),
-        ...k(),
-        children: S
+        ...a(),
+        children: F
       }
     ),
-    v && /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ e(
-      ce,
+    C && /* @__PURE__ */ e(ue, { children: /* @__PURE__ */ e(
+      fe,
       {
         context: f,
         modal: !1,
@@ -72,92 +73,94 @@ const Q = ({
         children: /* @__PURE__ */ e(
           "div",
           {
-            ref: n.setFloating,
-            style: y,
+            ref: y.setFloating,
+            style: D,
             "aria-label": O,
-            className: i(
-              $e,
+            className: o(
+              Ye,
               b,
-              r
+              i
             ),
-            ...o(),
-            children: N(() => p(!1))
+            ...w(),
+            children: v(() => p(!1))
           }
         )
       }
     ) })
   ] });
-}, X = ({
-  id: m,
+}, ae = (r) => /* @__PURE__ */ e(Se, { children: /* @__PURE__ */ e(tt, { ...r }) }), le = ({
+  id: r,
   value: l,
   onChange: g,
-  onBlur: S,
-  disabled: r,
-  invalid: T,
-  className: N,
-  ariaLabel: C,
-  describedBy: D,
+  onBlur: F,
+  disabled: i,
+  invalid: M,
+  className: v,
+  ariaLabel: N,
+  describedBy: L,
   placeholder: O = "--:--",
   timezoneLabel: b,
-  timezoneLabelClassName: v,
-  picker: p = !1
+  timezoneLabelClassName: C,
+  picker: p = !1,
+  pickerButtonClassName: n
 }) => {
-  const [n, y] = _(l), [f, I] = _(!1), h = pe(), { refs: a, floatingStyles: k, context: o } = ee({
+  const [y, D] = V(l), [f, I] = V(!1), k = be(), h = ne(), { refs: a, floatingStyles: w, context: c } = se({
+    nodeId: h,
     open: f,
-    onOpenChange: (c) => I(r ? !1 : c),
+    onOpenChange: (d) => I(i ? !1 : d),
     placement: "bottom-start",
-    whileElementsMounted: te,
-    middleware: [ae(8), le({ padding: 8 }), ne({ padding: 8 })]
-  }), M = se(o), R = re(o, { role: "dialog" }), { getFloatingProps: w } = ie([M, R]);
-  Se(() => {
-    y(l);
+    whileElementsMounted: oe,
+    middleware: [re(8), ie({ padding: 8 }), ce({ padding: 8 })]
+  }), _ = de(c), $ = me(c, { role: "dialog" }), { getFloatingProps: P } = pe([_, $]);
+  Pe(() => {
+    D(l);
   }, [l]);
-  const P = /* @__PURE__ */ e(
+  const A = /* @__PURE__ */ e(
     "input",
     {
-      id: m,
+      id: r,
       type: "text",
       inputMode: "numeric",
       autoComplete: "off",
-      "aria-label": C,
-      "aria-describedby": D,
-      "aria-invalid": T || void 0,
+      "aria-label": N,
+      "aria-describedby": L,
+      "aria-invalid": M || void 0,
       placeholder: O,
-      disabled: r,
-      value: n,
-      onChange: (c) => {
-        const u = Ye(c.target.value);
-        y(u), Ge(u) && g(u);
+      disabled: i,
+      value: y,
+      onChange: (d) => {
+        const u = Qe(d.target.value);
+        D(u), Xe(u) && g(u);
       },
-      onBlur: S,
-      className: i(
-        he,
-        T && ue,
-        r && fe,
+      onBlur: F,
+      className: o(
+        ve,
+        M && xe,
+        i && ye,
         p && "pe-12",
-        N
+        v
       )
     }
   );
-  return !b && !p ? P : /* @__PURE__ */ d(
+  return !b && !p ? A : /* @__PURE__ */ m(
     "div",
     {
       ref: p ? a.setReference : void 0,
       className: "relative w-full",
       children: [
-        P,
+        A,
         b && /* @__PURE__ */ e(
           "span",
           {
-            className: i(
+            className: o(
               "dial-small-paragraph-text pointer-events-none absolute end-4 top-1/2 -translate-y-1/2 truncate text-secondary",
               p && "end-12",
-              v
+              C
             ),
             children: b
           }
         ),
-        p && /* @__PURE__ */ d(B, { children: [
+        p && /* @__PURE__ */ m(z, { children: [
           /* @__PURE__ */ e(
             "button",
             {
@@ -165,23 +168,26 @@ const Q = ({
               "aria-label": "Choose time",
               "aria-haspopup": "dialog",
               "aria-expanded": f,
-              disabled: r,
-              className: Re,
-              onClick: () => I((c) => !c),
+              disabled: i,
+              className: o(
+                We,
+                n
+              ),
+              onClick: () => I((d) => !d),
               children: /* @__PURE__ */ e(
-                Fe,
+                ke,
                 {
-                  size: me.MD,
-                  stroke: de,
+                  size: ge.MD,
+                  stroke: he,
                   "aria-hidden": "true"
                 }
               )
             }
           ),
-          f && /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ e(
-            ce,
+          f && /* @__PURE__ */ e(ue, { children: /* @__PURE__ */ e(
+            fe,
             {
-              context: o,
+              context: c,
               modal: !1,
               initialFocus: -1,
               returnFocus: !0,
@@ -189,19 +195,19 @@ const Q = ({
                 "div",
                 {
                   ref: a.setFloating,
-                  style: k,
+                  style: w,
                   "aria-label": "Choose time",
-                  className: i(
-                    ze,
-                    h
+                  className: o(
+                    Ue,
+                    k
                   ),
-                  ...w(),
+                  ...P(),
                   children: /* @__PURE__ */ e(
-                    Ze,
+                    et,
                     {
-                      value: n,
-                      onSelect: (c, u) => {
-                        y(c), g(c), u && I(!1);
+                      value: y,
+                      onSelect: (d, u) => {
+                        D(d), g(d), u && I(!1);
                       }
                     }
                   )
@@ -213,106 +219,109 @@ const Q = ({
       ]
     }
   );
-}, pt = ({
-  mode: m = L.Date,
+}, xt = ({
+  mode: r = T.Date,
   value: l,
   onChange: g,
-  onBlur: S,
-  labelProps: r,
-  placeholder: T,
-  disabled: N = !1,
-  invalid: C = !1,
-  ariaDescribedBy: D,
+  onBlur: F,
+  labelProps: i,
+  placeholder: M,
+  disabled: v = !1,
+  invalid: N = !1,
+  ariaDescribedBy: L,
   id: O,
   className: b,
-  minDate: v,
+  minDate: C,
   maxDate: p,
-  locale: n = Oe,
+  locale: n = _e,
   fieldClassName: y,
-  showTimezone: f = !1,
-  showTimePicker: I = !0
+  showTimezone: D = !1,
+  showTimePicker: f = !0,
+  renderTimeField: I,
+  pickerButtonClassName: k
 }) => {
-  const h = T ?? ke[m], a = l instanceof Date ? l : null, k = Le(), o = O ?? k, M = r?.id ?? `${o}-label`, R = !!r?.label, w = typeof r?.label == "string" ? r.label : void 0, P = R ? `${M} ${o}` : void 0, c = r ? /* @__PURE__ */ e(Te, { ...r, id: M, htmlFor: o }) : null, [u, ge] = _(
+  const h = M ?? Be[r], a = l instanceof Date ? l : null, w = we(), c = O ?? w, _ = i?.id ?? `${c}-label`, $ = !!i?.label, P = typeof i?.label == "string" ? i.label : void 0, A = $ ? `${_} ${c}` : void 0, d = i ? /* @__PURE__ */ e(Ae, { ...i, id: _, htmlFor: c }) : null, [u, Ne] = V(
     () => a ?? /* @__PURE__ */ new Date()
-  ), be = A(() => /* @__PURE__ */ new Date(), []), z = A(
-    () => f ? Me({ locale: n }) : null,
-    [f, n]
-  ), ye = A(
-    () => je(n),
+  ), Ce = E(() => /* @__PURE__ */ new Date(), []), B = E(
+    () => D ? Ee({ locale: n }) : null,
+    [D, n]
+  ), De = E(
+    () => Ge(n),
     [n]
-  ), j = A(() => Ve(n), [n]), xe = A(
-    () => Ke(u.getFullYear(), u.getMonth()),
+  ), K = E(() => Ze(n), [n]), Ie = E(
+    () => qe(u.getFullYear(), u.getMonth()),
     [u]
-  ), V = (s) => {
-    ge(
+  ), W = (s) => {
+    Ne(
       (t) => new Date(t.getFullYear(), t.getMonth() + s, 1)
     );
-  }, ve = (s, t) => {
-    if (q(s, v, p)) return;
-    const F = m === L.DateTime && a ? H(s, E(a)) : s;
-    g?.(F), m === L.Date && t();
-  }, Ne = (s) => {
-    g?.(H(a ?? /* @__PURE__ */ new Date(), s));
-  }, Ce = () => a ? m === L.DateTime ? `${J(a, n)}, ${E(a)}` : J(a, n) : h;
-  if (m === L.Time) {
-    const s = typeof l == "string" ? l : a ? E(a) : "";
-    return /* @__PURE__ */ d(
+  }, Fe = (s, t) => {
+    if (X(s, C, p)) return;
+    const S = r === T.DateTime && a ? ee(s, R(a)) : s;
+    g?.(S), r === T.Date && t();
+  }, U = a ? R(a) : "", Y = (s) => {
+    g?.(ee(a ?? /* @__PURE__ */ new Date(), s));
+  }, Le = () => a ? r === T.DateTime ? `${te(a, n)}, ${R(a)}` : te(a, n) : h;
+  if (r === T.Time) {
+    const s = typeof l == "string" ? l : a ? R(a) : "";
+    return /* @__PURE__ */ m(
       "div",
       {
-        className: i(
+        className: o(
           "flex flex-col gap-y-3",
           b,
-          $.calendar
+          j.calendar
         ),
         children: [
-          c,
+          d,
           /* @__PURE__ */ e(
-            X,
+            le,
             {
-              id: o,
+              id: c,
               value: s,
               onChange: (t) => g?.(t),
-              onBlur: S,
-              disabled: N,
-              invalid: C,
-              describedBy: D,
+              onBlur: F,
+              disabled: v,
+              invalid: N,
+              describedBy: L,
               placeholder: h,
               className: y,
-              timezoneLabel: z,
-              picker: I
+              timezoneLabel: B,
+              picker: f,
+              pickerButtonClassName: k
             }
           )
         ]
       }
     );
   }
-  if (m === L.Weekday) {
-    const s = typeof l == "string" ? l : void 0, t = j.find((F) => F.value === s);
-    return /* @__PURE__ */ d(
+  if (r === T.Weekday) {
+    const s = typeof l == "string" ? l : void 0, t = K.find((S) => S.value === s);
+    return /* @__PURE__ */ m(
       "div",
       {
-        className: i(
+        className: o(
           "flex flex-col gap-y-3",
           b,
-          $.calendar
+          j.calendar
         ),
         children: [
-          c,
+          d,
           /* @__PURE__ */ e(
-            Q,
+            ae,
             {
-              id: o,
-              disabled: N,
-              invalid: C,
-              labelledBy: P,
-              describedBy: D,
-              panelLabel: w ?? h,
+              id: c,
+              disabled: v,
+              invalid: N,
+              labelledBy: A,
+              describedBy: L,
+              panelLabel: P ?? h,
               fieldClassName: y,
-              trigger: /* @__PURE__ */ d(B, { children: [
+              trigger: /* @__PURE__ */ m(z, { children: [
                 /* @__PURE__ */ e(
                   "span",
                   {
-                    className: i(
+                    className: o(
                       "truncate",
                       !t && "text-secondary"
                     ),
@@ -320,34 +329,34 @@ const Q = ({
                   }
                 ),
                 /* @__PURE__ */ e(
-                  Ie,
+                  Oe,
                   {
-                    size: me.MD,
-                    stroke: de,
+                    size: ge.MD,
+                    stroke: he,
                     "aria-hidden": "true",
-                    className: we
+                    className: Re
                   }
                 )
               ] }),
-              panel: (F) => /* @__PURE__ */ e(
+              panel: (S) => /* @__PURE__ */ e(
                 "div",
                 {
                   role: "listbox",
-                  "aria-label": w ?? h,
+                  "aria-label": P ?? h,
                   className: "flex flex-col gap-0.5",
-                  children: j.map((x) => /* @__PURE__ */ e(
+                  children: K.map((x) => /* @__PURE__ */ e(
                     "button",
                     {
                       type: "button",
                       role: "option",
                       "aria-selected": x.value === s,
-                      className: i(
+                      className: o(
                         "flex w-full items-center rounded-lg px-3 py-2 text-left dial-small-text text-primary hover:bg-control-accent-alpha-hover",
                         "focus-visible:outline focus-visible:outline-focus",
                         x.value === s && "bg-control-accent-alpha-hover"
                       ),
                       onClick: () => {
-                        g?.(x.value), F();
+                        g?.(x.value), S();
                       },
                       children: x.label
                     },
@@ -361,48 +370,48 @@ const Q = ({
       }
     );
   }
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ m(
     "div",
     {
-      className: i(
+      className: o(
         "flex flex-col gap-y-3",
         b,
-        $.calendar
+        j.calendar
       ),
       children: [
-        c,
+        d,
         /* @__PURE__ */ e(
-          Q,
+          ae,
           {
-            id: o,
-            disabled: N,
-            invalid: C,
-            labelledBy: P,
-            describedBy: D,
-            panelLabel: w ?? h,
+            id: c,
+            disabled: v,
+            invalid: N,
+            labelledBy: A,
+            describedBy: L,
+            panelLabel: P ?? h,
             fieldClassName: y,
-            trigger: /* @__PURE__ */ d(B, { children: [
+            trigger: /* @__PURE__ */ m(z, { children: [
               /* @__PURE__ */ e(
                 "span",
                 {
-                  className: i(
+                  className: o(
                     "truncate",
                     !a && "text-secondary"
                   ),
-                  children: Ce()
+                  children: Le()
                 }
               ),
-              _e
+              Ke
             ] }),
-            panel: (s) => /* @__PURE__ */ d(B, { children: [
-              /* @__PURE__ */ d("div", { className: "flex items-center justify-between", children: [
+            panel: (s) => /* @__PURE__ */ m(z, { children: [
+              /* @__PURE__ */ m("div", { className: "flex items-center justify-between", children: [
                 /* @__PURE__ */ e(
-                  U,
+                  q,
                   {
                     "aria-label": "Previous month",
-                    icon: G.prev,
-                    size: Y.Small,
-                    onClick: () => V(-1)
+                    icon: J.prev,
+                    size: H.Small,
+                    onClick: () => W(-1)
                   }
                 ),
                 /* @__PURE__ */ e(
@@ -410,21 +419,21 @@ const Q = ({
                   {
                     className: "dial-small-semi-text text-primary",
                     "aria-live": "polite",
-                    children: We(u, n)
+                    children: He(u, n)
                   }
                 ),
                 /* @__PURE__ */ e(
-                  U,
+                  q,
                   {
                     "aria-label": "Next month",
-                    icon: G.next,
-                    size: Y.Small,
-                    onClick: () => V(1)
+                    icon: J.next,
+                    size: H.Small,
+                    onClick: () => W(1)
                   }
                 )
               ] }),
-              /* @__PURE__ */ d("div", { className: "grid grid-cols-7 gap-y-1 text-center", children: [
-                ye.map((t) => /* @__PURE__ */ e(
+              /* @__PURE__ */ m("div", { className: "grid grid-cols-7 gap-y-1 text-center", children: [
+                De.map((t) => /* @__PURE__ */ e(
                   "div",
                   {
                     "aria-hidden": "true",
@@ -433,44 +442,52 @@ const Q = ({
                   },
                   t
                 )),
-                xe.map((t) => {
-                  const F = t.getMonth() !== u.getMonth(), x = Z(t, a), K = Z(t, be), W = q(t, v, p);
+                Ie.map((t) => {
+                  const S = t.getMonth() !== u.getMonth(), x = Q(t, a), G = Q(t, Ce), Z = X(t, C, p);
                   return /* @__PURE__ */ e(
                     "button",
                     {
                       type: "button",
-                      disabled: W,
-                      "aria-label": Ue(t, n),
+                      disabled: Z,
+                      "aria-label": Je(t, n),
                       "aria-pressed": x,
-                      "aria-current": K ? "date" : void 0,
-                      className: i(
-                        Ee,
-                        F && Be,
-                        K && !x && Ae,
-                        x && Pe,
-                        W && "cursor-not-allowed opacity-40 hover:bg-transparent"
+                      "aria-current": G ? "date" : void 0,
+                      className: o(
+                        je,
+                        S && $e,
+                        G && !x && Ve,
+                        x && ze,
+                        Z && "cursor-not-allowed opacity-40 hover:bg-transparent"
                       ),
-                      onClick: () => ve(t, s),
+                      onClick: () => Fe(t, s),
                       children: t.getDate()
                     },
                     t.toISOString()
                   );
                 })
               ] }),
-              m === L.DateTime && /* @__PURE__ */ d("div", { className: "flex items-center justify-between gap-3 border-t border-secondary pt-3", children: [
+              r === T.DateTime && /* @__PURE__ */ m("div", { className: "flex items-center justify-between gap-3 border-t border-secondary pt-3", children: [
                 /* @__PURE__ */ e("span", { className: "dial-small-text text-primary", children: "Time" }),
-                /* @__PURE__ */ e(
-                  X,
+                I ? I({
+                  value: U,
+                  onChange: Y,
+                  onBlur: F,
+                  disabled: v,
+                  invalid: N,
+                  ariaLabel: "Time",
+                  timezoneLabel: B
+                }) : /* @__PURE__ */ e(
+                  le,
                   {
                     ariaLabel: "Time",
-                    value: a ? E(a) : "",
-                    onChange: Ne,
-                    onBlur: S,
-                    className: i(
-                      !z && "w-[120px]",
+                    value: U,
+                    onChange: Y,
+                    onBlur: F,
+                    className: o(
+                      !B && "w-[120px]",
                       "px-3 py-1.5"
                     ),
-                    timezoneLabel: z,
+                    timezoneLabel: B,
                     timezoneLabelClassName: "end-3 max-w-[60%]"
                   }
                 )
@@ -483,5 +500,5 @@ const Q = ({
   );
 };
 export {
-  pt as Calendar
+  xt as Calendar
 };