@stenajs-webui/calendar 20.17.4 → 21.0.0

package/dist/index.es.js

@@ -1,16 +1,16 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._calendar_1b766_1{--swui-calendar-day-width: 48px;--swui-calendar-day-height: 48px;--swui-calendar-day-border-radius: var(--swui-max-border-radius);--swui-calendar-week-number-bg-color: transparent;--swui-calendar-week-number-text-color: var(--lhds-color-ui-500);--swui-calendar-week-number-clickable-text-color: var(--lhds-color-ui-500);--swui-calendar-week-day-text-color: var(--lhds-color-ui-500);--swui-calendar-week-day-clickable-text-color: var(--lhds-color-ui-500);--swui-calendar-wrapper-selected-border: var(--modern-red);--swui-calendar-wrapper-selected-background: var(--modern-red);--swui-calendar-wrapper-range-border: var(--lhds-color-red-100);--swui-calendar-wrapper-range-background: var(--lhds-color-red-100);--swui-calendar-wrapper-today-border: var(--lhds-color-ui-200);--swui-calendar-wrapper-today-background: var(--lhds-color-ui-50);--swui-calendar-text-selected-color: #fff;--swui-calendar-text-disabled-color: var(--swui-text-disabled-color);--swui-calendar-text-in-other-month-color: var(--swui-text-disabled-color)}._calendar_1b766_1 table{border-spacing:0 4px}._calendar_1b766_1 tr td:last-child{border-top-right-radius:var(--swui-calendar-day-border-radius);border-bottom-right-radius:var(--swui-calendar-day-border-radius)}._calendar_1b766_1._weekNumberVisible_1b766_41 tr td:nth-child(2),._calendar_1b766_1:not(._weekNumberVisible_1b766_41) tr td:first-child{border-top-left-radius:var(--swui-calendar-day-border-radius);border-bottom-left-radius:var(--swui-calendar-day-border-radius)}._calendar_1b766_1 td{padding:0;width:var(--swui-calendar-day-width);height:var(--swui-calendar-day-height)}._timePicker_1w05d_1{overflow:hidden;width:180px}._timePickerColumn_1w05d_6{overflow-y:hidden;flex:1}._timePickerColumn_1w05d_6:hover{overflow-y:scroll}._travelDateCell_h6vcn_1{position:relative}._travelDateCell_h6vcn_1._small_h6vcn_4{width:40px;height:40px}._travelDateCell_h6vcn_1._medium_h6vcn_9{width:48px;height:48px}._travelDateCell_h6vcn_1._large_h6vcn_14{width:56px;height:28px}._travelDateCell_h6vcn_1{border-radius:var(--swui-max-border-radius)}._travelDateCell_h6vcn_1:focus{outline:none}._travelDateCell_h6vcn_1:focus-visible ._outline_h6vcn_26{outline:var(--swui-focus-outline);outline-width:var(--swui-focus-outline-width);background:transparent;position:absolute;border-radius:var(--swui-max-border-radius);top:0;bottom:0;left:0;right:0;z-index:10}._travelDateCell_h6vcn_1:focus-visible ._contentWrapper_h6vcn_39._contentWrapper_h6vcn_39._contentWrapper_h6vcn_39{border-color:transparent}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39{cursor:pointer;border-radius:var(--swui-max-border-radius);border-width:2px;border-style:solid;border-color:transparent;background:transparent;position:absolute;display:flex;align-items:center;justify-content:center;left:0;right:0;top:0;bottom:0}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._disabled_h6vcn_60{cursor:not-allowed}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._isToday_h6vcn_63{border-color:var(--lhds-color-ui-400)}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._isSelectionStart_h6vcn_67,._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._isSelectionEnd_h6vcn_68{border-color:var(--modern-red)}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._isSelectionStart_h6vcn_67{background:var(--modern-red)}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._isSelectionStart_h6vcn_67 span{color:#fff}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._isSelectionEnd_h6vcn_68:not(._isSelectionStart_h6vcn_67){background:#fff}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._hover_h6vcn_83{border-color:var(--modern-red)}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._hover_h6vcn_83._startSelected_h6vcn_86:not(._endSelected_h6vcn_86):not(._isSelectionStart_h6vcn_67){background:#fff}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._hover_h6vcn_83._startSelected_h6vcn_86:not(._endSelected_h6vcn_86):not(._isSelectionStart_h6vcn_67) span{color:var(--swui-text-primary-color)}._travelDateCellBackground_1k07m_1._small_1k07m_2{width:20px;height:40px}._travelDateCellBackground_1k07m_1._medium_1k07m_7{width:24px;height:48px}._travelDateCellBackground_1k07m_1._large_1k07m_12{width:28px;height:56px}._travelCalendar_18pjj_1{border-spacing:0 4px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._travelCalendar_18pjj_1 td{padding:0}._travelDateRangeInput_1j7rp_1 ._overlay_1j7rp_2{transition:opacity var(--swui-animation-time-fast) ease-in-out;opacity:1}._travelDateRangeInput_1j7rp_1 ._overlay_1j7rp_2:not(._travelDateRangeInput_1j7rp_1 ._overlay_1j7rp_2._calendarVisible_1j7rp_6){opacity:0}._travelDateInput_hmfbf_1 ._overlay_hmfbf_2{transition:opacity var(--swui-animation-time-fast) ease-in-out;opacity:1}._travelDateInput_hmfbf_1 ._overlay_hmfbf_2:not(._travelDateInput_hmfbf_1 ._overlay_hmfbf_2._calendarVisible_hmfbf_6){opacity:0}")),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
-import { jsx as o, jsxs as _, Fragment as Ot } from "react/jsx-runtime";
-import { Box as A, Text as Dt, Clickable as Te, Row as v, Spacing as Ve, Column as j, Heading as _t, exhaustSwitchCase as le, Space as yt, Indent as Tt, SeparatorLine as tr, parseIntElseUndefined as be, useBoolean as ne, useDelayedFalse as se, useOnClickOutside as Ie } from "@stenajs-webui/core";
-import { FlatButton as J, stenaAngleDown as de, PrimaryButton as Mt, stenaAngleLeft as er, stenaAngleRight as rr, SecondaryButton as lt, stenaAngleLeftDouble as nr, stenaArrowLeft as Ct, stenaArrowRight as Nt, stenaAngleRightDouble as sr, TextInputButton as ir, stenaCalendar as It, Icon as Re, stenaArrowWideRight as or, stenaClock as xe, stenaAngleUp as cr, CardBody as Ee } from "@stenajs-webui/elements";
-import { isAfter as K, eachDayOfInterval as _e, isSameDay as P, endOfMonth as Ne, startOfMonth as Ae, min as ar, addDays as z, max as lr, subDays as ut, format as O, getISOWeek as ue, getDate as jt, startOfWeek as Wt, addWeeks as dr, getMonth as ft, getWeek as Le, getYear as Rt, getISODay as ur, addHours as Pe, isBefore as st, parse as mt, addMonths as At, isSameMonth as it, addYears as fr, subMonths as fe, subYears as hr, setWeek as mr, isValid as gr } from "date-fns";
-import { enGB as zt, enUS as pr, deAT as Dr, de as we, fr as br, es as wr, sv as yr, pl as Mr, da as kr, nl as Sr, nb as Tr } from "date-fns/locale";
-import { last as Ir, startCase as xt, chunk as Ye, debounce as Rr, padStart as xr, range as he } from "lodash-es";
-import * as me from "react";
-import { useMemo as R, useRef as $, useEffect as Z, useCallback as b, useId as ge, useState as I, useLayoutEffect as Be } from "react";
+import { jsx as o, jsxs as A, Fragment as ce } from "react/jsx-runtime";
+import { Box as N, Text as Dt, Clickable as Te, Row as H, Spacing as Ze, Column as C, Heading as _t, exhaustSwitchCase as ae, Space as Mt, Indent as It, SeparatorLine as Ve, parseIntElseUndefined as De, useBoolean as re, useDelayedFalse as be, useOnClickOutside as Ie } from "@stenajs-webui/core";
+import { FlatButton as q, stenaAngleDown as le, PrimaryButton as kt, stenaAngleLeft as tr, stenaAngleRight as er, SecondaryButton as lt, stenaAngleLeftDouble as rr, stenaArrowLeft as Ft, stenaArrowRight as Nt, stenaAngleRightDouble as nr, TextInputButton as sr, stenaCalendar as Rt, Icon as Re, stenaArrowWideRight as ir, stenaClock as xe, stenaAngleUp as or, CardBody as Ee } from "@stenajs-webui/elements";
+import { isAfter as z, eachDayOfInterval as Ae, isSameDay as L, endOfMonth as _e, startOfMonth as Ne, min as cr, addDays as K, max as ar, subDays as ut, format as v, getISOWeek as de, getDate as jt, startOfWeek as Ot, addWeeks as lr, getMonth as ft, getWeek as Le, getYear as xt, getISODay as dr, addHours as Ye, isBefore as st, parse as mt, addMonths as Lt, isSameMonth as it, addYears as ur, subMonths as ue, subYears as fr, setWeek as hr, isValid as mr } from "date-fns";
+import { enGB as Ct, enUS as gr, deAT as pr, de as we, fr as Dr, es as br, sv as wr, pl as yr, da as Mr, nl as kr, nb as Sr } from "date-fns/locale";
+import { last as Tr, startCase as Et, chunk as Pe, debounce as Ir, padStart as Rr, range as fe } from "lodash-es";
+import * as he from "react";
+import { useMemo as x, useRef as $, useEffect as Z, useCallback as D, useId as me, useState as R, useLayoutEffect as Be } from "react";
 import gt from "classnames";
-import Zt from "@emotion/styled";
-import { TextInput as pt, TextInputBox as Er, LabelledTextInput as _r } from "@stenajs-webui/forms";
-import { useTippyInstance as Nr, Popover as Lt } from "@stenajs-webui/tooltip";
+import Xt from "@emotion/styled";
+import { TextInput as pt, TextInputBox as xr, LabelledTextInput as Er } from "@stenajs-webui/forms";
+import { ControlledPopover as Yt } from "@stenajs-webui/tooltip";
 import { cssColor as Kt } from "@stenajs-webui/theme";
 import { useMaskedInput as Ar } from "@stenajs-webui/input-mask";
 const ot = {
@@ -27,29 +27,29 @@ const ot = {
   // 2 Jan
   monthAndDate: "MMM do"
   // Jan 2nd
-}, Et = (t = {}, e, r) => {
-  if (e && r && K(r, e))
-    return _e({ start: e, end: r }).reduce(
+}, At = (t = {}, e, r) => {
+  if (e && r && z(r, e))
+    return Ae({ start: e, end: r }).reduce(
       (s, i) => {
-        const c = P(i, e), a = P(i, r);
+        const c = L(i, e), a = L(i, r);
         return dt(s, i, c ? ["selected", "selectedStart", "range"] : a ? ["selected", "selectedEnd", "range"] : ["range"]);
       },
       t
     );
   let n = t;
   return e && (n = dt(n, e, ["selected", "singleSelected"])), r && (n = dt(n, r, ["selected", "singleSelected"])), n;
-}, Lr = (t = {}, e, r, n) => Pr(
+}, _r = (t = {}, e, r, n) => Nr(
   t,
   e,
   r,
-  Ae(n),
-  Ne(n)
-), Pr = (t = {}, e, r, n, s) => e && r ? Et(
+  Ne(n),
+  _e(n)
+), Nr = (t = {}, e, r, n, s) => e && r ? At(
   t,
-  lr([e, ut(n, 1)]),
-  ar([r, z(s, 1)])
-) : Et(t, e, r), Ws = (t, e, r) => {
-  const n = O(e, ot.yearAndMonth), s = ue(e), i = jt(e);
+  ar([e, ut(n, 1)]),
+  cr([r, K(s, 1)])
+) : At(t, e, r), vs = (t, e, r) => {
+  const n = v(e, ot.yearAndMonth), s = de(e), i = jt(e);
   return {
     ...t,
     [n]: {
@@ -63,8 +63,8 @@ const ot = {
       }
     }
   };
-}, Us = (t, e, r) => {
-  const n = O(e, ot.yearAndMonth), s = ue(e), i = jt(e);
+}, Os = (t, e, r) => {
+  const n = v(e, ot.yearAndMonth), s = de(e), i = jt(e);
   return {
     ...t,
     [n]: {
@@ -81,25 +81,25 @@ const ot = {
     }
   };
 }, dt = (t, e, r) => {
-  const n = e.getMonth() + 1, s = `${e.getFullYear()}-${n < 10 ? "0" : ""}${n}`, i = ue(e), c = jt(e), a = t && t[s] && t[s][i] && t[s][i][c];
+  const n = e.getMonth() + 1, s = `${e.getFullYear()}-${n < 10 ? "0" : ""}${n}`, i = de(e), c = jt(e), a = t && t[s] && t[s][i] && t[s][i][c];
   return {
     ...t,
     [s]: {
       ...t && t[s],
       [i]: {
         ...t && t[s] && t[s][i],
-        [c]: ve(a, r)
+        [c]: He(a, r)
       }
     }
   };
-}, ve = (t, e) => ({
+}, He = (t, e) => ({
   ...t,
   highlights: [...(t == null ? void 0 : t.highlights) ?? [], ...e]
-}), Fs = (t, e, r) => {
+}), Ws = (t, e, r) => {
   const n = e.days[0].date, s = n.getMonth() + 1, i = `${n.getFullYear()}-${s < 10 ? "0" : ""}${s}`, c = e.weekNumber;
   let a = t;
-  e.days.forEach((m) => {
-    a = dt(a, m.date, r);
+  e.days.forEach((h) => {
+    a = dt(a, h.date, r);
   });
   const l = a && a[i] ? a[i][c] : void 0, d = l && l.highlights ? [...l.highlights, ...r] : r, u = {
     ...l,
@@ -112,78 +112,78 @@ const ot = {
       [c]: u
     }
   };
-}, Yr = (t, e) => {
+}, Lr = (t, e) => {
   var s;
   if (!e.days.length)
     return { ...t };
-  const r = e.days[0].date, n = (s = Ir(e.days)) == null ? void 0 : s.date;
+  const r = e.days[0].date, n = (s = Tr(e.days)) == null ? void 0 : s.date;
   return {
-    ...Et(t, r, n)
+    ...At(t, r, n)
   };
-}, Br = (t, e) => R(() => t ? dt(e, /* @__PURE__ */ new Date(), ["today"]) : e, [t, e]);
-var vr = /* @__PURE__ */ ((t) => (t[t.JANUARY = 0] = "JANUARY", t[t.FEBRUARY = 1] = "FEBRUARY", t[t.MARCH = 2] = "MARCH", t[t.APRIL = 3] = "APRIL", t[t.MAY = 4] = "MAY", t[t.JUNE = 5] = "JUNE", t[t.JULY = 6] = "JULY", t[t.AUGUST = 7] = "AUGUST", t[t.SEPTEMBER = 8] = "SEPTEMBER", t[t.OCTOBER = 9] = "OCTOBER", t[t.NOVEMBER = 10] = "NOVEMBER", t[t.DECEMBER = 11] = "DECEMBER", t))(vr || {}), Hr = /* @__PURE__ */ ((t) => (t[t.SUNDAY = 0] = "SUNDAY", t[t.MONDAY = 1] = "MONDAY", t[t.TUESDAY = 2] = "TUESDAY", t[t.WEDNESDAY = 3] = "WEDNESDAY", t[t.THURSDAY = 4] = "THURSDAY", t[t.FRIDAY = 5] = "FRIDAY", t[t.SATURDAY = 6] = "SATURDAY", t))(Hr || {});
+}, Yr = (t, e) => x(() => t ? dt(e, /* @__PURE__ */ new Date(), ["today"]) : e, [t, e]);
+var Pr = /* @__PURE__ */ ((t) => (t[t.JANUARY = 0] = "JANUARY", t[t.FEBRUARY = 1] = "FEBRUARY", t[t.MARCH = 2] = "MARCH", t[t.APRIL = 3] = "APRIL", t[t.MAY = 4] = "MAY", t[t.JUNE = 5] = "JUNE", t[t.JULY = 6] = "JULY", t[t.AUGUST = 7] = "AUGUST", t[t.SEPTEMBER = 8] = "SEPTEMBER", t[t.OCTOBER = 9] = "OCTOBER", t[t.NOVEMBER = 10] = "NOVEMBER", t[t.DECEMBER = 11] = "DECEMBER", t))(Pr || {}), Br = /* @__PURE__ */ ((t) => (t[t.SUNDAY = 0] = "SUNDAY", t[t.MONDAY = 1] = "MONDAY", t[t.TUESDAY = 2] = "TUESDAY", t[t.WEDNESDAY = 3] = "WEDNESDAY", t[t.THURSDAY = 4] = "THURSDAY", t[t.FRIDAY = 5] = "FRIDAY", t[t.SATURDAY = 6] = "SATURDAY", t))(Br || {});
 const ye = (t, e, r, n) => {
   const s = [];
   for (let i = 0; i < r; i++)
-    s.push(Jt(t, e + i, n));
+    s.push(zt(t, e + i, n));
   return s;
-}, Jt = (t, e, r) => {
+}, zt = (t, e, r) => {
   if (isNaN(t) || isNaN(e))
     throw new Error("getMonthInYear() received NaN.");
   const n = t + Math.floor(e / 12), s = e % 12, i = new Date(n, s, 1);
   return {
-    monthString: O(i, ot.yearAndMonth),
-    name: xt(
-      O(i, ot.fullMonthName, { locale: r })
+    monthString: v(i, ot.yearAndMonth),
+    name: Et(
+      v(i, ot.fullMonthName, { locale: r })
     ),
     year: n,
     monthInYear: s,
-    weeks: $r(n, s, r)
+    weeks: Hr(n, s, r)
   };
-}, $r = (t, e, r, n = !0) => {
-  const s = new Date(t, e, 1), i = Wt(s, { locale: r }), c = [];
+}, Hr = (t, e, r, n = !0) => {
+  const s = new Date(t, e, 1), i = Ot(s, { locale: r }), c = [];
   for (let a = 0; a < 6; a++) {
-    const l = pe(dr(i, a), r);
+    const l = ge(lr(i, a), r);
     if (a > 0 && l.startMonth !== e && !n)
       return c;
     c.push(l);
   }
   return c;
-}, pe = (t, e) => {
-  const r = ft(z(t, 7)) !== ft(t);
+}, ge = (t, e) => {
+  const r = ft(K(t, 7)) !== ft(t);
   return {
     weekNumber: Le(t, { locale: e }),
     startMonth: ft(t),
-    startYear: Rt(t),
-    endMonth: ft(z(t, 6)),
-    endYear: Rt(z(t, 6)),
-    days: Wr(t, e),
+    startYear: xt(t),
+    endMonth: ft(K(t, 6)),
+    endYear: xt(K(t, 6)),
+    days: vr(t, e),
     isLastWeekOfMonth: r
   };
-}, Or = (t, e) => {
-  const r = ur(t);
+}, $r = (t, e) => {
+  const r = dr(t);
   return {
     date: t,
-    name: O(t, "EEE", e ? { locale: e } : void 0),
-    fullName: O(t, "EEEE", e ? { locale: e } : void 0),
-    dateString: O(Pe(t, 12), ot.fullDate),
+    name: v(t, "EEE", e ? { locale: e } : void 0),
+    fullName: v(t, "EEEE", e ? { locale: e } : void 0),
+    dateString: v(Ye(t, 12), ot.fullDate),
     weekNumber: Le(t, { locale: e }),
-    year: Rt(t),
+    year: xt(t),
     month: ft(t),
     dayOfMonth: jt(t),
     dayOfWeek: r,
     isFirstDayOfWeek: r === 1,
     isLastDayOfWeek: r === 7,
-    isFirstDayOfMonth: P(Ae(t), t),
-    isLastDayOfMonth: P(Ne(t), t)
+    isFirstDayOfMonth: L(Ne(t), t),
+    isLastDayOfMonth: L(_e(t), t)
   };
-}, Wr = (t, e) => _e({
+}, vr = (t, e) => Ae({
   start: t,
-  end: z(t, 6)
-}).map((r) => Or(r, e)), Ur = (t, e) => e > 11 ? { year: t + Math.floor(e / 12), month: e % 12 } : e < 0 ? { year: t + Math.floor(e / 12), month: 12 + e % 12 } : { year: t, month: e }, Fr = "_calendar_1b766_1", Cr = "_weekNumberVisible_1b766_41", Me = {
-  calendar: Fr,
-  weekNumberVisible: Cr
-}, jr = (t, e, r) => !!(e && e.indexOf(r) >= 0 || t && t.highlights && t.highlights.indexOf(r) >= 0), at = (t, e, r, n, s) => {
+  end: K(t, 6)
+}).map((r) => $r(r, e)), Or = (t, e) => e > 11 ? { year: t + Math.floor(e / 12), month: e % 12 } : e < 0 ? { year: t + Math.floor(e / 12), month: 12 + e % 12 } : { year: t, month: e }, Wr = "_calendar_1b766_1", Ur = "_weekNumberVisible_1b766_41", Me = {
+  calendar: Wr,
+  weekNumberVisible: Ur
+}, Fr = (t, e, r) => !!(e && e.indexOf(r) >= 0 || t && t.highlights && t.highlights.indexOf(r) >= 0), at = (t, e, r, n, s) => {
   if (r.length !== n.length)
     throw new Error(
       "Select highlight failed, number of values do not equal number of highlights."
@@ -191,14 +191,14 @@ const ye = (t, e, r, n) => {
   if (r.length === 0)
     return s;
   for (let i = 0; i < r.length; i++)
-    if (typeof r[i] == "boolean" && r[i] || typeof r[i] == "string" && jr(
+    if (typeof r[i] == "boolean" && r[i] || typeof r[i] == "string" && Fr(
       t,
       e,
       r[i]
     ))
       return n[i];
   return s;
-}, zr = ({
+}, jr = ({
   selectedBackground: t,
   todayBackground: e,
   rangeBackground: r,
@@ -271,7 +271,7 @@ const ye = (t, e, r, n) => {
     "unset"
   ),
   boxSizing: "border-box"
-}), Kr = ({
+}), Cr = ({
   selectedColor: t,
   disabledColor: e,
   inOtherMonthColor: r,
@@ -305,12 +305,12 @@ const ye = (t, e, r, n) => {
     clickableTextColor: "var(--swui-calendar-week-day-clickable-text-color)"
   },
   CalendarDay: {
-    tdStyle: zr({
+    tdStyle: jr({
       selectedBackground: "var(--swui-calendar-wrapper-selected-background)",
       rangeBackground: "var(--swui-calendar-wrapper-range-background)",
       todayBackground: "var(--swui-calendar-wrapper-today-background)"
     }),
-    textProps: Kr({
+    textProps: Cr({
       selectedColor: "var(--swui-calendar-text-selected-color)",
       disabledColor: "var(--swui-calendar-text-disabled-color)",
       inOtherMonthColor: "var(--swui-calendar-text-in-other-month-color)"
@@ -319,17 +319,17 @@ const ye = (t, e, r, n) => {
   CalendarMonth: {
     headerTextColor: "var(--swui-calendar-week-day-text-color)"
   }
-}, Cs = {
+}, Us = {
   ...bt,
   width: "37px",
   height: "37px"
-}, Jr = ({
+}, Kr = ({
   onClickWeekDay: t,
   day: e,
   theme: r
 }) => {
   const n = /* @__PURE__ */ o(
-    A,
+    N,
     {
       width: r.width,
       height: r.height,
@@ -354,7 +354,7 @@ const ye = (t, e, r, n) => {
       children: n
     }
   ) : n;
-}, He = function({
+}, $e = function({
   day: e,
   week: r,
   month: n,
@@ -366,7 +366,7 @@ const ye = (t, e, r, n) => {
   defaultHighlights: d
 }) {
   const u = /* @__PURE__ */ o(
-    A,
+    N,
     {
       width: "100%",
       height: "100%",
@@ -387,7 +387,7 @@ const ye = (t, e, r, n) => {
         }
       )
     }
-  ), m = Zt.td({
+  ), h = Xt.td({
     ...a.CalendarDay.tdStyle && a.CalendarDay.tdStyle(
       d,
       s,
@@ -396,7 +396,7 @@ const ye = (t, e, r, n) => {
       n,
       i
     )
-  }), f = Zt.div({
+  }), f = Xt.div({
     ...a.CalendarDay.innerWrapperStyle && a.CalendarDay.innerWrapperStyle(
       d,
       s,
@@ -407,7 +407,7 @@ const ye = (t, e, r, n) => {
     ),
     width: "100%",
     height: "100%"
-  }), h = Zt.div({
+  }), m = Xt.div({
     ...a.CalendarDay.cellWrapperStyle && a.CalendarDay.cellWrapperStyle(
       d,
       s,
@@ -419,12 +419,12 @@ const ye = (t, e, r, n) => {
     width: "100%",
     height: "100%",
     position: "relative"
-  }), g = Gr(d, s);
+  }), g = zr(d, s);
   return /* @__PURE__ */ o(
-    m,
+    h,
     {
-      onClick: g ? void 0 : (w) => c == null ? void 0 : c(e, i, w),
-      children: /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(h, { children: e.month === n.monthInYear && /* @__PURE__ */ _(Ot, { children: [
+      onClick: g ? void 0 : (p) => c == null ? void 0 : c(e, i, p),
+      children: /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(m, { children: e.month === n.monthInYear && /* @__PURE__ */ A(ce, { children: [
         l && /* @__PURE__ */ o(
           l,
           {
@@ -440,7 +440,7 @@ const ye = (t, e, r, n) => {
       ] }) }) })
     }
   );
-}, Gr = (t, e) => !!at(
+}, zr = (t, e) => !!at(
   e,
   t,
   ["disabled"],
@@ -454,16 +454,16 @@ const ye = (t, e, r, n) => {
   backgroundColor: s,
   prefix: i
 }) => {
-  const c = /* @__PURE__ */ _(
-    A,
+  const c = /* @__PURE__ */ A(
+    N,
     {
       width: e.width,
       height: e.height,
       justifyContent: "center",
       alignItems: "center",
       children: [
-        n && /* @__PURE__ */ o(A, { position: "absolute", children: n }),
-        /* @__PURE__ */ o(A, { position: "absolute", children: /* @__PURE__ */ _(
+        n && /* @__PURE__ */ o(N, { position: "absolute", children: n }),
+        /* @__PURE__ */ o(N, { position: "absolute", children: /* @__PURE__ */ A(
           Dt,
           {
             color: t ? e.WeekNumber.clickableTextColor : e.WeekNumber.textColor,
@@ -477,7 +477,7 @@ const ye = (t, e, r, n) => {
     }
   );
   return /* @__PURE__ */ o(
-    A,
+    N,
     {
       background: s || e.WeekNumber.backgroundColor,
       position: "relative",
@@ -492,7 +492,7 @@ const ye = (t, e, r, n) => {
       ) : c
     }
   );
-}, Qr = (t, e, r) => e && st(t, e) ? P(t, e) : r && K(t, r) ? P(t, r) : !0, Xr = function({
+}, Jr = (t, e, r) => e && st(t, e) ? L(t, e) : r && z(t, r) ? L(t, r) : !0, Gr = function({
   dayComponent: e,
   minDate: r,
   maxDate: n,
@@ -500,15 +500,15 @@ const ye = (t, e, r, n) => {
   day: i,
   ...c
 }) {
-  const a = R(
-    () => Qr(i.date, r, n) ? s : ve(s, ["disabled"]),
+  const a = x(
+    () => Jr(i.date, r, n) ? s : He(s, ["disabled"]),
     [i.date, s, n, r]
   );
   return /* @__PURE__ */ o(e, { day: i, ...c, dayState: a });
 };
-function Zr({
+function Qr({
   month: t,
-  dayComponent: e = He,
+  dayComponent: e = $e,
   statePerWeek: r,
   userDataPerWeek: n,
   minDate: s,
@@ -518,82 +518,82 @@ function Zr({
   onClickWeekDay: l,
   onClickMonth: d,
   renderWeekNumber: u,
-  renderWeekDay: m,
+  renderWeekDay: h,
   headerRightContent: f,
-  theme: h = bt,
+  theme: m = bt,
   extraDayContent: g,
-  defaultHighlights: w,
+  defaultHighlights: p,
   showWeekNumber: k
 }) {
-  return /* @__PURE__ */ o(Ot, { children: /* @__PURE__ */ _(A, { alignItems: "stretch", children: [
-    /* @__PURE__ */ _(
-      v,
+  return /* @__PURE__ */ o(ce, { children: /* @__PURE__ */ A(N, { alignItems: "stretch", children: [
+    /* @__PURE__ */ A(
+      H,
       {
         justifyContent: f ? "space-between" : "center",
         alignItems: "center",
         children: [
-          /* @__PURE__ */ o(v, { justifyContent: "center", alignItems: "center", children: d ? /* @__PURE__ */ o(
-            J,
+          /* @__PURE__ */ o(H, { justifyContent: "center", alignItems: "center", children: d ? /* @__PURE__ */ o(
+            q,
             {
               onClick: () => d(t),
               label: t.name + " " + String(t.year),
-              rightIcon: de
+              rightIcon: le
             }
-          ) : /* @__PURE__ */ _(Dt, { whiteSpace: "nowrap", children: [
+          ) : /* @__PURE__ */ A(Dt, { whiteSpace: "nowrap", children: [
             t.name,
             " ",
             t.year
           ] }) }),
-          f && /* @__PURE__ */ o(A, { alignItems: "center", children: f })
+          f && /* @__PURE__ */ o(N, { alignItems: "center", children: f })
         ]
       }
     ),
-    /* @__PURE__ */ o("table", { children: /* @__PURE__ */ _("tbody", { children: [
-      /* @__PURE__ */ _("tr", { children: [
-        k && /* @__PURE__ */ o("td", { children: /* @__PURE__ */ o(A, { width: h.width, height: h.height }) }),
-        t.weeks[0].days.map((p) => /* @__PURE__ */ o("td", { children: m ? m(p.name, h, l) : /* @__PURE__ */ o(
-          Jr,
+    /* @__PURE__ */ o("table", { children: /* @__PURE__ */ A("tbody", { children: [
+      /* @__PURE__ */ A("tr", { children: [
+        k && /* @__PURE__ */ o("td", { children: /* @__PURE__ */ o(N, { width: m.width, height: m.height }) }),
+        t.weeks[0].days.map((w) => /* @__PURE__ */ o("td", { children: h ? h(w.name, m, l) : /* @__PURE__ */ o(
+          Kr,
           {
-            day: p,
+            day: w,
             onClickWeekDay: l,
-            theme: h
+            theme: m
           }
-        ) }, p.name))
+        ) }, w.name))
       ] }),
-      t.weeks.map((p) => /* @__PURE__ */ o(Ot, { children: /* @__PURE__ */ _("tr", { children: [
-        k && /* @__PURE__ */ o("td", { children: u ? u(p, h, a) : /* @__PURE__ */ o(
+      t.weeks.map((w) => /* @__PURE__ */ A("tr", { children: [
+        k && /* @__PURE__ */ o("td", { children: u ? u(w, m, a) : /* @__PURE__ */ o(
           qr,
           {
-            week: p,
+            week: w,
             onClickWeek: a,
-            theme: h
+            theme: m
           }
         ) }),
-        p.days.map((y) => /* @__PURE__ */ o(
-          Xr,
+        w.days.map((y) => /* @__PURE__ */ o(
+          Gr,
           {
             dayComponent: e,
             day: y,
-            week: p,
+            week: w,
             month: t,
-            dayState: r && r[p.weekNumber] && r[p.weekNumber][y.dayOfMonth],
-            userData: n && n[p.weekNumber] && n[p.weekNumber][y.dayOfMonth],
+            dayState: r && r[w.weekNumber] && r[w.weekNumber][y.dayOfMonth],
+            userData: n && n[w.weekNumber] && n[w.weekNumber][y.dayOfMonth],
             onClickDay: c,
-            theme: h,
+            theme: m,
             extraDayContent: g,
-            defaultHighlights: w,
+            defaultHighlights: p,
             minDate: s,
             maxDate: i
           },
           y.dateString
         ))
-      ] }, p.weekNumber) }))
+      ] }, w.weekNumber))
     ] }) })
   ] }) });
 }
-function Vr({
+function Xr({
   monthRows: t,
-  dayComponent: e = He,
+  dayComponent: e = $e,
   userDataPerMonth: r,
   statePerMonth: n,
   minDate: s,
@@ -603,17 +603,17 @@ function Vr({
   onClickWeek: l,
   onClickMonth: d,
   renderWeekDay: u,
-  renderWeekNumber: m,
+  renderWeekNumber: h,
   headerRightContent: f,
-  extraDayContent: h,
+  extraDayContent: m,
   defaultHighlights: g,
-  showWeekNumber: w,
+  showWeekNumber: p,
   theme: k = bt
 }) {
-  const p = R(
+  const w = x(
     () => s ? mt(s, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
     [s]
-  ), y = R(
+  ), y = x(
     () => i ? mt(i, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
     [i]
   );
@@ -622,50 +622,50 @@ function Vr({
     {
       className: gt(
         Me.calendar,
-        w && Me.weekNumberVisible
+        p && Me.weekNumberVisible
       ),
-      children: t.map((D, M) => /* @__PURE__ */ o(Ve, { children: /* @__PURE__ */ o(v, { gap: 2, children: D.map((T) => /* @__PURE__ */ o(
-        Zr,
+      children: t.map((b, M) => /* @__PURE__ */ o(Ze, { children: /* @__PURE__ */ o(H, { gap: 2, children: b.map((S) => /* @__PURE__ */ o(
+        Qr,
         {
-          month: T,
+          month: S,
           dayComponent: e,
-          userDataPerWeek: r && r[T.monthString],
-          statePerWeek: n && n[T.monthString],
+          userDataPerWeek: r && r[S.monthString],
+          statePerWeek: n && n[S.monthString],
           onClickDay: c,
           onClickWeekDay: a,
           onClickWeek: l,
           onClickMonth: d,
           theme: k,
-          renderWeekNumber: m,
+          renderWeekNumber: h,
           renderWeekDay: u,
           headerRightContent: f,
-          extraDayContent: h,
+          extraDayContent: m,
           defaultHighlights: g,
-          minDate: p,
+          minDate: w,
           maxDate: y,
-          showWeekNumber: w ?? !1
+          showWeekNumber: p ?? !1
         },
-        T.name
+        S.name
       )) }) }, M))
     }
   );
 }
-function ie(t) {
-  const e = tn(t.year, t.month, t.date), { year: r, month: n } = Ur(
+function ne(t) {
+  const e = Zr(t.year, t.month, t.date), { year: r, month: n } = Or(
     e.year,
     e.month
-  ), s = en(
+  ), s = Vr(
     r,
     n,
-    t.locale ?? zt,
+    t.locale ?? Ct,
     t.numMonths,
     t.monthsPerRow
-  ), i = Br(
+  ), i = Yr(
     t.highlightToday,
     t.statePerMonth
   );
   return /* @__PURE__ */ o(
-    Vr,
+    Xr,
     {
       year: r,
       month: n,
@@ -675,7 +675,7 @@ function ie(t) {
     }
   );
 }
-const tn = (t, e, r) => {
+const Zr = (t, e, r) => {
   if (e && t)
     return {
       month: e,
@@ -684,28 +684,28 @@ const tn = (t, e, r) => {
   if (r)
     return {
       month: ft(r),
-      year: Rt(r)
+      year: xt(r)
     };
   const n = /* @__PURE__ */ new Date();
   return {
     month: ft(n),
-    year: Rt(n)
+    year: xt(n)
   };
-}, en = (t, e, r, n, s) => n == null ? [[Jt(t, e, r)]] : s == null ? [ye(t, e, n, r)] : Ye(ye(t, e, n, r), s), $e = (t, e) => `${t.row}-${t.column}-${e}`, rn = (t, e, r, n) => {
+}, Vr = (t, e, r, n, s) => n == null ? [[zt(t, e, r)]] : s == null ? [ye(t, e, n, r)] : Pe(ye(t, e, n, r), s), ve = (t, e) => `${t.row}-${t.column}-${e}`, tn = (t, e, r, n) => {
   let s = e;
   for (let i = 0; i < n; i++) {
-    s = nn(s, t, n);
-    const c = $e(s, r);
+    s = en(s, t, n);
+    const c = ve(s, r);
     if (document.getElementById(c))
       return c;
   }
-}, nn = (t, e, r) => {
+}, en = (t, e, r) => {
   let n = t.row, s = t.column;
   return e === "ArrowLeft" ? s-- : e === "ArrowUp" ? n-- : e === "ArrowRight" ? s++ : e === "ArrowDown" && n++, s < 0 && (s = r - 1, n--), s > r - 1 && (s = 0, n++), {
     column: s,
     row: n
   };
-}, sn = ({
+}, rn = ({
   month: t,
   onClick: e,
   selected: r,
@@ -715,34 +715,34 @@ const tn = (t, e, r) => {
   position: c,
   size: a
 }) => {
-  const l = R(
-    () => xt(O(t, "MMM", { locale: n })),
+  const l = x(
+    () => Et(v(t, "MMM", { locale: n })),
     [n, t]
-  ), d = R(
-    () => xt(O(t, "MMMM", { locale: n })),
+  ), d = x(
+    () => Et(v(t, "MMMM", { locale: n })),
     [n, t]
-  ), u = $(null), m = $e(c, i), f = r ? 0 : -1;
+  ), u = $(null), h = ve(c, i), f = r ? 0 : -1;
   Z(() => {
     var g;
     (g = u.current) == null || g.focus();
   }, []);
-  const h = b(
+  const m = D(
     (g) => {
       var k;
-      const w = rn(
+      const p = tn(
         g.key,
         c,
         i,
         4
       );
-      w && ((k = document.getElementById(w)) == null || k.focus());
+      p && ((k = document.getElementById(p)) == null || k.focus());
     },
     [i, c]
   );
-  return /* @__PURE__ */ o(v, { justifyContent: "center", onKeyDown: h, children: r ? /* @__PURE__ */ o(
-    Mt,
+  return /* @__PURE__ */ o(H, { justifyContent: "center", onKeyDown: m, children: r ? /* @__PURE__ */ o(
+    kt,
     {
-      id: m,
+      id: h,
       "aria-label": d,
       label: l,
       onClick: e,
@@ -753,9 +753,9 @@ const tn = (t, e, r) => {
       tabIndex: f
     }
   ) : /* @__PURE__ */ o(
-    J,
+    q,
     {
-      id: m,
+      id: h,
       label: l,
       "aria-label": d,
       onClick: e,
@@ -763,7 +763,7 @@ const tn = (t, e, r) => {
       tabIndex: f
     }
   ) });
-}, on = (t, e, r) => {
+}, nn = (t, e, r) => {
   let n = t.getFullYear(), s = 0, i = 0, c = t;
   const a = {
     yearOrder: [],
@@ -786,53 +786,53 @@ const tn = (t, e, r) => {
       a.years[n].rows.push(s);
       break;
     }
-    c = At(c, 1), c.getFullYear() !== n ? (a.years[n].rows.push(s), n++, i = 0, s++) : (i++, i > r - 1 && (a.years[n].rows.push(s), i = 0, s++));
+    c = Lt(c, 1), c.getFullYear() !== n ? (a.years[n].rows.push(s), n++, i = 0, s++) : (i++, i > r - 1 && (a.years[n].rows.push(s), i = 0, s++));
   }
   return a.lastMonthColumn = i, a.lastMonthRow = s, a;
-}, De = () => R(() => /* @__PURE__ */ new Date(), []), Pt = ({
+}, pe = () => x(() => /* @__PURE__ */ new Date(), []), Pt = ({
   value: t,
   onValueChange: e,
-  locale: r = zt,
+  locale: r = Ct,
   firstMonth: n,
   numMonths: s,
   onCancel: i,
   size: c = "medium"
 }) => {
-  const a = ge(), l = De(), d = s > 0 ? s : 12, [u, m] = I(!1), f = on(n, d, an(c)), h = R(() => At(n, d), [d, n]);
+  const a = me(), l = pe(), d = s > 0 ? s : 12, [u, h] = R(!1), f = nn(n, d, on(c)), m = x(() => Lt(n, d), [d, n]);
   Z(() => {
-    m(!0);
+    h(!0);
   }, []);
-  const g = b(
-    (w) => {
-      w.key === "Escape" && (i == null || i(), w.preventDefault(), w.stopPropagation());
+  const g = D(
+    (p) => {
+      p.key === "Escape" && (i == null || i(), p.preventDefault(), p.stopPropagation());
     },
     [i]
   );
-  return /* @__PURE__ */ o(j, { gap: 1, maxWidth: cn(c), onKeyDown: g, children: f.yearOrder.map((w, k) => {
-    const { rows: p } = f.years[w];
-    return /* @__PURE__ */ _(me.Fragment, { children: [
-      (k !== 0 || w !== l.getFullYear()) && /* @__PURE__ */ o(_t, { variant: "h4", children: w }),
-      /* @__PURE__ */ o("table", { style: { borderSpacing: "0 8px" }, children: /* @__PURE__ */ o("tbody", { children: p.map((y) => {
-        const { columns: D } = f.rows[y];
-        return /* @__PURE__ */ o("tr", { children: D.map(({ month: M, position: T }) => /* @__PURE__ */ o("td", { children: /* @__PURE__ */ o(
-          sn,
+  return /* @__PURE__ */ o(C, { gap: 1, maxWidth: sn(c), onKeyDown: g, children: f.yearOrder.map((p, k) => {
+    const { rows: w } = f.years[p];
+    return /* @__PURE__ */ A(he.Fragment, { children: [
+      (k !== 0 || p !== l.getFullYear()) && /* @__PURE__ */ o(_t, { variant: "h4", children: p }),
+      /* @__PURE__ */ o("table", { style: { borderSpacing: "0 8px" }, children: /* @__PURE__ */ o("tbody", { children: w.map((y) => {
+        const { columns: b } = f.rows[y];
+        return /* @__PURE__ */ o("tr", { children: b.map(({ month: M, position: S }) => /* @__PURE__ */ o("td", { children: /* @__PURE__ */ o(
+          rn,
           {
             month: M,
             firstAvailableMonth: n,
-            lastAvailableMonth: h,
+            lastAvailableMonth: m,
             locale: r,
             selected: t ? it(t, M) : !1,
             autoFocus: u,
             onClick: () => e == null ? void 0 : e(M),
             monthPickerId: a,
-            position: T,
+            position: S,
             size: c
           }
         ) }, M.getMonth())) }, y);
       }) }) })
-    ] }, w);
+    ] }, p);
   }) });
-}, cn = (t) => {
+}, sn = (t) => {
   switch (t) {
     case "small":
       return "280px";
@@ -841,9 +841,9 @@ const tn = (t, e, r) => {
     case "large":
       return "448px";
     default:
-      return le(t, "336px");
+      return ae(t, "336px");
   }
-}, an = (t) => {
+}, on = (t) => {
   switch (t) {
     case "small":
       return 3;
@@ -852,9 +852,9 @@ const tn = (t, e, r) => {
     case "large":
       return 5;
     default:
-      return le(t, 4);
+      return ae(t, 4);
   }
-}, ln = (t) => [
+}, cn = (t) => [
   {
     label: "Past",
     presets: [
@@ -867,39 +867,39 @@ const tn = (t, e, r) => {
   {
     label: "Future",
     presets: [
-      { label: "Next 3 days", startDate: t, endDate: z(t, 2) },
-      { label: "Next 7 days", startDate: t, endDate: z(t, 6) },
-      { label: "Next 30 days", startDate: t, endDate: z(t, 29) },
-      { label: "Next 45 days", startDate: t, endDate: z(t, 44) }
+      { label: "Next 3 days", startDate: t, endDate: K(t, 2) },
+      { label: "Next 7 days", startDate: t, endDate: K(t, 6) },
+      { label: "Next 30 days", startDate: t, endDate: K(t, 29) },
+      { label: "Next 45 days", startDate: t, endDate: K(t, 44) }
     ]
   }
-], dn = ({
+], an = ({
   onClickPreset: t
 }) => {
-  const [e, r] = I(0), n = R(() => ln(/* @__PURE__ */ new Date()), []), s = n[e] ?? n[0];
-  return /* @__PURE__ */ _(j, { children: [
-    /* @__PURE__ */ _(
-      v,
+  const [e, r] = R(0), n = x(() => cn(/* @__PURE__ */ new Date()), []), s = n[e] ?? n[0];
+  return /* @__PURE__ */ A(C, { children: [
+    /* @__PURE__ */ A(
+      H,
       {
         justifyContent: "space-between",
         alignItems: "center",
         width: "200px",
         children: [
           /* @__PURE__ */ o(
-            J,
+            q,
             {
               size: "small",
-              leftIcon: er,
+              leftIcon: tr,
               disabled: e === 0,
               onClick: () => r(e - 1)
             }
           ),
           /* @__PURE__ */ o(Dt, { children: s.label }),
           /* @__PURE__ */ o(
-            J,
+            q,
             {
               size: "small",
-              leftIcon: rr,
+              leftIcon: er,
               disabled: e === n.length - 1,
               onClick: () => r(e + 1)
             }
@@ -907,19 +907,19 @@ const tn = (t, e, r) => {
         ]
       }
     ),
-    /* @__PURE__ */ o(yt, {}),
-    /* @__PURE__ */ o(j, { alignItems: "center", children: s.presets.map((i) => /* @__PURE__ */ _(me.Fragment, { children: [
+    /* @__PURE__ */ o(Mt, {}),
+    /* @__PURE__ */ o(C, { alignItems: "center", children: s.presets.map((i) => /* @__PURE__ */ A(he.Fragment, { children: [
       /* @__PURE__ */ o(
-        Mt,
+        kt,
         {
           label: i.label,
           onClick: () => t(i)
         }
       ),
-      /* @__PURE__ */ o(yt, {})
+      /* @__PURE__ */ o(Mt, {})
     ] }, i.label)) })
   ] });
-}, un = function({
+}, ln = function({
   locale: e,
   dateInFocus: r,
   setDateInFocus: n,
@@ -928,18 +928,18 @@ const tn = (t, e, r) => {
   renderMonthPicker: c,
   ...a
 }) {
-  const l = b(
+  const l = D(
     (u) => {
       n && n(u), i("calendar");
     },
     [n, i]
-  ), d = b(() => {
+  ), d = D(() => {
     i("month");
   }, [i]);
   switch (s) {
     case "calendar":
       return /* @__PURE__ */ o(
-        ie,
+        ne,
         {
           ...a,
           date: r,
@@ -966,29 +966,29 @@ const tn = (t, e, r) => {
         }
       );
     case "presets":
-      return /* @__PURE__ */ o(dn, { onClickPreset: () => {
+      return /* @__PURE__ */ o(an, { onClickPreset: () => {
       } });
     default:
-      return /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
-        Mt,
+      return /* @__PURE__ */ o(N, { children: /* @__PURE__ */ o(
+        kt,
         {
           label: "Show calendar",
           onClick: () => i("calendar")
         }
       ) });
   }
-}, fn = (t, e, r, n) => {
-  const s = b(() => {
-    const l = At(t, r ?? n ?? 1);
+}, dn = (t, e, r, n) => {
+  const s = D(() => {
+    const l = Lt(t, r ?? n ?? 1);
     e == null || e(l);
-  }, [e, t, r, n]), i = b(() => {
-    const l = fr(t, 1);
+  }, [e, t, r, n]), i = D(() => {
+    const l = ur(t, 1);
     e == null || e(l);
-  }, [e, t]), c = b(() => {
-    const l = fe(t, r ?? n ?? 1);
+  }, [e, t]), c = D(() => {
+    const l = ue(t, r ?? n ?? 1);
     e == null || e(l);
-  }, [e, t, r, n]), a = b(() => {
-    const l = hr(t, 1);
+  }, [e, t, r, n]), a = D(() => {
+    const l = fr(t, 1);
     e == null || e(l);
   }, [e, t]);
   return {
@@ -997,23 +997,23 @@ const tn = (t, e, r) => {
     nextYear: i,
     prevYear: a
   };
-}, hn = ({
+}, un = ({
   children: t,
   prevMonth: e,
   nextMonth: r,
   prevYear: n,
   nextYear: s
-}) => /* @__PURE__ */ _("div", { children: [
+}) => /* @__PURE__ */ A("div", { children: [
   t,
-  /* @__PURE__ */ o(Tt, { children: /* @__PURE__ */ _(v, { gap: 1, children: [
-    /* @__PURE__ */ o(lt, { onClick: n, leftIcon: nr }),
-    /* @__PURE__ */ o(lt, { onClick: e, leftIcon: Ct }),
-    /* @__PURE__ */ o(Tt, { num: 2 }),
+  /* @__PURE__ */ o(It, { children: /* @__PURE__ */ A(H, { gap: 1, children: [
+    /* @__PURE__ */ o(lt, { onClick: n, leftIcon: rr }),
+    /* @__PURE__ */ o(lt, { onClick: e, leftIcon: Ft }),
+    /* @__PURE__ */ o(It, { num: 2 }),
     /* @__PURE__ */ o(lt, { onClick: r, leftIcon: Nt }),
-    /* @__PURE__ */ o(lt, { onClick: s, leftIcon: sr })
+    /* @__PURE__ */ o(lt, { onClick: s, leftIcon: nr })
   ] }) }),
-  /* @__PURE__ */ o(yt, {})
-] }), mn = () => {
+  /* @__PURE__ */ o(Mt, {})
+] }), fn = () => {
 };
 function wt({
   monthSwitcherPlacement: t,
@@ -1022,35 +1022,35 @@ function wt({
   setDateInFocus: n,
   currentPanel: s,
   setCurrentPanel: i,
-  onSelectPreset: c = mn,
+  onSelectPreset: c = fn,
   renderMonthPicker: a,
   ...l
 }) {
-  const { nextMonth: d, prevMonth: u, nextYear: m, prevYear: f } = fn(
+  const { nextMonth: d, prevMonth: u, nextYear: h, prevYear: f } = dn(
     r,
     n,
     l.monthsPerRow,
     l.numMonths
   );
-  switch (gn(
+  switch (hn(
     t,
     l.numMonths
   )) {
     case "below":
       return /* @__PURE__ */ o(
-        hn,
+        un,
         {
           theme: e,
           nextMonth: d,
           prevMonth: u,
-          nextYear: m,
+          nextYear: h,
           prevYear: f,
-          children: /* @__PURE__ */ o(ie, { ...l, theme: e, date: r })
+          children: /* @__PURE__ */ o(ne, { ...l, theme: e, date: r })
         }
       );
     case "header":
-      return /* @__PURE__ */ o(j, { children: /* @__PURE__ */ o(
-        un,
+      return /* @__PURE__ */ o(C, { children: /* @__PURE__ */ o(
+        ln,
         {
           ...l,
           theme: e,
@@ -1060,12 +1060,12 @@ function wt({
           currentPanel: s,
           setCurrentPanel: i,
           onSelectPreset: c,
-          headerRightContent: /* @__PURE__ */ _(v, { alignItems: "center", gap: 1, children: [
+          headerRightContent: /* @__PURE__ */ A(H, { alignItems: "center", gap: 1, children: [
             /* @__PURE__ */ o(
               lt,
               {
                 onClick: u,
-                leftIcon: Ct
+                leftIcon: Ft
               }
             ),
             /* @__PURE__ */ o(
@@ -1079,13 +1079,13 @@ function wt({
         }
       ) });
     default:
-      return /* @__PURE__ */ o(ie, { ...l, theme: e, date: r });
+      return /* @__PURE__ */ o(ne, { ...l, theme: e, date: r });
   }
 }
-const gn = (t, e) => t || (e || 1) > 1 ? "below" : "header", pn = (t) => ({
-  startDate: t.startDate ? O(t.startDate, "yyyy-MM-dd") : void 0,
-  endDate: t.endDate ? O(t.endDate, "yyyy-MM-dd") : void 0
-}), Dn = ({
+const hn = (t, e) => t || (e || 1) > 1 ? "below" : "header", mn = (t) => ({
+  startDate: t.startDate ? v(t.startDate, "yyyy-MM-dd") : void 0,
+  endDate: t.endDate ? v(t.endDate, "yyyy-MM-dd") : void 0
+}), gn = ({
   startDate: t,
   endDate: e
 }) => {
@@ -1097,12 +1097,12 @@ const gn = (t, e) => t || (e || 1) > 1 ? "below" : "header", pn = (t) => ({
 }, Oe = ({
   startDate: t,
   endDate: e
-}) => !!(t && e && !P(t, e) && K(t, e)), We = (t) => Oe(t) ? {
+}) => !!(t && e && !L(t, e) && z(t, e)), We = (t) => Oe(t) ? {
   startDate: t.endDate,
   endDate: t.startDate
-} : t, js = (t) => t.startDate && t.endDate ? pn(
-  We(Dn(t))
-) : t, bn = (t, e, r, n) => b(
+} : t, Fs = (t) => t.startDate && t.endDate ? mn(
+  We(gn(t))
+) : t, pn = (t, e, r, n) => D(
   (s) => {
     const i = {
       startDate: r === "startDate" ? s.date : t == null ? void 0 : t.startDate,
@@ -1117,8 +1117,8 @@ const gn = (t, e) => t || (e || 1) > 1 ? "below" : "header", pn = (t) => ({
     t == null ? void 0 : t.endDate,
     t == null ? void 0 : t.startDate
   ]
-), Gt = (t) => {
-  const [e, r] = I("calendar"), n = b(
+), qt = (t) => {
+  const [e, r] = R("calendar"), n = D(
     (s) => {
       r(s), t == null || t(s);
     },
@@ -1128,7 +1128,7 @@ const gn = (t, e) => t || (e || 1) > 1 ? "below" : "header", pn = (t) => ({
     currentPanel: e,
     setCurrentPanel: n
   };
-}, wn = ({
+}, Dn = ({
   focusedInput: t,
   value: e,
   onValueChange: r,
@@ -1137,15 +1137,15 @@ const gn = (t, e) => t || (e || 1) > 1 ? "below" : "header", pn = (t) => ({
   onChangePanel: i,
   initialDateInFocus: c
 }) => {
-  const { currentPanel: a, setCurrentPanel: l } = Gt(i), [d, u] = I(
+  const { currentPanel: a, setCurrentPanel: l } = qt(i), [d, u] = R(
     () => c ?? /* @__PURE__ */ new Date()
-  ), m = bn(
+  ), h = pn(
     e,
     r,
     t,
     n
-  ), f = R(
-    () => Et(
+  ), f = x(
+    () => At(
       s,
       e == null ? void 0 : e.startDate,
       e == null ? void 0 : e.endDate
@@ -1153,7 +1153,7 @@ const gn = (t, e) => t || (e || 1) > 1 ? "below" : "header", pn = (t) => ({
     [s, e == null ? void 0 : e.endDate, e == null ? void 0 : e.startDate]
   );
   return {
-    onClickDay: m,
+    onClickDay: h,
     statePerMonth: f,
     currentPanel: a,
     setCurrentPanel: l,
@@ -1161,12 +1161,12 @@ const gn = (t, e) => t || (e || 1) > 1 ? "below" : "header", pn = (t) => ({
     dateInFocus: d
   };
 };
-function zs(t) {
-  const e = wn(t);
+function js(t) {
+  const e = Dn(t);
   return /* @__PURE__ */ o(wt, { ...t, ...e });
 }
-const Ks = () => {
-  const [t, e] = I(), [r, n] = I(), [s, i] = I("startDate");
+const Cs = () => {
+  const [t, e] = R(), [r, n] = R(), [s, i] = R("startDate");
   return {
     startDate: t,
     setStartDate: e,
@@ -1175,18 +1175,18 @@ const Ks = () => {
     focusedInput: s,
     setFocusedInput: i
   };
-}, yn = ({
+}, bn = ({
   onChange: t,
   value: e,
   statePerMonth: r,
   onChangePanel: n
 }) => {
-  const { currentPanel: s, setCurrentPanel: i } = Gt(n), [c, a] = I(() => e ?? /* @__PURE__ */ new Date()), l = b(
+  const { currentPanel: s, setCurrentPanel: i } = qt(n), [c, a] = R(() => e ?? /* @__PURE__ */ new Date()), l = D(
     (u) => {
       t && t(u.date);
     },
     [t]
-  ), d = R(
+  ), d = x(
     () => e ? dt(r, e, [
       "selected",
       "singleSelected"
@@ -1204,25 +1204,25 @@ const Ks = () => {
   };
 };
 function Ue(t) {
-  const e = yn(t);
+  const e = bn(t);
   return /* @__PURE__ */ o(wt, { ...t, ...e });
 }
-const Mn = ({
+const wn = ({
   onChange: t,
   value: e,
   statePerMonth: r,
   onChangePanel: n
 }) => {
-  const { currentPanel: s, setCurrentPanel: i } = Gt(n), [c, a] = I(() => /* @__PURE__ */ new Date()), l = b(
+  const { currentPanel: s, setCurrentPanel: i } = qt(n), [c, a] = R(() => /* @__PURE__ */ new Date()), l = D(
     (u) => {
       if (!t)
         return;
-      const m = e && e.find((f) => P(f, u.date));
-      t(e && m ? e.filter((f) => !P(f, u.date)) : [...e || [], u.date]);
+      const h = e && e.find((f) => L(f, u.date));
+      t(e && h ? e.filter((f) => !L(f, u.date)) : [...e || [], u.date]);
     },
     [t, e]
-  ), d = R(() => e ? e.reduce(
-    (u, m) => dt(u, m, ["selected"]),
+  ), d = x(() => e ? e.reduce(
+    (u, h) => dt(u, h, ["selected"]),
     r
   ) : r, [r, e]);
   return {
@@ -1234,39 +1234,39 @@ const Mn = ({
     setDateInFocus: a
   };
 };
-function Js(t) {
-  const e = Mn(t);
+function Ks(t) {
+  const e = wn(t);
   return /* @__PURE__ */ o(wt, { ...t, ...e });
 }
-const kn = ({
+const yn = ({
   onChange: t,
   value: e,
   statePerMonth: r,
   onChangePanel: n,
-  locale: s = zt
+  locale: s = Ct
 }) => {
-  const [i, c] = I(() => {
-    const h = Vt(e, s);
-    return h ? h.days[0].date : /* @__PURE__ */ new Date();
-  }), { currentPanel: a, setCurrentPanel: l } = Gt(n), d = b(
-    (h) => {
-      t && t(ke(pe(h.date, s)));
+  const [i, c] = R(() => {
+    const m = Zt(e, s);
+    return m ? m.days[0].date : /* @__PURE__ */ new Date();
+  }), { currentPanel: a, setCurrentPanel: l } = qt(n), d = D(
+    (m) => {
+      t && t(ke(ge(m.date, s)));
     },
     [s, t]
-  ), u = b(
-    (h) => {
-      t && t(ke(h));
+  ), u = D(
+    (m) => {
+      t && t(ke(m));
     },
     [t]
-  ), m = R(() => {
-    const h = Vt(e, s);
-    return h ? Yr(r, h) : r;
-  }, [e, s, r]), f = R(() => {
-    const h = Vt(e, s);
-    return h ? h.days[0].date : /* @__PURE__ */ new Date();
+  ), h = x(() => {
+    const m = Zt(e, s);
+    return m ? Lr(r, m) : r;
+  }, [e, s, r]), f = x(() => {
+    const m = Zt(e, s);
+    return m ? m.days[0].date : /* @__PURE__ */ new Date();
   }, [s, e]);
   return {
-    statePerMonth: m,
+    statePerMonth: h,
     date: f,
     dateInFocus: i,
     setDateInFocus: c,
@@ -1278,31 +1278,22 @@ const kn = ({
 }, ke = (t) => {
   if (t)
     return `${t.endYear}-${t.weekNumber}`;
-}, Vt = (t, e) => {
+}, Zt = (t, e) => {
   if (!t)
     return;
   const r = t.split("-"), n = parseInt(r[1], 10), s = parseInt(r[0], 10), i = /* @__PURE__ */ new Date();
   i.setFullYear(s);
-  const c = Wt(mr(i, n), { locale: e });
-  return pe(c, e);
+  const c = Ot(hr(i, n), { locale: e });
+  return ge(c, e);
 };
-function Gs(t) {
-  const e = kn(t);
+function zs(t) {
+  const e = yn(t);
   return /* @__PURE__ */ o(wt, { ...t, ...e });
 }
-const Yt = "bottom", Fe = () => {
-  const [t, e] = Nr();
-  return {
-    onChangePanel: b(() => {
-      var n, s;
-      (s = (n = e.current) == null ? void 0 : n.popperInstance) == null || s.update();
-    }, [e]),
-    tippyRef: t
-  };
-}, Sn = (t, e, r) => {
-  const [n, s] = I(r || !1), i = b(() => (s(!0), !0), [s]), c = b(() => {
+const Bt = "bottom", Mn = (t, e, r) => {
+  const [n, s] = R(r || !1), i = D(() => (s(!0), !0), [s]), c = D(() => {
     s(!1), e && e();
-  }, [s, e]), a = b(
+  }, [s, e]), a = D(
     (l) => {
       t && t(l), setTimeout(c, 150);
     },
@@ -1314,82 +1305,74 @@ const Yt = "bottom", Fe = () => {
     showingCalendar: n,
     onSelectDate: a
   };
-}, Bt = "2999-12-31", qs = ({
+}, Ht = "2999-12-31", qs = ({
   displayFormat: t = ot.fullDate,
   placeholder: e = "Enter date",
   value: r,
-  zIndex: n = 100,
-  calendarTheme: s = bt,
-  calendarProps: i,
-  openOnMount: c,
-  onClose: a,
-  onChange: l,
-  portalTarget: d,
-  variant: u,
-  width: m,
-  minDate: f,
-  maxDate: h = Bt,
-  disabled: g
+  calendarTheme: n = bt,
+  calendarProps: s,
+  openOnMount: i,
+  onClose: c,
+  onChange: a,
+  variant: l,
+  width: d,
+  minDate: u,
+  maxDate: h = Ht,
+  disabled: f
 }) => {
-  const { hideCalendar: w, showingCalendar: k, onSelectDate: p, showCalendar: y } = Sn(l, a, c), { tippyRef: D, onChangePanel: M } = Fe();
-  return /* @__PURE__ */ o(A, { width: m, children: /* @__PURE__ */ o(
-    Lt,
+  const { hideCalendar: m, showingCalendar: g, onSelectDate: p, showCalendar: k } = Mn(a, c, i);
+  return /* @__PURE__ */ o(N, { width: d, children: /* @__PURE__ */ o(
+    Yt,
     {
-      arrow: !1,
-      lazy: !0,
-      visible: k,
-      onClickOutside: w,
-      placement: Yt,
-      zIndex: n,
-      appendTo: d ?? "parent",
-      tippyRef: D,
-      disabled: g,
-      content: /* @__PURE__ */ o(
-        Ue,
-        {
-          ...i,
-          onChange: p,
-          value: r,
-          theme: s,
-          onChangePanel: M,
-          minDate: f,
-          maxDate: h
-        }
-      ),
-      children: /* @__PURE__ */ o(
+      hideArrow: !0,
+      open: g,
+      onRequestClose: m,
+      renderTrigger: (w) => /* @__PURE__ */ o(N, { ...w, children: /* @__PURE__ */ o(
         pt,
         {
           type: "date",
-          onFocus: y,
-          buttonRight: /* @__PURE__ */ o(ir, { onClick: y, icon: It }),
-          value: r ? O(r, t) : "",
+          onFocus: k,
+          buttonRight: /* @__PURE__ */ o(sr, { onClick: k, icon: Rt }),
+          value: r ? v(r, t) : "",
           placeholder: e,
           size: 9,
-          disabled: g,
-          autoFocus: c,
-          variant: u,
-          min: f,
+          disabled: f,
+          autoFocus: i,
+          variant: l,
+          min: u,
           max: h
         }
+      ) }),
+      placement: Bt,
+      children: /* @__PURE__ */ o(
+        Ue,
+        {
+          ...s,
+          onChange: p,
+          value: r,
+          theme: n,
+          minDate: u,
+          maxDate: h
+        }
       )
     }
   ) });
-}, Tn = (t, e) => {
-  const r = $(null), n = $(null), [s, i] = I(!1), [c, a] = I(void 0), l = b(() => (a("startDate"), i(!0), !0), [a, i]), d = b(() => (a("endDate"), i(!0), !0), [a, i]), u = b(() => {
+}, kn = (t, e) => {
+  const r = $(null), n = $(null), [s, i] = R(!1), [c, a] = R(void 0), l = D(() => (a("startDate"), i(!0), !0), [a, i]), d = D(() => (a("endDate"), i(!0), !0), [a, i]), u = D(() => {
     i(!1);
-  }, [i]), m = b(
-    (h) => {
+  }, [i]), h = D(
+    (m) => {
       c === "startDate" ? (e == null || e({
-        startDate: h.date,
+        startDate: m.date,
         endDate: t == null ? void 0 : t.endDate
       }), t != null && t.endDate ? setTimeout(u, 150) : (a("endDate"), n.current && n.current.focus())) : c === "endDate" && (e == null || e({
         startDate: t == null ? void 0 : t.startDate,
-        endDate: h.date
+        endDate: m.date
       }), t != null && t.startDate ? setTimeout(u, 150) : (a("startDate"), r.current && r.current.focus()));
     },
     [c, e, a, u, t]
-  ), f = R(
-    () => (t == null ? void 0 : t.startDate) && (t == null ? void 0 : t.endDate) && K(t.startDate, t.endDate),
+  ), f = x(
+    () => (t == null ? void 0 : t.startDate) && (t == null ? void 0 : t.endDate) && z(t.startDate, t.endDate),
     [t == null ? void 0 : t.startDate, t == null ? void 0 : t.endDate]
   );
   return {
@@ -1401,192 +1384,180 @@ const Yt = "bottom", Fe = () => {
     setFocusedInput: a,
     startDateInputRef: r,
     endDateInputRef: n,
-    onClickDay: m,
+    onClickDay: h,
     startDateIsAfterEnd: f
   };
 };
-function Qs({
+function Js({
   displayFormat: t = ot.fullDate,
   placeholderStartDate: e = "Start date",
   placeholderEndDate: r = "End date",
-  portalTarget: n,
-  value: s,
-  onValueChange: i,
-  zIndex: c = 100,
-  width: a,
-  calendarTheme: l = bt,
-  calendarProps: d,
-  minDate: u,
-  maxDate: m = Bt,
-  disabled: f
+  value: n,
+  onValueChange: s,
+  width: i,
+  calendarTheme: c = bt,
+  calendarProps: a,
+  minDate: l,
+  maxDate: d = Ht,
+  disabled: u
 }) {
-  const [h, g] = I("calendar"), {
-    hideCalendar: w,
-    showCalendarEndDate: k,
+  const [h, f] = R("calendar"), {
+    hideCalendar: m,
+    showCalendarEndDate: g,
     showCalendarStartDate: p,
-    showingCalendar: y,
-    focusedInput: D,
-    startDateInputRef: M,
-    endDateInputRef: T,
-    onClickDay: Y,
-    startDateIsAfterEnd: N
-  } = Tn(s, i), [x, L] = I(
-    () => (D && (s == null ? void 0 : s[D])) ?? /* @__PURE__ */ new Date()
-  ), S = R(
-    () => Et(void 0, s == null ? void 0 : s.startDate, s == null ? void 0 : s.endDate),
-    [s]
+    showingCalendar: k,
+    focusedInput: w,
+    startDateInputRef: y,
+    endDateInputRef: b,
+    onClickDay: M,
+    startDateIsAfterEnd: S
+  } = kn(n, s), [B, _] = R(
+    () => (w && (n == null ? void 0 : n[w])) ?? /* @__PURE__ */ new Date()
+  ), I = x(
+    () => At(void 0, n == null ? void 0 : n.startDate, n == null ? void 0 : n.endDate),
+    [n]
   );
   return /* @__PURE__ */ o(
-    Lt,
+    Yt,
     {
-      arrow: !1,
-      lazy: !0,
-      disabled: f,
-      visible: y,
-      zIndex: c,
-      placement: Yt,
-      appendTo: n ?? "parent",
-      onClickOutside: w,
-      content: /* @__PURE__ */ o(
-        wt,
-        {
-          ...d,
-          dateInFocus: x,
-          setDateInFocus: L,
-          statePerMonth: S,
-          theme: l,
-          onClickDay: Y,
-          currentPanel: h,
-          setCurrentPanel: g,
-          minDate: u,
-          maxDate: m
-        }
-      ),
-      children: /* @__PURE__ */ _(v, { alignItems: "center", children: [
+      hideArrow: !0,
+      renderTrigger: (Y) => /* @__PURE__ */ A(H, { alignItems: "center", ...Y, children: [
         /* @__PURE__ */ o(
           pt,
           {
-            iconLeft: It,
+            iconLeft: Rt,
             onFocus: p,
-            value: s != null && s.startDate ? O(s.startDate, t) : "",
+            value: n != null && n.startDate ? v(n.startDate, t) : "",
             placeholder: e,
-            width: a,
-            disabled: f,
-            inputRef: M,
+            width: i,
+            disabled: u,
+            inputRef: y,
             size: 9,
-            variant: N ? "error" : void 0
+            variant: S ? "error" : void 0
           }
         ),
-        /* @__PURE__ */ o(yt, {}),
+        /* @__PURE__ */ o(Mt, {}),
         /* @__PURE__ */ o(
           Re,
           {
-            icon: or,
+            icon: ir,
             color: Kt("--lhds-color-ui-500"),
             size: 14
           }
         ),
-        /* @__PURE__ */ o(yt, {}),
+        /* @__PURE__ */ o(Mt, {}),
         /* @__PURE__ */ o(
           pt,
           {
-            iconLeft: It,
-            onFocus: k,
-            value: s != null && s.endDate ? O(s.endDate, t) : "",
+            iconLeft: Rt,
+            onFocus: g,
+            value: n != null && n.endDate ? v(n.endDate, t) : "",
             placeholder: r,
-            width: a,
-            disabled: f,
-            inputRef: T,
+            width: i,
+            disabled: u,
+            inputRef: b,
             size: 9,
-            variant: N ? "error" : void 0
+            variant: S ? "error" : void 0
           }
         )
-      ] })
+      ] }),
+      open: k,
+      placement: Bt,
+      onRequestClose: m,
+      children: /* @__PURE__ */ o(
+        wt,
+        {
+          ...a,
+          dateInFocus: B,
+          setDateInFocus: _,
+          statePerMonth: I,
+          theme: c,
+          onClickDay: M,
+          currentPanel: h,
+          setCurrentPanel: f,
+          minDate: l,
+          maxDate: d
+        }
+      )
     }
   );
 }
-const Xs = ({
+const Gs = ({
   calendarProps: t,
   closeOnCalendarSelectDate: e = !0,
   dateFormat: r = ot.fullDate,
   disableCalender: n = !1,
   onValueChange: s,
   placeholder: i = "yyyy-mm-dd",
-  portalTarget: c,
-  value: a,
-  width: l = "130px",
-  zIndex: d = 100,
-  calendarTheme: u = bt,
-  hideCalenderIcon: m = !1,
-  minDate: f,
-  maxDate: h = Bt,
-  variant: g,
-  ...w
+  value: c,
+  width: a = "130px",
+  calendarTheme: l = bt,
+  hideCalenderIcon: d = !1,
+  minDate: u,
+  maxDate: h = Ht,
+  variant: f,
+  ...m
 }) => {
-  const [k, p] = I(!1), { tippyRef: y, onChangePanel: D } = Fe(), M = b(() => {
-    p(!k);
-  }, [p, k]), T = b(() => {
+  const [g, p] = R(!1), k = D(() => {
+    p(!g);
+  }, [p, g]), w = D(() => {
     p(!1);
-  }, [p]), Y = b(
-    (H) => {
-      s && s(H);
+  }, [p]), y = D(
+    (I) => {
+      s && s(I);
     },
     [s]
-  ), N = b(
-    (H) => {
-      H && (Y(O(H, r)), e && setTimeout(() => p(!k), 200));
+  ), b = D(
+    (I) => {
+      I && (y(v(I, r)), e && setTimeout(() => p(!g), 200));
     },
-    [Y, r, e, p, k]
-  ), x = !!a && !/^[-/\\.0-9]+$/.test(a), L = !!a && gr(mt(a, r, /* @__PURE__ */ new Date())), W = !!a && a.length >= r.length && !L || x;
-  return /* @__PURE__ */ o(A, { width: l, children: /* @__PURE__ */ o(
-    Lt,
+    [y, r, e, p, g]
+  ), M = !!c && !/^[-/\\.0-9]+$/.test(c), S = !!c && mr(mt(c, r, /* @__PURE__ */ new Date())), _ = !!c && c.length >= r.length && !S || M;
+  return /* @__PURE__ */ o(N, { width: a, children: /* @__PURE__ */ o(
+    Yt,
     {
-      arrow: !1,
-      lazy: !0,
-      visible: k,
-      zIndex: d,
-      appendTo: c ?? "parent",
-      placement: Yt,
-      onClickOutside: T,
-      tippyRef: y,
-      content: /* @__PURE__ */ o(
-        Ue,
-        {
-          ...t,
-          onChange: N,
-          onChangePanel: D,
-          value: a && L ? mt(a, r, /* @__PURE__ */ new Date()) : void 0,
-          minDate: f,
-          maxDate: h,
-          theme: u
-        }
-      ),
-      children: /* @__PURE__ */ o(
+      renderTrigger: (I) => /* @__PURE__ */ o(
         pt,
         {
-          ...w,
-          variant: W ? "error" : g,
+          ...m,
+          variant: _ ? "error" : f,
           disableContentPaddingRight: !0,
-          contentRight: m ? void 0 : /* @__PURE__ */ o(v, { alignItems: "center", indent: 0.5, children: /* @__PURE__ */ o(
-            J,
+          contentRight: d ? void 0 : /* @__PURE__ */ o(H, { alignItems: "center", indent: 0.5, children: /* @__PURE__ */ o(
+            q,
             {
               size: "small",
-              disabled: w.disabled || n,
-              leftIcon: It,
-              onClick: M
+              disabled: m.disabled || n,
+              leftIcon: Rt,
+              onClick: k
             }
           ) }),
-          onValueChange: Y,
+          onValueChange: y,
           placeholder: i,
-          value: a || "",
-          min: f,
+          value: c || "",
+          min: u,
           max: h,
-          size: 10
+          size: 10,
+          ...I
+        }
+      ),
+      hideArrow: !0,
+      open: g,
+      placement: Bt,
+      onRequestClose: w,
+      children: /* @__PURE__ */ o(
+        Ue,
+        {
+          ...t,
+          onChange: b,
+          value: c && S ? mt(c, r, /* @__PURE__ */ new Date()) : void 0,
+          minDate: u,
+          maxDate: h,
+          theme: l
         }
       )
     }
   ) });
-}, Ut = (t) => {
+}, Wt = (t) => {
   if (t === "")
     return "00";
   const e = parseInt(t, 10);
@@ -1602,7 +1573,7 @@ const Xs = ({
     default:
       throw new Error("Invalid hour string");
   }
-}, Ft = (t) => {
+}, Ut = (t) => {
   if (t === "")
     return "00";
   const e = parseInt(t, 10);
@@ -1618,13 +1589,13 @@ const Xs = ({
     default:
       throw new Error("Invalid minute string");
   }
-}, In = (t) => {
-  if (!oe(t))
+}, Sn = (t) => {
+  if (!se(t))
     return { time: t, success: !1 };
   const e = t && t.split(/-|:|,|;|[/]|[.]| /);
   if (e && e.length === 2)
     try {
-      const r = Ut(e[0]), n = Ft(e[1]);
+      const r = Wt(e[0]), n = Ut(e[1]);
       return { time: `${r}:${n}`, success: !0 };
     } catch {
       return { time: t, success: !1 };
@@ -1653,7 +1624,7 @@ const Xs = ({
     }
   }
   return { time: t, success: !1 };
-}, oe = (t) => t ? /^[-:.,/; 0-9]+$/.test(t) : !0, Zs = ({
+}, se = (t) => t ? /^[-:.,/; 0-9]+$/.test(t) : !0, Qs = ({
   onValueChange: t,
   showPlaceholder: e = !0,
   useIcon: r = !0,
@@ -1662,15 +1633,15 @@ const Xs = ({
   variant: i,
   ...c
 }) => {
-  const [a, l] = I(() => oe(n)), d = "hh:mm", u = b(() => {
+  const [a, l] = R(() => se(n)), d = "hh:mm", u = D(() => {
     if (n) {
-      const f = In(n);
+      const f = Sn(n);
       l(f.success), f.success && t && t(f.time);
     }
-  }, [n, t, l]), m = b(
+  }, [n, t, l]), h = D(
     (f) => {
-      const h = f.target.value, g = oe(h);
-      l(g && h.length <= d.length), t && t(h);
+      const m = f.target.value, g = se(m);
+      l(g && m.length <= d.length), t && t(m);
     },
     [t, l]
   );
@@ -1683,12 +1654,12 @@ const Xs = ({
       iconLeft: r ? xe : void 0,
       value: n,
       placeholder: e ? d : void 0,
-      onChange: m,
+      onChange: h,
       onBlur: u,
       width: s
     }
   );
-}, Ce = ({
+}, Fe = ({
   autoFocusLeft: t,
   autoFocusRight: e,
   onEsc: r,
@@ -1700,82 +1671,82 @@ const Xs = ({
   placeholderRight: l,
   typeLeft: d,
   typeRight: u,
-  onChangeLeft: m,
+  onChangeLeft: h,
   onChangeRight: f,
-  valueLeft: h,
+  valueLeft: m,
   valueRight: g,
-  minLeft: w,
+  minLeft: p,
   maxLeft: k,
-  minRight: p,
+  minRight: w,
   maxRight: y,
-  onClickLeft: D,
+  onClickLeft: b,
   onClickRight: M,
-  onClickCalendar: T,
-  onClickArrowDown: Y,
-  onBlurLeft: N,
-  onBlurRight: x,
-  onFocusLeft: L,
-  onFocusRight: S,
+  onClickCalendar: S,
+  onClickArrowDown: B,
+  onBlurLeft: _,
+  onBlurRight: I,
+  onFocusLeft: Y,
+  onFocusRight: T,
   inputRefLeft: W,
-  inputRefRight: H,
+  inputRefRight: O,
   variant: U,
-  variantLeft: C,
+  variantLeft: j,
   variantRight: V,
   onBlur: F,
   showPresets: rt,
-  widthLeft: G,
-  widthRight: q,
+  widthLeft: J,
+  widthRight: G,
   disabled: Q
 }) => {
-  const E = $(0), B = R(
-    () => Rr((nt) => {
+  const E = $(0), P = x(
+    () => Ir((nt) => {
       nt === 0 && (F == null || F());
     }, 10),
     [F]
-  ), tt = b(
+  ), tt = D(
     (nt) => {
-      E.current++, B(E.current), L && L(nt);
+      E.current++, P(E.current), Y && Y(nt);
     },
-    [L, E, B]
-  ), et = b(
+    [Y, E, P]
+  ), et = D(
     (nt) => {
-      E.current++, B(E.current), S && S(nt);
+      E.current++, P(E.current), T && T(nt);
     },
-    [S, E, B]
-  ), vt = b(
+    [T, E, P]
+  ), yt = D(
     (nt) => {
-      E.current--, B(E.current), N && N(nt);
+      E.current--, P(E.current), _ && _(nt);
     },
-    [N, E, B]
-  ), Ze = b(
+    [_, E, P]
+  ), Xe = D(
     (nt) => {
-      E.current--, B(E.current), x && x(nt);
+      E.current--, P(E.current), I && I(nt);
     },
-    [x, E, B]
+    [I, E, P]
   );
-  return /* @__PURE__ */ o(A, { children: /* @__PURE__ */ _(
-    Er,
+  return /* @__PURE__ */ o(N, { children: /* @__PURE__ */ A(
+    xr,
     {
       disableContentPaddingRight: !0,
       disabled: Q,
       variant: U,
-      contentRight: /* @__PURE__ */ _(v, { alignItems: "center", children: [
-        /* @__PURE__ */ o(Tt, { num: 0.5, children: /* @__PURE__ */ o(
-          J,
+      contentRight: /* @__PURE__ */ A(H, { alignItems: "center", children: [
+        /* @__PURE__ */ o(It, { num: 0.5, children: /* @__PURE__ */ o(
+          q,
           {
-            leftIcon: It,
-            onClick: T,
+            leftIcon: Rt,
+            onClick: S,
             disabled: Q,
             size: "small"
           }
         ) }),
-        rt ? /* @__PURE__ */ _(Ot, { children: [
-          /* @__PURE__ */ o(v, { height: "22px", children: /* @__PURE__ */ o(tr, { vertical: !0 }) }),
-          /* @__PURE__ */ o(Tt, { num: 0.5, children: /* @__PURE__ */ o(
-            J,
+        rt ? /* @__PURE__ */ A(ce, { children: [
+          /* @__PURE__ */ o(H, { height: "22px", children: /* @__PURE__ */ o(Ve, { vertical: !0 }) }),
+          /* @__PURE__ */ o(It, { num: 0.5, children: /* @__PURE__ */ o(
+            q,
             {
-              leftIcon: de,
-              onClick: Y,
+              leftIcon: le,
+              onClick: B,
               disabled: Q,
               size: "small"
             }
@@ -1783,29 +1754,29 @@ const Xs = ({
         ] }) : null
       ] }),
       children: [
-        /* @__PURE__ */ o(A, { width: G, children: /* @__PURE__ */ o(
+        /* @__PURE__ */ o(N, { width: J, children: /* @__PURE__ */ o(
           pt,
           {
             onEsc: r,
             onEnter: n,
-            onClick: D,
+            onClick: b,
             disabled: Q,
             hideBorder: !0,
             placeholder: a,
-            value: h,
+            value: m,
             onValueChange: s,
-            onChange: m,
-            onBlur: vt,
+            onChange: h,
+            onBlur: yt,
             onFocus: tt,
             inputRef: W,
-            variant: C,
+            variant: j,
             type: d,
             autoFocus: t,
-            min: w,
+            min: p,
             max: k
           }
         ) }),
-        /* @__PURE__ */ o(v, { indent: 0.5, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ o(
+        /* @__PURE__ */ o(H, { indent: 0.5, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ o(
           Re,
           {
             icon: c,
@@ -1813,7 +1784,7 @@ const Xs = ({
             color: Kt("--lhds-color-ui-500")
           }
         ) }),
-        /* @__PURE__ */ o(A, { width: q, children: /* @__PURE__ */ o(
+        /* @__PURE__ */ o(N, { width: G, children: /* @__PURE__ */ o(
           pt,
           {
             onEsc: r,
@@ -1825,20 +1796,20 @@ const Xs = ({
             value: g,
             onValueChange: i,
             onChange: f,
-            onBlur: Ze,
+            onBlur: Xe,
             onFocus: et,
-            inputRef: H,
+            inputRef: O,
             variant: V,
             type: u,
             autoFocus: e,
-            min: p,
+            min: w,
             max: y
           }
         ) })
       ]
     }
   ) });
-}, Rn = (t) => {
+}, Tn = (t) => {
   if (t == null)
     throw new Error("Time is not set.");
   if (t === "")
@@ -1860,29 +1831,29 @@ const Xs = ({
   if (n < 0 || n > 59)
     throw new Error("Invalid time.");
   return r * 100 + n;
-}, xn = (t) => {
+}, In = (t) => {
   try {
-    return Rn(t), !0;
+    return Tn(t), !0;
   } catch {
     return !1;
   }
-}, $t = (t) => {
-  if (t && xn(t)) {
+}, vt = (t) => {
+  if (t && In(t)) {
     const e = t.split(":");
     return {
-      hour: be(e[0]),
-      minute: be(e[1])
+      hour: De(e[0]),
+      minute: De(e[1])
     };
   }
   return {
     hour: void 0,
     minute: void 0
   };
-}, En = (t) => `${Ut(String(t.getHours()))}:${Ft(
+}, Rn = (t) => `${Wt(String(t.getHours()))}:${Ut(
   String(t.getMinutes())
-)}`, _n = "_timePicker_1w05d_1", Nn = "_timePickerColumn_1w05d_6", je = {
-  timePicker: _n,
-  timePickerColumn: Nn
+)}`, xn = "_timePicker_1w05d_1", En = "_timePickerColumn_1w05d_6", je = {
+  timePicker: xn,
+  timePickerColumn: En
 }, An = ({
   onClick: t,
   item: e,
@@ -1900,7 +1871,7 @@ const Xs = ({
     },
     [n, e, r, s]
   ), /* @__PURE__ */ o(
-    v,
+    H,
     {
       width: "64px",
       justifyContent: "center",
@@ -1908,13 +1879,13 @@ const Xs = ({
       indent: 0.5,
       ref: i,
       children: r ? /* @__PURE__ */ o(
-        Mt,
+        kt,
         {
-          label: xr(String(e), 2, "0"),
+          label: Rr(String(e), 2, "0"),
           onClick: () => t && t(e)
         }
       ) : /* @__PURE__ */ o(
-        J,
+        q,
         {
           label: String(e).padStart(2, "0"),
           onClick: () => t && t(e)
@@ -1929,7 +1900,7 @@ const Xs = ({
   canScrollRef: n
 }) => {
   const s = $(null);
-  return /* @__PURE__ */ o(j, { className: je.timePickerColumn, ref: s, children: e.map((i) => /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(C, { className: je.timePickerColumn, ref: s, children: e.map((i) => /* @__PURE__ */ o(
     An,
     {
       item: i,
@@ -1940,54 +1911,54 @@ const Xs = ({
     },
     i
   )) });
-}, Ln = he(0, 24), Pn = he(0, 60), Yn = ({
+}, _n = fe(0, 24), Nn = fe(0, 60), Ln = ({
   value: t,
   onValueChange: e
 }) => {
-  const r = $(!0), [n, s] = I(void 0), [i, c] = I(void 0);
+  const r = $(!0), [n, s] = R(void 0), [i, c] = R(void 0);
   Z(() => {
     if (t) {
-      const { minute: d, hour: u } = $t(t);
+      const { minute: d, hour: u } = vt(t);
       s(u), c(d);
     }
   }, [t]);
-  const a = b(
+  const a = D(
     (d) => {
       s(d), e == null || e(
-        `${Ut(String(d ?? 0))}:${Ft(String(i ?? 0))}`
+        `${Wt(String(d ?? 0))}:${Ut(String(i ?? 0))}`
       );
     },
     [i, e]
-  ), l = b(
+  ), l = D(
     (d) => {
       c(d), e == null || e(
-        `${Ut(String(n ?? 0))}:${Ft(String(d ?? 0))}`
+        `${Wt(String(n ?? 0))}:${Ut(String(d ?? 0))}`
       );
     },
     [n, e]
   );
-  return /* @__PURE__ */ _(v, { className: je.timePicker, children: [
+  return /* @__PURE__ */ A(H, { className: je.timePicker, children: [
     /* @__PURE__ */ o(
       Se,
       {
-        items: Ln,
+        items: _n,
         onClick: a,
         selectedItem: n,
         canScrollRef: r
       }
     ),
-    /* @__PURE__ */ o(Tt, {}),
+    /* @__PURE__ */ o(It, {}),
     /* @__PURE__ */ o(
       Se,
       {
-        items: Pn,
+        items: Nn,
         onClick: l,
         selectedItem: i,
         canScrollRef: r
       }
     )
   ] });
-}, Bn = (t, e, r) => {
+}, Yn = (t, e, r) => {
   Z(
     function() {
       t && e(t);
@@ -2001,7 +1972,7 @@ const Xs = ({
     },
     [t, r]
   );
-}, vn = (t, e, {
+}, Pn = (t, e, {
   setDateInFocus: r,
   showCalendarInternal: n,
   hideCalendarInternal: s,
@@ -2011,71 +1982,71 @@ const Xs = ({
   setLocalTime: l,
   localDate: d,
   setLocalDate: u
-}, m) => {
-  const f = b(
+}, h) => {
+  const f = D(
     (y) => {
       if (!y)
         return;
-      const D = new Date(y);
+      const b = new Date(y);
       if (t)
-        D.setHours(t.getHours()), D.setMinutes(t.getMinutes()), e == null || e(D), u(void 0);
+        b.setHours(t.getHours()), b.setMinutes(t.getMinutes()), e == null || e(b), u(void 0);
       else if (a) {
-        const { minute: M, hour: T } = $t(a);
-        D.setHours(T ?? 0), D.setMinutes(M ?? 0), e == null || e(D), u(void 0);
+        const { minute: M, hour: S } = vt(a);
+        b.setHours(S ?? 0), b.setMinutes(M ?? 0), e == null || e(b), u(void 0);
       } else
-        u(D);
-      r(D), m.current && (m.current.valueAsDate = new Date(
-        Date.UTC(D.getFullYear(), D.getMonth(), D.getDate())
+        u(b);
+      r(b), h.current && (h.current.valueAsDate = new Date(
+        Date.UTC(b.getFullYear(), b.getMonth(), b.getDate())
       ));
     },
-    [t, m, a, e, r, u]
-  ), h = b(
+    [t, h, a, e, r, u]
+  ), m = D(
     (y) => {
       if (y)
         if (t) {
-          const D = $t(y), M = new Date(t);
-          M.setHours(D.hour || 0), M.setMinutes(D.minute || 0), e == null || e(M), l(void 0);
+          const b = vt(y), M = new Date(t);
+          M.setHours(b.hour || 0), M.setMinutes(b.minute || 0), e == null || e(M), l(void 0);
         } else if (d) {
-          const D = $t(y), M = new Date(d);
-          M.setHours(D.hour || 0), M.setMinutes(D.minute || 0), e == null || e(M), l(void 0);
+          const b = vt(y), M = new Date(d);
+          M.setHours(b.hour || 0), M.setMinutes(b.minute || 0), e == null || e(M), l(void 0);
         } else
           l(y);
     },
     [e, t, d, l]
-  ), g = b(
+  ), g = D(
     (y) => {
       y.target.value[0] !== "0" && f(y.target.valueAsDate);
     },
     [f]
-  ), w = b(
-    (y) => h(y.target.value),
-    [h]
-  ), k = b(() => {
+  ), p = D(
+    (y) => m(y.target.value),
+    [m]
+  ), k = D(() => {
     r(t || /* @__PURE__ */ new Date()), c("calendar"), n();
-  }, [t, c, n, r]), p = b(() => {
+  }, [t, c, n, r]), w = D(() => {
     i(void 0), s();
   }, [i, s]);
   return {
     inputLeftChangeHandler: g,
-    inputRightChangeHandler: w,
-    hideCalendar: p,
+    inputRightChangeHandler: p,
+    hideCalendar: w,
     showCalendar: k,
-    onChangeTime: h,
+    onChangeTime: m,
     onChangeDate: f
   };
-}, Hn = (t) => {
-  const [e, r] = I(void 0), [n, s] = I(void 0), [i, c, a] = ne(!1), [l, d, u] = ne(!1), [m, f] = I(void 0), [h, g] = I(
+}, Bn = (t) => {
+  const [e, r] = R(void 0), [n, s] = R(void 0), [i, c, a] = re(!1), [l, d, u] = re(!1), [h, f] = R(void 0), [m, g] = R(
     () => t ?? /* @__PURE__ */ new Date()
-  ), [w, k] = I("calendar");
+  ), [p, k] = R("calendar");
   return {
     isCalendarVisible: i,
     showCalendarInternal: c,
     hideCalendarInternal: a,
-    firstFocusedInput: m,
+    firstFocusedInput: h,
     setFirstFocusedInput: f,
-    dateInFocus: h,
+    dateInFocus: m,
     setDateInFocus: g,
-    currentPanel: w,
+    currentPanel: p,
     setCurrentPanel: k,
     isTimePickerVisible: l,
     showTimePicker: d,
@@ -2085,24 +2056,24 @@ const Xs = ({
     localTime: n,
     setLocalTime: s
   };
-}, $n = (t, e, r, n, {
+}, Hn = (t, e, r, n, {
   isCalendarVisible: s,
   setCurrentPanel: i,
   showTimePicker: c,
   hideTimePicker: a
 }) => {
-  const l = b(() => {
+  const l = D(() => {
     s || r(), i("calendar"), a();
-  }, [a, s, i, r]), d = b(() => {
+  }, [a, s, i, r]), d = D(() => {
     n(), c();
-  }, [n, c]), u = b(
+  }, [n, c]), u = D(
     (g) => {
       t(g.date), n(), c();
     },
     [t, n, c]
-  ), m = b(() => {
+  ), h = D(() => {
     i("presets"), r();
-  }, [i, r]), f = b(() => {
+  }, [i, r]), f = D(() => {
     var g;
     s ? n() : ((g = e.current) == null || g.focus(), i("calendar"), r());
   }, [
@@ -2111,7 +2082,7 @@ const Xs = ({
     e,
     i,
     r
-  ]), h = b(
+  ]), m = D(
     (g) => {
       g.key === "Escape" && n();
     },
@@ -2121,11 +2092,11 @@ const Xs = ({
     onFocusLeft: l,
     onFocusRight: d,
     onClickDay: u,
-    onClickArrowButton: m,
+    onClickArrowButton: h,
     onClickCalendarButton: f,
-    onKeyDownHandler: h
+    onKeyDownHandler: m
   };
-}, Vs = ({
+}, Xs = ({
   value: t,
   onValueChange: e,
   onEnter: r,
@@ -2135,147 +2106,145 @@ const Xs = ({
   minDate: c,
   widthLeft: a = 128,
   widthRight: l = 80,
-  maxDate: d = Bt,
+  maxDate: d = Ht,
   variant: u,
-  disabled: m
+  disabled: h
 }) => {
-  const f = $(null), h = $(null), g = Hn(t), {
-    setCurrentPanel: w,
+  const f = $(null), m = $(null), g = Bn(t), {
+    setCurrentPanel: p,
     currentPanel: k,
-    isCalendarVisible: p,
+    isCalendarVisible: w,
     dateInFocus: y,
-    setDateInFocus: D,
+    setDateInFocus: b,
     isTimePickerVisible: M,
-    hideTimePicker: T,
-    localTime: Y,
-    localDate: N
+    hideTimePicker: S,
+    localTime: B,
+    localDate: _
   } = g, {
-    showCalendar: x,
-    hideCalendar: L,
-    inputLeftChangeHandler: S,
+    showCalendar: I,
+    hideCalendar: Y,
+    inputLeftChangeHandler: T,
     inputRightChangeHandler: W,
-    onChangeTime: H,
+    onChangeTime: O,
     onChangeDate: U
-  } = vn(t, e, g, f), {
-    onKeyDownHandler: C,
+  } = Pn(t, e, g, f), {
+    onKeyDownHandler: j,
     onFocusRight: V,
     onFocusLeft: F,
     onClickDay: rt,
-    onClickCalendarButton: G,
-    onClickArrowButton: q
-  } = $n(
+    onClickCalendarButton: J,
+    onClickArrowButton: G
+  } = Hn(
     U,
     f,
-    x,
-    L,
+    I,
+    Y,
     g
   );
-  Bn(t, D, f);
-  const Q = R(() => {
-    const vt = t || N;
-    return vt ? dt(void 0, vt, [
+  Yn(t, b, f);
+  const Q = x(() => {
+    const yt = t || _;
+    return yt ? dt(void 0, yt, [
       "singleSelected",
       "selected"
     ]) : {};
-  }, [N, t]), E = b(() => {
-    L(), T();
-  }, [L, T]), B = R(
-    () => t ? En(t) : Y,
-    [t, Y]
-  ), tt = se(p, 300), et = se(M, 300);
-  return /* @__PURE__ */ o(A, { onKeyDown: C, children: /* @__PURE__ */ o(
-    Lt,
+  }, [_, t]), E = D(() => {
+    Y(), S();
+  }, [Y, S]), P = x(
+    () => t ? Rn(t) : B,
+    [t, B]
+  ), tt = be(w, 300), et = be(M, 300);
+  return /* @__PURE__ */ o(N, { onKeyDown: j, children: /* @__PURE__ */ o(
+    Yt,
     {
-      arrow: !1,
-      lazy: !0,
-      disabled: m,
-      placement: Yt,
-      visible: p || M,
-      onClickOutside: E,
-      content: (tt || et) && /* @__PURE__ */ o(j, { children: tt ? /* @__PURE__ */ o(
-        wt,
-        {
-          statePerMonth: Q,
-          onClickDay: rt,
-          dateInFocus: y,
-          setDateInFocus: D,
-          currentPanel: k,
-          setCurrentPanel: w,
-          minDate: c,
-          maxDate: d
-        }
-      ) : et ? /* @__PURE__ */ _(j, { children: [
-        /* @__PURE__ */ o(j, { overflow: "hidden", height: "250px", children: /* @__PURE__ */ o(
-          Yn,
-          {
-            value: B ?? "",
-            onValueChange: H
-          }
-        ) }),
-        /* @__PURE__ */ o(yt, {}),
-        /* @__PURE__ */ o(v, { justifyContent: "flex-end", children: /* @__PURE__ */ o(Mt, { label: "Done", onClick: T }) })
-      ] }) : null }),
-      children: /* @__PURE__ */ o(
-        Ce,
+      hideArrow: !0,
+      renderTrigger: (yt) => /* @__PURE__ */ o(N, { ...yt, children: /* @__PURE__ */ o(
+        Fe,
         {
           autoFocusLeft: i,
           onEsc: n,
           onEnter: r,
           onBlur: s,
-          disabled: m,
+          disabled: h,
           separatorIcon: xe,
           typeLeft: "date",
           typeRight: "time",
           placeholderLeft: "yyyy-mm-dd",
           placeholderRight: "hh:mm",
-          onChangeLeft: S,
+          onChangeLeft: T,
           onChangeRight: W,
-          onClickArrowDown: q,
-          onClickCalendar: G,
+          onClickArrowDown: G,
+          onClickCalendar: J,
           onFocusLeft: F,
           onFocusRight: V,
           onClickLeft: F,
           onClickRight: V,
           inputRefLeft: f,
-          inputRefRight: h,
-          valueRight: B ?? "",
+          inputRefRight: m,
+          valueRight: P ?? "",
           widthLeft: a,
           widthRight: l,
           minLeft: c,
           maxLeft: d,
           variant: u
         }
-      )
+      ) }),
+      placement: Bt,
+      open: w || M,
+      onRequestClose: E,
+      children: (tt || et) && /* @__PURE__ */ o(C, { children: tt ? /* @__PURE__ */ o(
+        wt,
+        {
+          statePerMonth: Q,
+          onClickDay: rt,
+          dateInFocus: y,
+          setDateInFocus: b,
+          currentPanel: k,
+          setCurrentPanel: p,
+          minDate: c,
+          maxDate: d
+        }
+      ) : et ? /* @__PURE__ */ A(C, { children: [
+        /* @__PURE__ */ o(C, { overflow: "hidden", height: "250px", children: /* @__PURE__ */ o(
+          Ln,
+          {
+            value: P ?? "",
+            onValueChange: O
+          }
+        ) }),
+        /* @__PURE__ */ o(Mt, {}),
+        /* @__PURE__ */ o(H, { justifyContent: "flex-end", children: /* @__PURE__ */ o(kt, { label: "Done", onClick: S }) })
+      ] }) : null })
     }
   ) });
-}, On = ({
+}, $n = ({
   value: t,
   onValueChange: e,
   year: r
 }) => {
   const n = String(r);
-  return /* @__PURE__ */ o(v, { justifyContent: "center", children: t === r ? /* @__PURE__ */ o(Mt, { label: n, onClick: () => e == null ? void 0 : e(r) }) : /* @__PURE__ */ o(J, { label: n, onClick: () => e == null ? void 0 : e(r) }) });
-}, ti = ({
+  return /* @__PURE__ */ o(H, { justifyContent: "center", children: t === r ? /* @__PURE__ */ o(kt, { label: n, onClick: () => e == null ? void 0 : e(r) }) : /* @__PURE__ */ o(q, { label: n, onClick: () => e == null ? void 0 : e(r) }) });
+}, Zs = ({
   value: t,
   onValueChange: e,
   initialLastYear: r
 }) => {
-  const [n, s] = I(() => t ? t + 4 : r ?? (/* @__PURE__ */ new Date()).getFullYear() + 4), i = R(() => {
+  const [n, s] = R(() => t ? t + 4 : r ?? (/* @__PURE__ */ new Date()).getFullYear() + 4), i = x(() => {
     const c = n - 11;
-    return Ye(he(c, n + 1), 3);
+    return Pe(fe(c, n + 1), 3);
   }, [n]);
   return Z(() => {
-    s((c) => Wn(t, c));
-  }, [t]), /* @__PURE__ */ _(v, { children: [
-    /* @__PURE__ */ o(j, { justifyContent: "center", children: /* @__PURE__ */ o(
-      J,
+    s((c) => vn(t, c));
+  }, [t]), /* @__PURE__ */ A(H, { children: [
+    /* @__PURE__ */ o(C, { justifyContent: "center", children: /* @__PURE__ */ o(
+      q,
       {
-        leftIcon: Ct,
+        leftIcon: Ft,
         onClick: () => s(n - 3)
       }
     ) }),
-    /* @__PURE__ */ o(j, { gap: 1, children: i.map((c) => /* @__PURE__ */ o(v, { gap: 1, children: c.map((a) => /* @__PURE__ */ o(
-      On,
+    /* @__PURE__ */ o(C, { gap: 1, children: i.map((c) => /* @__PURE__ */ o(H, { gap: 1, children: c.map((a) => /* @__PURE__ */ o(
+      $n,
       {
         year: a,
         onValueChange: e,
@@ -2283,15 +2252,15 @@ const Xs = ({
       },
       a
     )) }, c[0])) }),
-    /* @__PURE__ */ o(j, { justifyContent: "center", children: /* @__PURE__ */ o(
-      J,
+    /* @__PURE__ */ o(C, { justifyContent: "center", children: /* @__PURE__ */ o(
+      q,
       {
         leftIcon: Nt,
         onClick: () => s(n + 3)
       }
     ) })
   ] });
-}, Wn = (t, e) => {
+}, vn = (t, e) => {
   if (t == null)
     return e;
   if (t > e) {
@@ -2304,7 +2273,7 @@ const Xs = ({
     return e - i;
   }
   return e;
-}, Un = (t, e, r, n, s) => {
+}, On = (t, e, r, n, s) => {
   Z(
     function() {
       t && r(t);
@@ -2338,14 +2307,14 @@ const Xs = ({
     },
     [e, s]
   );
-}, Fn = (t, e, r, {
+}, Wn = (t, e, r, {
   setDateInFocus: n,
   showCalendarInternal: s,
   hideCalendarInternal: i,
   setFirstFocusedInput: c,
   setCurrentPanel: a
 }) => {
-  const l = b(
+  const l = D(
     (f) => {
       f.target.value[0] !== "0" && (r == null || r({
         startDate: f.target.valueAsDate ?? void 0,
@@ -2353,7 +2322,7 @@ const Xs = ({
       }));
     },
     [r, e]
-  ), d = b(
+  ), d = D(
     (f) => {
       f.target.value[0] !== "0" && (r == null || r({
         startDate: t,
@@ -2361,7 +2330,7 @@ const Xs = ({
       }));
     },
     [r, t]
-  ), u = b(() => {
+  ), u = D(() => {
     n(t || e || /* @__PURE__ */ new Date()), a("calendar"), s();
   }, [
     t,
@@ -2369,19 +2338,19 @@ const Xs = ({
     a,
     s,
     n
-  ]), m = b(() => {
+  ]), h = D(() => {
     c(void 0), i();
   }, [c, i]);
   return {
     inputLeftChangeHandler: l,
     inputRightChangeHandler: d,
-    hideCalendar: m,
+    hideCalendar: h,
     setDateInFocus: n,
     setCurrentPanel: a,
     showCalendar: u
   };
-}, Cn = (t, e) => {
-  const [r, n, s] = ne(!1), [i, c] = I(void 0), [a, l] = I("startDate"), [d, u] = I(() => (a === "startDate" ? t : a === "endDate" ? e : void 0) ?? /* @__PURE__ */ new Date()), [m, f] = I("calendar");
+}, Un = (t, e) => {
+  const [r, n, s] = re(!1), [i, c] = R(void 0), [a, l] = R("startDate"), [d, u] = R(() => (a === "startDate" ? t : a === "endDate" ? e : void 0) ?? /* @__PURE__ */ new Date()), [h, f] = R("calendar");
   return {
     isCalendarVisible: r,
     showCalendarInternal: n,
@@ -2392,18 +2361,18 @@ const Xs = ({
     setFocusedInput: l,
     dateInFocus: d,
     setDateInFocus: u,
-    currentPanel: m,
+    currentPanel: h,
     setCurrentPanel: f
   };
-}, jn = (t, e, r, n, s, i, c, {
+}, Fn = (t, e, r, n, s, i, c, {
   firstFocusedInput: a,
   setFirstFocusedInput: l,
   isCalendarVisible: d,
   setFocusedInput: u,
-  focusedInput: m,
+  focusedInput: h,
   setCurrentPanel: f
 }) => {
-  const h = b(() => {
+  const m = D(() => {
     a == null && l("startDate"), u("startDate"), d || i();
   }, [
     d,
@@ -2411,7 +2380,7 @@ const Xs = ({
     i,
     l,
     a
-  ]), g = b(() => {
+  ]), g = D(() => {
     a == null && l("endDate"), u("endDate"), d || i();
   }, [
     d,
@@ -2419,28 +2388,28 @@ const Xs = ({
     i,
     l,
     a
-  ]), w = b(
-    (D) => {
-      var M, T, Y, N;
-      m === "startDate" ? e != null && K(D.date, e) ? (r == null || r({
-        startDate: D.date,
+  ]), p = D(
+    (b) => {
+      var M, S, B, _;
+      h === "startDate" ? e != null && z(b.date, e) ? (r == null || r({
+        startDate: b.date,
         endDate: void 0
       }), u("endDate"), (M = s.current) == null || M.focus()) : (r == null || r({
-        startDate: D.date,
+        startDate: b.date,
         endDate: e
-      }), a === "startDate" ? (u("endDate"), (T = s.current) == null || T.focus()) : setTimeout(c, 50)) : m === "endDate" && (t ? K(t, D.date) ? (r == null || r({
-        startDate: D.date,
+      }), a === "startDate" ? (u("endDate"), (S = s.current) == null || S.focus()) : setTimeout(c, 50)) : h === "endDate" && (t ? z(t, b.date) ? (r == null || r({
+        startDate: b.date,
         endDate: void 0
-      }), u("endDate"), (N = s.current) == null || N.focus()) : (r == null || r({
+      }), u("endDate"), (_ = s.current) == null || _.focus()) : (r == null || r({
         startDate: t,
-        endDate: D.date
+        endDate: b.date
       }), setTimeout(c, 50)) : (r == null || r({
         startDate: t,
-        endDate: D.date
-      }), u("startDate"), (Y = n.current) == null || Y.focus()));
+        endDate: b.date
+      }), u("startDate"), (B = n.current) == null || B.focus()));
     },
     [
-      m,
+      h,
       r,
       e,
       a,
@@ -2450,11 +2419,11 @@ const Xs = ({
       t,
       n
     ]
-  ), k = b(() => {
+  ), k = D(() => {
     f("presets"), i();
-  }, [f, i]), p = b(() => {
-    var D;
-    d ? c() : (u("startDate"), l("startDate"), (D = n.current) == null || D.focus(), f("calendar"), i());
+  }, [f, i]), w = D(() => {
+    var b;
+    d ? c() : (u("startDate"), l("startDate"), (b = n.current) == null || b.focus(), f("calendar"), i());
   }, [
     d,
     c,
@@ -2463,22 +2432,22 @@ const Xs = ({
     n,
     f,
     i
-  ]), y = b(
-    (D) => {
-      D.key === "Escape" && c();
+  ]), y = D(
+    (b) => {
+      b.key === "Escape" && c();
     },
     [c]
   );
   return {
-    onFocusLeft: h,
+    onFocusLeft: m,
     onFocusRight: g,
-    onClickDay: w,
+    onClickDay: p,
     onClickArrowButton: k,
-    onClickCalendarButton: p,
+    onClickCalendarButton: w,
     onKeyDownHandler: y
   };
 };
-function ei({
+function Vs({
   value: t,
   onValueChange: e,
   autoFocus: r,
@@ -2486,85 +2455,68 @@ function ei({
   onEnter: s,
   onEsc: i,
   minDate: c,
-  maxDate: a = Bt,
+  maxDate: a = Ht,
   calendarProps: l,
   widthLeft: d = 128,
   widthRight: u = 128,
-  variant: m,
+  variant: h,
   disabled: f
 }) {
-  const { startDate: h, endDate: g } = t || {}, w = $(null), k = $(null), p = Cn(h, g), {
+  const { startDate: m, endDate: g } = t || {}, p = $(null), k = $(null), w = Un(m, g), {
     dateInFocus: y,
-    setDateInFocus: D,
+    setDateInFocus: b,
     isCalendarVisible: M,
-    currentPanel: T,
-    setCurrentPanel: Y
-  } = p, {
-    showCalendar: N,
-    hideCalendar: x,
-    inputLeftChangeHandler: L,
-    inputRightChangeHandler: S
-  } = Fn(h, g, e, p), {
+    currentPanel: S,
+    setCurrentPanel: B
+  } = w, {
+    showCalendar: _,
+    hideCalendar: I,
+    inputLeftChangeHandler: Y,
+    inputRightChangeHandler: T
+  } = Wn(m, g, e, w), {
     onKeyDownHandler: W,
-    onFocusRight: H,
+    onFocusRight: O,
     onFocusLeft: U,
-    onClickDay: C,
+    onClickDay: j,
     onClickCalendarButton: V,
     onClickArrowButton: F
-  } = jn(
-    h,
+  } = Fn(
+    m,
     g,
     e,
-    w,
+    p,
     k,
-    N,
-    x,
-    p
+    _,
+    I,
+    w
   );
-  Un(
-    h,
+  On(
+    m,
     g,
-    D,
-    w,
+    b,
+    p,
     k
   );
-  const rt = R(
-    () => h && g && K(h, g),
-    [h, g]
-  ), G = R(
-    () => Lr(
+  const rt = x(
+    () => m && g && z(m, g),
+    [m, g]
+  ), J = x(
+    () => _r(
       l == null ? void 0 : l.statePerMonth,
-      h,
+      m,
       g,
       y
     ),
-    [l == null ? void 0 : l.statePerMonth, h, g, y]
-  ), q = se(M, 300);
-  return /* @__PURE__ */ o(A, { onKeyDown: W, children: /* @__PURE__ */ o(
-    Lt,
+    [l == null ? void 0 : l.statePerMonth, m, g, y]
+  );
+  return /* @__PURE__ */ o(N, { onKeyDown: W, children: /* @__PURE__ */ o(
+    Yt,
     {
-      arrow: !1,
-      lazy: !0,
-      disabled: f,
-      placement: Yt,
-      onClickOutside: x,
-      visible: M,
-      content: q && /* @__PURE__ */ o(
-        wt,
-        {
-          onClickDay: C,
-          dateInFocus: y,
-          setDateInFocus: D,
-          currentPanel: T,
-          setCurrentPanel: Y,
-          minDate: c,
-          maxDate: a,
-          ...l,
-          statePerMonth: G
-        }
-      ),
-      children: /* @__PURE__ */ o(
-        Ce,
+      hideArrow: !0,
+      restoreFocus: !1,
+      returnFocus: !1,
+      renderTrigger: (G) => /* @__PURE__ */ o(N, { ...G, children: /* @__PURE__ */ o(
+        Fe,
         {
           autoFocusLeft: r,
           onEsc: i,
@@ -2576,17 +2528,17 @@ function ei({
           typeRight: "date",
           placeholderLeft: "Start date",
           placeholderRight: "End date",
-          onChangeLeft: L,
-          onChangeRight: S,
+          onChangeLeft: Y,
+          onChangeRight: T,
           onClickArrowDown: F,
           onClickCalendar: V,
           onFocusLeft: U,
-          onFocusRight: H,
+          onFocusRight: O,
           onClickLeft: U,
-          onClickRight: H,
-          inputRefLeft: w,
+          onClickRight: O,
+          inputRefLeft: p,
           inputRefRight: k,
-          variant: rt ? "error" : m,
+          variant: rt ? "error" : h,
           widthLeft: d,
           widthRight: u,
           minLeft: c,
@@ -2594,11 +2546,28 @@ function ei({
           minRight: c,
           maxRight: a
         }
+      ) }),
+      placement: Bt,
+      onRequestClose: I,
+      open: M,
+      children: /* @__PURE__ */ o(
+        wt,
+        {
+          onClickDay: j,
+          dateInFocus: y,
+          setDateInFocus: b,
+          currentPanel: S,
+          setCurrentPanel: B,
+          minDate: c,
+          maxDate: a,
+          ...l,
+          statePerMonth: J
+        }
       )
     }
   ) });
 }
-const ce = ({
+const ie = ({
   onChange: t,
   onValueChange: e,
   mask: r,
@@ -2611,8 +2580,8 @@ const ce = ({
   calendarSize: d,
   ...u
 }) => {
-  const m = $(null), { onChange: f } = Ar(
-    m,
+  const h = $(null), { onChange: f } = Ar(
+    h,
     t,
     e,
     r,
@@ -2624,16 +2593,16 @@ const ce = ({
     l
   );
   return /* @__PURE__ */ o(
-    _r,
+    Er,
     {
       ...u,
-      ref: m,
+      ref: h,
       onChange: f,
-      width: zn(d),
+      width: jn(d),
       size: d === "large" ? "large" : "medium"
     }
   );
-}, zn = (t) => {
+}, jn = (t) => {
   switch (t) {
     case "small":
       return "140px";
@@ -2642,22 +2611,22 @@ const ce = ({
     case "large":
       return "196px";
     default:
-      return le(t, "168px");
+      return ae(t, "168px");
   }
-}, Kn = [/[1-2]/, /\d/, /\d/, /\d/], Jn = [/[0-1]/, /\d/], Gn = [/[0-3]/, /\d/], ze = (t) => Qn(t).flatMap(qn), qn = (t) => {
+}, Cn = [/[1-2]/, /\d/, /\d/, /\d/], Kn = [/[0-1]/, /\d/], zn = [/[0-3]/, /\d/], Ce = (t) => Jn(t).flatMap(qn), qn = (t) => {
   switch (t) {
     case "yyyy":
-      return Kn;
+      return Cn;
     case "mm":
     case "MM":
-      return Jn;
+      return Kn;
     case "dd":
     case "DD":
-      return Gn;
+      return zn;
     default:
       return [t];
   }
-}, Qn = (t) => {
+}, Jn = (t) => {
   if (t.length === 0)
     return [];
   const e = [];
@@ -2665,7 +2634,7 @@ const ce = ({
   for (let n = 1; n < t.length; n++)
     t[n] !== t[n - 1] ? (e.push(r), r = t[n]) : r += t[n];
   return e.push(r), e;
-}, kt = (t) => {
+}, St = (t) => {
   const r = new Intl.DateTimeFormat(t, { dateStyle: "short" }).formatToParts(/* @__PURE__ */ new Date()), n = {
     year: "yyyy",
     month: "MM",
@@ -2673,25 +2642,25 @@ const ce = ({
   };
   return r.map((s) => n[s.type] || s.value).join("");
 }, Ke = {
-  "en-US": pr,
-  "en-GB": zt,
-  "de-AT": Dr,
+  "en-US": gr,
+  "en-GB": Ct,
+  "de-AT": pr,
   "de-DE": we,
-  fr: br,
+  fr: Dr,
   de: we,
-  es: wr,
-  sv: yr,
-  pl: Mr,
-  da: kr,
-  nl: Sr,
-  nb: Tr
-}, qt = (t) => Ke[t], Je = () => Ke.sv, ht = (t, e, r) => {
-  const n = qt(e);
+  es: br,
+  sv: wr,
+  pl: yr,
+  da: Mr,
+  nl: kr,
+  nb: Sr
+}, Jt = (t) => Ke[t], ze = () => Ke.sv, ht = (t, e, r) => {
+  const n = Jt(e);
   if (n == null)
     return;
   const s = mt(
     t,
-    kt(e),
+    St(e),
     r ?? /* @__PURE__ */ new Date(),
     {
       locale: n
@@ -2699,13 +2668,13 @@ const ce = ({
   );
   if (!isNaN(s.getTime()))
     return s;
-}, St = (t, e) => O(t, kt(e), {
-  locale: qt(e)
-}), ae = (t, e) => {
+}, Tt = (t, e) => v(t, St(e), {
+  locale: Jt(e)
+}), oe = (t, e) => {
   const r = ht(t, e);
   if (r != null)
-    return St(r, e);
-}, Ge = ({
+    return Tt(r, e);
+}, qe = ({
   value: t,
   onValueChange: e,
   localeCode: r,
@@ -2714,16 +2683,16 @@ const ce = ({
   onFocus: i,
   calendarSize: c
 }) => {
-  const { mask: a, placeholder: l } = R(() => {
-    const d = kt(r);
+  const { mask: a, placeholder: l } = x(() => {
+    const d = St(r);
     return {
-      mask: ze(d),
+      mask: Ce(d),
       placeholder: d.toLowerCase()
     };
   }, [r]);
-  return /* @__PURE__ */ _(v, { children: [
+  return /* @__PURE__ */ A(H, { children: [
     /* @__PURE__ */ o(
-      ce,
+      ie,
       {
         mask: a,
         value: t == null ? void 0 : t.startDate,
@@ -2731,7 +2700,7 @@ const ce = ({
           e == null || e({ startDate: d });
         },
         onBlur: (d) => {
-          const u = ae(
+          const u = oe(
             d.target.value,
             r
           );
@@ -2745,13 +2714,13 @@ const ce = ({
       }
     ),
     /* @__PURE__ */ o(
-      ce,
+      ie,
       {
         mask: a,
         value: t == null ? void 0 : t.endDate,
         onValueChange: (d) => e == null ? void 0 : e({ endDate: d }),
         onBlur: (d) => {
-          const u = ae(
+          const u = oe(
             d.target.value,
             r
           );
@@ -2765,95 +2734,95 @@ const ce = ({
       }
     )
   ] });
-}, qe = (t, e, r, n) => {
-  const s = qt(r) ?? Je(), i = ge(), c = De(), a = $(null), l = R(
-    () => kt(r),
+}, Je = (t, e, r, n) => {
+  const s = Jt(r) ?? ze(), i = me(), c = pe(), a = $(null), l = x(
+    () => St(r),
     [r]
-  ), d = R(
+  ), d = x(
     () => {
-      var S;
-      return ((S = t == null ? void 0 : t.startDate) == null ? void 0 : S.length) === l.length ? ht(t.startDate, r) : void 0;
+      var T;
+      return ((T = t == null ? void 0 : t.startDate) == null ? void 0 : T.length) === l.length ? ht(t.startDate, r) : void 0;
     },
     [l.length, r, t == null ? void 0 : t.startDate]
-  ), u = R(
+  ), u = x(
     () => {
-      var S;
-      return ((S = t == null ? void 0 : t.endDate) == null ? void 0 : S.length) === l.length ? ht(t.endDate, r) : void 0;
+      var T;
+      return ((T = t == null ? void 0 : t.endDate) == null ? void 0 : T.length) === l.length ? ht(t.endDate, r) : void 0;
     },
     [l.length, r, t == null ? void 0 : t.endDate]
-  ), [m, f] = I(
+  ), [h, f] = R(
     n ?? d ?? /* @__PURE__ */ new Date()
-  ), h = b(
-    (S) => {
-      it(S, c) || K(S, c) ? f(S) : f(c);
+  ), m = D(
+    (T) => {
+      it(T, c) || z(T, c) ? f(T) : f(c);
     },
     [c]
-  ), g = R(
-    () => Jt(
-      m.getFullYear(),
-      m.getMonth(),
+  ), g = x(
+    () => zt(
+      h.getFullYear(),
+      h.getMonth(),
       s
     ),
-    [s, m]
-  ), w = R(() => xt(O(m, "MMMM yyyy", { locale: s })), [s, m]), k = R(() => it(c, m), [c, m]), [p, y] = I(), [D, M] = I("calendar"), T = b(
-    (S) => {
-      var U, C;
-      const W = ((U = S == null ? void 0 : S.startDate) == null ? void 0 : U.length) === l.length ? ht(S.startDate, r) : void 0, H = ((C = S == null ? void 0 : S.endDate) == null ? void 0 : C.length) === l.length ? ht(S.endDate, r) : void 0;
-      W ? h(W) : H && h(H), e == null || e({
+    [s, h]
+  ), p = x(() => Et(v(h, "MMMM yyyy", { locale: s })), [s, h]), k = x(() => it(c, h), [c, h]), [w, y] = R(), [b, M] = R("calendar"), S = D(
+    (T) => {
+      var U, j;
+      const W = ((U = T == null ? void 0 : T.startDate) == null ? void 0 : U.length) === l.length ? ht(T.startDate, r) : void 0, O = ((j = T == null ? void 0 : T.endDate) == null ? void 0 : j.length) === l.length ? ht(T.endDate, r) : void 0;
+      W ? m(W) : O && m(O), e == null || e({
         ...t,
-        ...S
+        ...T
       });
     },
     [
       l.length,
       r,
       e,
-      h,
+      m,
       t
     ]
-  ), Y = R(
-    () => it(c, m) || st(m, c),
-    [c, m]
-  ), N = R(
-    () => (d && u && (P(d, u) || st(d, u))) ?? !1,
+  ), B = x(
+    () => it(c, h) || st(h, c),
+    [c, h]
+  ), _ = x(
+    () => (d && u && (L(d, u) || st(d, u))) ?? !1,
     [u, d]
   );
   return {
-    isDateDisabled: b(
-      (S) => !P(S, c) && st(S, c),
+    isDateDisabled: D(
+      (T) => !L(T, c) && st(T, c),
       [c]
     ),
-    onClickDate: (S) => {
-      S.getFullYear() === m.getFullYear() && S.getMonth() === m.getMonth() && (d && u == null ? st(S, d) ? e == null || e({
-        startDate: St(S, r),
+    onClickDate: (T) => {
+      T.getFullYear() === h.getFullYear() && T.getMonth() === h.getMonth() && (d && u == null ? st(T, d) ? e == null || e({
+        startDate: Tt(T, r),
         endDate: void 0
       }) : e == null || e({
         startDate: t == null ? void 0 : t.startDate,
-        endDate: St(S, r)
+        endDate: Tt(T, r)
       }) : e == null || e({
-        startDate: St(S, r),
+        startDate: Tt(T, r),
         endDate: void 0
       }));
     },
-    onValueChangeByInputs: T,
-    isValidDateRange: N,
-    prevMonthDisabled: Y,
+    onValueChangeByInputs: S,
+    isValidDateRange: _,
+    prevMonthDisabled: B,
     monthPickerButtonRef: a,
     calendarId: i,
-    monthPickerButtonLabel: w,
-    visiblePanel: D,
+    monthPickerButtonLabel: p,
+    visiblePanel: b,
     setVisiblePanel: M,
     setVisibleMonth: f,
     visibleMonthData: g,
     todayIsInVisibleMonth: k,
-    hoverDate: p,
+    hoverDate: w,
     setHoverDate: y,
     selectedStartDate: d,
     selectedEndDate: u,
     today: c,
-    visibleMonth: m
+    visibleMonth: h
   };
-}, Qt = ({
+}, Gt = ({
   previousMonthButtonAriaLabel: t,
   nextMonthButtonAriaLabel: e,
   monthPickerButtonLabel: r,
@@ -2864,13 +2833,13 @@ const ce = ({
   visibleMonth: a,
   prevMonthDisabled: l,
   calendarSize: d
-}) => /* @__PURE__ */ _(v, { alignSelf: "center", justifyContent: "space-between", width: "100%", children: [
+}) => /* @__PURE__ */ A(H, { alignSelf: "center", justifyContent: "space-between", width: "100%", children: [
   /* @__PURE__ */ o(
-    J,
+    q,
     {
       "aria-live": "polite",
       label: r,
-      rightIcon: n === "calendar" ? de : cr,
+      rightIcon: n === "calendar" ? le : or,
       onClick: () => s(
         n === "calendar" ? "month-picker" : "calendar"
       ),
@@ -2878,12 +2847,12 @@ const ce = ({
       size: d === "small" ? "medium" : "large"
     }
   ),
-  /* @__PURE__ */ _(v, { alignItems: "center", gap: 2, children: [
+  /* @__PURE__ */ A(H, { alignItems: "center", gap: 2, children: [
     /* @__PURE__ */ o(
       lt,
       {
-        leftIcon: Ct,
-        onClick: () => c(fe(a, 1)),
+        leftIcon: Ft,
+        onClick: () => c(ue(a, 1)),
         disabled: l,
         "aria-label": t,
         size: d === "small" ? "medium" : "large"
@@ -2893,33 +2862,33 @@ const ce = ({
       lt,
       {
         leftIcon: Nt,
-        onClick: () => c(At(a, 1)),
+        onClick: () => c(Lt(a, 1)),
         "aria-label": e,
         size: d === "small" ? "medium" : "large"
       }
     )
   ] })
-] }), Xn = "_travelDateCell_h6vcn_1", Zn = "_small_h6vcn_4", Vn = "_medium_h6vcn_9", ts = "_large_h6vcn_14", es = "_outline_h6vcn_26", rs = "_contentWrapper_h6vcn_39", ns = "_disabled_h6vcn_60", ss = "_isToday_h6vcn_63", is = "_isSelectionStart_h6vcn_67", os = "_isSelectionEnd_h6vcn_68", cs = "_hover_h6vcn_83", as = "_startSelected_h6vcn_86", ls = "_endSelected_h6vcn_86", X = {
-  travelDateCell: Xn,
-  small: Zn,
-  medium: Vn,
-  large: ts,
-  outline: es,
-  contentWrapper: rs,
-  disabled: ns,
-  isToday: ss,
-  isSelectionStart: is,
-  isSelectionEnd: os,
-  hover: cs,
-  startSelected: as,
-  endSelected: ls
-}, ct = Kt("--lhds-color-red-100"), ds = (t, e, r, n, s, i) => {
+] }), Gn = "_travelDateCell_h6vcn_1", Qn = "_small_h6vcn_4", Xn = "_medium_h6vcn_9", Zn = "_large_h6vcn_14", Vn = "_outline_h6vcn_26", ts = "_contentWrapper_h6vcn_39", es = "_disabled_h6vcn_60", rs = "_isToday_h6vcn_63", ns = "_isSelectionStart_h6vcn_67", ss = "_isSelectionEnd_h6vcn_68", is = "_hover_h6vcn_83", os = "_startSelected_h6vcn_86", cs = "_endSelected_h6vcn_86", X = {
+  travelDateCell: Gn,
+  small: Qn,
+  medium: Xn,
+  large: Zn,
+  outline: Vn,
+  contentWrapper: ts,
+  disabled: es,
+  isToday: rs,
+  isSelectionStart: ns,
+  isSelectionEnd: ss,
+  hover: is,
+  startSelected: os,
+  endSelected: cs
+}, ct = Kt("--lhds-color-red-100"), as = (t, e, r, n, s, i) => {
   if (!s)
     return {
       left: "transparent",
       right: "transparent"
     };
-  if (e && r && P(e, r))
+  if (e && r && L(e, r))
     return {
       left: "transparent",
       right: "transparent"
@@ -2929,30 +2898,30 @@ const ce = ({
       left: "transparent",
       right: "transparent"
     };
-  const c = e && r ? K(t, e) && st(t, r) && !P(t, e) && !P(t, r) : !1, a = e && n ? K(t, e) && st(t, n) && !P(t, e) && !P(t, n) : !1;
+  const c = e && r ? z(t, e) && st(t, r) && !L(t, e) && !L(t, r) : !1, a = e && n ? z(t, e) && st(t, n) && !L(t, e) && !L(t, n) : !1;
   if (c)
     return {
       left: ct,
       right: ct
     };
   if (e && r)
-    return P(t, e) ? {
+    return L(t, e) ? {
       left: "transparent",
       right: ct
-    } : P(t, r) ? {
+    } : L(t, r) ? {
       left: ct,
       right: "transparent"
     } : {
       left: "transparent",
       right: "transparent"
     };
-  if (e && n && K(n, e)) {
-    if (P(t, e))
+  if (e && n && z(n, e)) {
+    if (L(t, e))
       return {
         left: "transparent",
         right: ct
       };
-    if (P(t, n))
+    if (L(t, n))
       return {
         left: ct,
         right: "transparent"
@@ -2965,48 +2934,48 @@ const ce = ({
     left: "transparent",
     right: "transparent"
   };
-}, us = (t, e) => {
+}, ls = (t, e) => {
   switch (e) {
     case "PageUp":
-      return fe(t, 1);
+      return ue(t, 1);
     case "PageDown":
-      return At(t, 1);
+      return Lt(t, 1);
     case "Home":
-      return Wt(t);
+      return Ot(t);
     case "End":
-      return z(Wt(t), 6);
+      return K(Ot(t), 6);
     case "ArrowLeft":
       return ut(t, 1);
     case "ArrowUp":
       return ut(t, 7);
     case "ArrowRight":
-      return z(t, 1);
+      return K(t, 1);
     case "ArrowDown":
-      return z(t, 7);
+      return K(t, 7);
     default:
       return;
   }
-}, te = (t, e) => O(Pe(t, 12), ot.fullDate) + e, fs = "_travelDateCellBackground_1k07m_1", hs = "_small_1k07m_2", ms = "_medium_1k07m_7", gs = "_large_1k07m_12", Ht = {
-  travelDateCellBackground: fs,
-  small: hs,
-  medium: ms,
-  large: gs
-}, ps = ({ calendarSize: t, bgColorLeft: e, bgColorRight: r }) => /* @__PURE__ */ _(v, { children: [
+}, Vt = (t, e) => v(Ye(t, 12), ot.fullDate) + e, ds = "_travelDateCellBackground_1k07m_1", us = "_small_1k07m_2", fs = "_medium_1k07m_7", hs = "_large_1k07m_12", $t = {
+  travelDateCellBackground: ds,
+  small: us,
+  medium: fs,
+  large: hs
+}, ms = ({ calendarSize: t, bgColorLeft: e, bgColorRight: r }) => /* @__PURE__ */ A(H, { children: [
   /* @__PURE__ */ o(
-    A,
+    N,
     {
-      className: gt(Ht.travelDateCellBackground, Ht[t]),
+      className: gt($t.travelDateCellBackground, $t[t]),
       background: e
     }
   ),
   /* @__PURE__ */ o(
-    A,
+    N,
     {
-      className: gt(Ht.travelDateCellBackground, Ht[t]),
+      className: gt($t.travelDateCellBackground, $t[t]),
       background: r
     }
   )
-] }), Ds = ({
+] }), gs = ({
   onClick: t,
   visibleMonth: e,
   onChangeVisibleMonth: r,
@@ -3018,29 +2987,29 @@ const ce = ({
   onEndHover: l,
   hoverDate: d,
   today: u,
-  todayIsInVisibleMonth: m,
+  todayIsInVisibleMonth: h,
   calendarId: f,
-  isDateDisabled: h,
+  isDateDisabled: m,
   size: g
 }) => {
-  const w = b(
-    async (Y) => {
-      var x;
-      const N = us(n.date, Y.key);
-      N && !h(N) && (a(N), it(n.date, N) ? (x = document.getElementById(te(N, f))) == null || x.focus() : (r(N), setTimeout(() => {
-        var L;
-        (L = document.getElementById(te(N, f))) == null || L.focus();
-      }, 10))), (Y.key === "Enter" || Y.code === "Space") && t(n.date);
+  const p = D(
+    async (B) => {
+      var I;
+      const _ = ls(n.date, B.key);
+      _ && !m(_) && (a(_), it(n.date, _) ? (I = document.getElementById(Vt(_, f))) == null || I.focus() : (r(_), setTimeout(() => {
+        var Y;
+        (Y = document.getElementById(Vt(_, f))) == null || Y.focus();
+      }, 10))), (B.key === "Enter" || B.code === "Space") && t(n.date);
     },
     [
       f,
       n.date,
-      h,
+      m,
       r,
       t,
       a
     ]
-  ), k = n.month === e.getMonth(), p = h(n.date), y = i ? P(i, n.date) : !1, D = c ? P(c, n.date) : !1, M = P(n.date, u), T = ds(
+  ), k = n.month === e.getMonth(), w = m(n.date), y = i ? L(i, n.date) : !1, b = c ? L(c, n.date) : !1, M = L(n.date, u), S = as(
     n.date,
     i,
     c,
@@ -3048,31 +3017,31 @@ const ce = ({
     k,
     s
   );
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ A(
     "td",
     {
       className: gt(X.travelDateCell, X[g]),
-      onClick: p ? void 0 : () => t(n.date),
-      onMouseOver: p ? void 0 : () => k && a(n.date),
-      onMouseOut: p ? void 0 : () => k && l(n.date),
-      tabIndex: p ? void 0 : bs(
+      onClick: w ? void 0 : () => t(n.date),
+      onMouseOver: w ? void 0 : () => k && a(n.date),
+      onMouseOut: w ? void 0 : () => k && l(n.date),
+      tabIndex: w ? void 0 : ps(
         n,
         i,
         M,
         e,
-        m
+        h
       ),
-      id: p ? void 0 : te(n.date, f),
-      onKeyDown: p ? void 0 : w,
-      ...p ? void 0 : { "aria-selected": y || D },
+      id: w ? void 0 : Vt(n.date, f),
+      onKeyDown: w ? void 0 : p,
+      ...w ? void 0 : { "aria-selected": y || b },
       children: [
         /* @__PURE__ */ o("div", { className: X.outline }),
         /* @__PURE__ */ o(
-          ps,
+          ms,
           {
             calendarSize: g,
-            bgColorLeft: T.left,
-            bgColorRight: T.right
+            bgColorLeft: S.left,
+            bgColorRight: S.right
           }
         ),
         k && /* @__PURE__ */ o(
@@ -3083,16 +3052,16 @@ const ce = ({
               M ? X.isToday : void 0,
               i ? X.startSelected : void 0,
               c ? X.endSelected : void 0,
-              d && P(d, n.date) ? X.hover : void 0,
+              d && L(d, n.date) ? X.hover : void 0,
               y && X.isSelectionStart,
-              D && X.isSelectionEnd,
-              p && X.disabled
+              b && X.isSelectionEnd,
+              w && X.disabled
             ),
             children: /* @__PURE__ */ o(
               Dt,
               {
                 variant: "bold",
-                color: p ? Kt("--lhds-color-ui-500") : void 0,
+                color: w ? Kt("--lhds-color-ui-500") : void 0,
                 children: n.dayOfMonth
               }
             )
@@ -3101,12 +3070,12 @@ const ce = ({
       ]
     }
   );
-}, bs = (t, e, r, n, s) => {
+}, ps = (t, e, r, n, s) => {
   const i = e ? it(e, n) : !1;
-  return (e && i ? P(t.date, e) : r) || !i && !s && t.date.getDate() === 1 ? 0 : -1;
-}, ws = "_travelCalendar_18pjj_1", ys = {
-  travelCalendar: ws
-}, Xt = ({
+  return (e && i ? L(t.date, e) : r) || !i && !s && t.date.getDate() === 1 ? 0 : -1;
+}, Ds = "_travelCalendar_18pjj_1", bs = {
+  travelCalendar: Ds
+}, Qt = ({
   visibleMonthData: t,
   onClickDate: e,
   setHoverDate: r,
@@ -3118,46 +3087,46 @@ const ce = ({
   hoverDate: l,
   today: d,
   calendarId: u,
-  isDateDisabled: m,
+  isDateDisabled: h,
   todayIsInVisibleMonth: f,
-  size: h = "medium",
+  size: m = "medium",
   multiSelectable: g
 }) => /* @__PURE__ */ o(
   "table",
   {
-    className: ys.travelCalendar,
+    className: bs.travelCalendar,
     role: "grid",
     ...g ? { "aria-multiselectable": !0 } : void 0,
-    children: /* @__PURE__ */ _("tbody", { children: [
-      /* @__PURE__ */ o("tr", { children: t.weeks[0].days.map((w) => /* @__PURE__ */ o("th", { abbr: w.fullName, children: /* @__PURE__ */ o(Dt, { children: w.name }) }, w.name)) }),
-      t.weeks.map((w) => /* @__PURE__ */ o(me.Fragment, { children: /* @__PURE__ */ o("tr", { children: w.days.map((k) => /* @__PURE__ */ o(
-        Ds,
+    children: /* @__PURE__ */ A("tbody", { children: [
+      /* @__PURE__ */ o("tr", { children: t.weeks[0].days.map((p) => /* @__PURE__ */ o("th", { abbr: p.fullName, children: /* @__PURE__ */ o(Dt, { children: p.name }) }, p.name)) }),
+      t.weeks.map((p) => /* @__PURE__ */ o(he.Fragment, { children: /* @__PURE__ */ o("tr", { children: p.days.map((k) => /* @__PURE__ */ o(
+        gs,
         {
-          size: h,
-          onClick: (p) => e(p),
+          size: m,
+          onClick: (w) => e(w),
           visibleMonth: s,
           onChangeVisibleMonth: n,
           isValidDateRange: i,
           day: k,
-          onStartHover: (p) => r(p),
-          onEndHover: (p) => r((y) => y && P(y, p) ? void 0 : y),
+          onStartHover: (w) => r(w),
+          onEndHover: (w) => r((y) => y && L(y, w) ? void 0 : y),
           selectedStartDate: c,
           selectedEndDate: a,
           hoverDate: l,
           today: d,
           todayIsInVisibleMonth: f,
           calendarId: u,
-          isDateDisabled: m
+          isDateDisabled: h
         },
         k.dateString
-      )) }, w.weekNumber) }, w.weekNumber))
+      )) }, p.weekNumber) }, p.weekNumber))
     ] })
   }
-), Ms = "_travelDateRangeInput_1j7rp_1", ks = "_overlay_1j7rp_2", Ss = "_calendarVisible_1j7rp_6", ee = {
-  travelDateRangeInput: Ms,
-  overlay: ks,
-  calendarVisible: Ss
-}, ri = ({
+), ws = "_travelDateRangeInput_1j7rp_1", ys = "_overlay_1j7rp_2", Ms = "_calendarVisible_1j7rp_6", te = {
+  travelDateRangeInput: ws,
+  overlay: ys,
+  calendarVisible: Ms
+}, ti = ({
   value: t,
   onValueChange: e,
   startDateLabel: r,
@@ -3169,98 +3138,98 @@ const ce = ({
   heading: l,
   headingLevel: d,
   numMonthsInMonthPicker: u = 12,
-  firstMonthInMonthPicker: m = /* @__PURE__ */ new Date(),
+  firstMonthInMonthPicker: h = /* @__PURE__ */ new Date(),
   zIndex: f = 1e3,
-  zIndexWhenClosed: h,
+  zIndexWhenClosed: m,
   onHideCalendar: g,
-  renderBelowCalendar: w,
+  renderBelowCalendar: p,
   size: k = "medium"
 }) => {
-  const [p, y] = I(!1), [D, M] = I(!1), [T, Y] = I({
+  const [w, y] = R(!1), [b, M] = R(!1), [S, B] = R({
     // Sane defaults, this will be updated with actual data from DOM.
     width: 336,
     height: 66
-  }), N = k === "large" ? "8.8rem" : "6.6rem", x = $(!1), L = b(() => {
-    x.current = !0, M(!0), setTimeout(() => {
+  }), _ = k === "large" ? "8.8rem" : "6.6rem", I = $(!1), Y = D(() => {
+    I.current = !0, M(!0), setTimeout(() => {
       y(!0);
     }, 10);
-  }, []), S = b(() => {
-    D && (y(!1), x.current = !1, g == null || g(), setTimeout(() => {
-      x.current || M(!1);
+  }, []), T = D(() => {
+    b && (y(!1), I.current = !1, g == null || g(), setTimeout(() => {
+      I.current || M(!1);
     }, 120));
-  }, [D, g]), W = $(null), H = $(null);
-  Ie(W, S), Be(() => {
+  }, [b, g]), W = $(null), O = $(null);
+  Ie(W, T), Be(() => {
     var tt, et;
-    const E = (tt = H.current) == null ? void 0 : tt.offsetWidth, B = (et = H.current) == null ? void 0 : et.offsetHeight;
-    E != null && B != null && (T.height !== B || T.width !== E) && Y({ width: E, height: B });
-  }, [T.height, T.width]);
-  const U = qe(
+    const E = (tt = O.current) == null ? void 0 : tt.offsetWidth, P = (et = O.current) == null ? void 0 : et.offsetHeight;
+    E != null && P != null && (S.height !== P || S.width !== E) && B({ width: E, height: P });
+  }, [S.height, S.width]);
+  const U = Je(
     t,
     e,
     s,
     i
   ), {
-    visiblePanel: C,
+    visiblePanel: j,
     visibleMonth: V,
     onValueChangeByInputs: F,
     setVisibleMonth: rt,
-    setVisiblePanel: G,
-    monthPickerButtonRef: q
-  } = U, Q = b(
+    setVisiblePanel: J,
+    monthPickerButtonRef: G
+  } = U, Q = D(
     (E) => {
-      E.key === "Escape" && S();
+      E.key === "Escape" && T();
     },
-    [S]
+    [T]
   );
-  return /* @__PURE__ */ _(
-    A,
+  return /* @__PURE__ */ A(
+    N,
     {
       position: "relative",
-      className: ee.travelDateRangeInput,
+      className: te.travelDateRangeInput,
       ref: W,
       onKeyDown: Q,
-      height: T.height,
-      width: T.width,
+      height: S.height,
+      width: S.width,
       children: [
         /* @__PURE__ */ o(
-          A,
+          N,
           {
             position: "absolute",
-            ref: H,
-            zIndex: D ? f : h,
+            ref: O,
+            zIndex: b ? f : m,
             children: /* @__PURE__ */ o(
-              Ge,
+              qe,
               {
                 value: t,
                 onValueChange: F,
                 localeCode: s,
                 startDateLabel: r,
                 endDateLabel: n,
-                onFocus: L,
+                onFocus: Y,
                 calendarSize: k
               }
             )
           }
         ),
-        D && /* @__PURE__ */ o(
-          A,
+        b && /* @__PURE__ */ o(
+          N,
           {
             position: "absolute",
             zIndex: f - 1,
             left: "-2.4rem",
             top: l ? "-8.0rem" : "-2.4rem",
-            className: gt(ee.overlay, p && ee.calendarVisible),
+            className: gt(te.overlay, w && te.calendarVisible),
             children: /* @__PURE__ */ o(
-              A,
+              N,
               {
                 background: "white",
                 shadow: "popover",
                 borderRadius: "var(--swui-border-radius-large)",
-                children: /* @__PURE__ */ _(Ee, { gap: 3, children: [
+                children: /* @__PURE__ */ A(Ee, { gap: 3, children: [
                   l && /* @__PURE__ */ o(_t, { variant: "h2", as: d, children: l }),
-                  /* @__PURE__ */ o(A, { height: N }),
+                  /* @__PURE__ */ o(N, { height: _ }),
                   /* @__PURE__ */ o(
-                    Qt,
+                    Gt,
                     {
                       ...U,
                       previousMonthButtonAriaLabel: c,
@@ -3268,32 +3237,32 @@ const ce = ({
                       calendarSize: k
                     }
                   ),
-                  C === "calendar" && /* @__PURE__ */ o(
-                    Xt,
+                  j === "calendar" && /* @__PURE__ */ o(
+                    Qt,
                     {
                       ...U,
                       size: k,
                       multiSelectable: !0
                     }
                   ),
-                  C === "month-picker" && /* @__PURE__ */ o(
+                  j === "month-picker" && /* @__PURE__ */ o(
                     Pt,
                     {
-                      firstMonth: m,
+                      firstMonth: h,
                       numMonths: u,
                       value: V,
                       size: k,
                       onValueChange: (E) => {
-                        var B;
-                        rt(E), G("calendar"), (B = q.current) == null || B.focus();
+                        var P;
+                        rt(E), J("calendar"), (P = G.current) == null || P.focus();
                       },
                       onCancel: () => {
                         var E;
-                        G("calendar"), (E = q.current) == null || E.focus();
+                        J("calendar"), (E = G.current) == null || E.focus();
                       }
                     }
                   ),
-                  w == null ? void 0 : w({ hideCalendar: S })
+                  p == null ? void 0 : p({ hideCalendar: T })
                 ] })
               }
             )
@@ -3302,11 +3271,11 @@ const ce = ({
       ]
     }
   );
-}, Ts = "_travelDateInput_hmfbf_1", Is = "_overlay_hmfbf_2", Rs = "_calendarVisible_hmfbf_6", re = {
-  travelDateInput: Ts,
-  overlay: Is,
-  calendarVisible: Rs
-}, Qe = ({
+}, ks = "_travelDateInput_hmfbf_1", Ss = "_overlay_hmfbf_2", Ts = "_calendarVisible_hmfbf_6", ee = {
+  travelDateInput: ks,
+  overlay: Ss,
+  calendarVisible: Ts
+}, Ge = ({
   value: t,
   onValueChange: e,
   label: r = "Date",
@@ -3314,21 +3283,21 @@ const ce = ({
   onFocus: s,
   calendarSize: i
 }) => {
-  const { mask: c, placeholder: a } = R(() => {
-    const l = kt(n);
+  const { mask: c, placeholder: a } = x(() => {
+    const l = St(n);
     return {
-      mask: ze(l),
+      mask: Ce(l),
       placeholder: l.toLowerCase()
     };
   }, [n]);
-  return /* @__PURE__ */ o(v, { children: /* @__PURE__ */ o(
-    ce,
+  return /* @__PURE__ */ o(H, { children: /* @__PURE__ */ o(
+    ie,
     {
       mask: c,
       value: t,
       onValueChange: e,
       onBlur: (l) => {
-        const d = ae(l.target.value, n);
+        const d = oe(l.target.value, n);
         d && d !== t && (e == null || e(d));
       },
       onFocus: s,
@@ -3337,62 +3306,62 @@ const ce = ({
       calendarSize: i
     }
   ) });
-}, Xe = (t, e, r, n) => {
-  const s = qt(r) ?? Je(), i = ge(), c = De(), a = $(null), l = R(
-    () => kt(r),
+}, Qe = (t, e, r, n) => {
+  const s = Jt(r) ?? ze(), i = me(), c = pe(), a = $(null), l = x(
+    () => St(r),
     [r]
-  ), d = R(
+  ), d = x(
     () => (t == null ? void 0 : t.length) === l.length ? ht(t, r) : void 0,
     [l.length, r, t]
-  ), [u, m] = I(
+  ), [u, h] = R(
     n ?? d ?? /* @__PURE__ */ new Date()
-  ), f = b(
-    (x) => {
-      it(x, c) || K(x, c) ? m(x) : m(c);
+  ), f = D(
+    (I) => {
+      it(I, c) || z(I, c) ? h(I) : h(c);
     },
     [c]
-  ), h = R(
-    () => Jt(
+  ), m = x(
+    () => zt(
       u.getFullYear(),
       u.getMonth(),
       s
     ),
     [s, u]
-  ), g = R(() => xt(O(u, "MMMM yyyy", { locale: s })), [s, u]), w = R(() => it(c, u), [c, u]), [k, p] = I(), [y, D] = I("calendar"), M = b(
-    (x) => {
-      const L = (x == null ? void 0 : x.length) === l.length ? ht(x, r) : void 0;
-      L && f(L), e == null || e(x);
+  ), g = x(() => Et(v(u, "MMMM yyyy", { locale: s })), [s, u]), p = x(() => it(c, u), [c, u]), [k, w] = R(), [y, b] = R("calendar"), M = D(
+    (I) => {
+      const Y = (I == null ? void 0 : I.length) === l.length ? ht(I, r) : void 0;
+      Y && f(Y), e == null || e(I);
     },
     [l.length, r, e, f]
-  ), T = R(
+  ), S = x(
     () => it(c, u) || st(u, c),
     [c, u]
   );
   return {
-    isDateDisabled: b(
-      (x) => !P(x, c) && st(x, c),
+    isDateDisabled: D(
+      (I) => !L(I, c) && st(I, c),
       [c]
     ),
-    onClickDate: (x) => {
-      e == null || e(St(x, r));
+    onClickDate: (I) => {
+      e == null || e(Tt(I, r));
     },
     onValueChangeByInputs: M,
-    prevMonthDisabled: T,
+    prevMonthDisabled: S,
     monthPickerButtonRef: a,
     calendarId: i,
     monthPickerButtonLabel: g,
     visiblePanel: y,
-    setVisiblePanel: D,
-    setVisibleMonth: m,
-    visibleMonthData: h,
-    todayIsInVisibleMonth: w,
+    setVisiblePanel: b,
+    setVisibleMonth: h,
+    visibleMonthData: m,
+    todayIsInVisibleMonth: p,
     hoverDate: k,
-    setHoverDate: p,
+    setHoverDate: w,
     selectedDate: d,
     today: c,
     visibleMonth: u
   };
-}, ni = ({
+}, ei = ({
   value: t,
   onValueChange: e,
   label: r,
@@ -3404,109 +3373,109 @@ const ce = ({
   headingLevel: l,
   numMonthsInMonthPicker: d = 12,
   firstMonthInMonthPicker: u = /* @__PURE__ */ new Date(),
-  zIndex: m = 1e3,
+  zIndex: h = 1e3,
   zIndexWhenClosed: f,
-  onHideCalendar: h,
+  onHideCalendar: m,
   renderBelowCalendar: g,
-  size: w = "medium"
+  size: p = "medium"
 }) => {
-  const [k, p] = I(!1), [y, D] = I(!1), [M, T] = I({
+  const [k, w] = R(!1), [y, b] = R(!1), [M, S] = R({
     // Sane defaults, this will be updated with actual data from DOM.
     width: 336,
     height: 66
-  }), Y = w === "large" ? "8.8rem" : "6.6rem", N = $(!1), x = b(() => {
-    N.current = !0, D(!0), setTimeout(() => {
-      p(!0);
+  }), B = p === "large" ? "8.8rem" : "6.6rem", _ = $(!1), I = D(() => {
+    _.current = !0, b(!0), setTimeout(() => {
+      w(!0);
     }, 10);
-  }, []), L = b(() => {
-    y && (p(!1), N.current = !1, h == null || h(), setTimeout(() => {
-      N.current || D(!1);
+  }, []), Y = D(() => {
+    y && (w(!1), _.current = !1, m == null || m(), setTimeout(() => {
+      _.current || b(!1);
     }, 120));
-  }, [y, h]), S = $(null), W = $(null);
-  Ie(S, L), Be(() => {
+  }, [y, m]), T = $(null), W = $(null);
+  Ie(T, Y), Be(() => {
     var tt, et;
-    const E = (tt = W.current) == null ? void 0 : tt.offsetWidth, B = (et = W.current) == null ? void 0 : et.offsetHeight;
-    E != null && B != null && (M.height !== B || M.width !== E) && T({ width: E, height: B });
+    const E = (tt = W.current) == null ? void 0 : tt.offsetWidth, P = (et = W.current) == null ? void 0 : et.offsetHeight;
+    E != null && P != null && (M.height !== P || M.width !== E) && S({ width: E, height: P });
   }, [M.height, M.width]);
-  const H = Xe(
+  const O = Qe(
     t,
     e,
     n,
     s
   ), {
     visiblePanel: U,
-    visibleMonth: C,
+    visibleMonth: j,
     onValueChangeByInputs: V,
     selectedDate: F,
     setVisibleMonth: rt,
-    setVisiblePanel: G,
-    monthPickerButtonRef: q
-  } = H, Q = b(
+    setVisiblePanel: J,
+    monthPickerButtonRef: G
+  } = O, Q = D(
     (E) => {
-      E.key === "Escape" && L();
+      E.key === "Escape" && Y();
     },
-    [L]
+    [Y]
   );
-  return /* @__PURE__ */ _(
-    A,
+  return /* @__PURE__ */ A(
+    N,
     {
       position: "relative",
-      className: re.travelDateInput,
-      ref: S,
+      className: ee.travelDateInput,
+      ref: T,
       onKeyDown: Q,
       height: M.height,
       width: M.width,
       children: [
         /* @__PURE__ */ o(
-          A,
+          N,
           {
             position: "absolute",
             ref: W,
-            zIndex: y ? m : f,
+            zIndex: y ? h : f,
             children: /* @__PURE__ */ o(
-              Qe,
+              Ge,
               {
                 value: t,
                 onValueChange: V,
                 localeCode: n,
                 label: r,
-                onFocus: x,
-                calendarSize: w
+                onFocus: I,
+                calendarSize: p
               }
             )
           }
         ),
         y && /* @__PURE__ */ o(
-          A,
+          N,
           {
             position: "absolute",
-            zIndex: m - 1,
+            zIndex: h - 1,
             left: "-2.4rem",
             top: a ? "-8.0rem" : "-2.4rem",
-            className: gt(re.overlay, k && re.calendarVisible),
+            className: gt(ee.overlay, k && ee.calendarVisible),
             children: /* @__PURE__ */ o(
-              A,
+              N,
               {
                 background: "white",
                 shadow: "popover",
                 borderRadius: "var(--swui-border-radius-large)",
-                children: /* @__PURE__ */ _(Ee, { gap: 3, children: [
+                children: /* @__PURE__ */ A(Ee, { gap: 3, children: [
                   a && /* @__PURE__ */ o(_t, { variant: "h2", as: l, children: a }),
-                  /* @__PURE__ */ o(A, { height: Y }),
+                  /* @__PURE__ */ o(N, { height: B }),
                   /* @__PURE__ */ o(
-                    Qt,
+                    Gt,
                     {
-                      ...H,
+                      ...O,
                       previousMonthButtonAriaLabel: i,
                       nextMonthButtonAriaLabel: c,
-                      calendarSize: w
+                      calendarSize: p
                     }
                   ),
                   U === "calendar" && /* @__PURE__ */ o(
-                    Xt,
+                    Qt,
                     {
-                      ...H,
-                      size: w,
+                      ...O,
+                      size: p,
                       isValidDateRange: !!F,
                       selectedStartDate: F,
                       selectedEndDate: F,
@@ -3518,19 +3487,19 @@ const ce = ({
                     {
                       firstMonth: u,
                       numMonths: d,
-                      value: C,
-                      size: w,
+                      value: j,
+                      size: p,
                       onValueChange: (E) => {
-                        var B;
-                        rt(E), G("calendar"), (B = q.current) == null || B.focus();
+                        var P;
+                        rt(E), J("calendar"), (P = G.current) == null || P.focus();
                       },
                       onCancel: () => {
                         var E;
-                        G("calendar"), (E = q.current) == null || E.focus();
+                        J("calendar"), (E = G.current) == null || E.focus();
                       }
                     }
                   ),
-                  g == null ? void 0 : g({ hideCalendar: L })
+                  g == null ? void 0 : g({ hideCalendar: Y })
                 ] })
               }
             )
@@ -3539,7 +3508,7 @@ const ce = ({
       ]
     }
   );
-}, si = ({
+}, ri = ({
   value: t,
   onValueChange: e,
   label: r,
@@ -3551,73 +3520,73 @@ const ce = ({
   headingLevel: l,
   numMonthsInMonthPicker: d = 12,
   firstMonthInMonthPicker: u = /* @__PURE__ */ new Date(),
-  size: m = "medium"
+  size: h = "medium"
 }) => {
-  const f = Xe(
+  const f = Qe(
     t,
     e,
     n,
     s
   ), {
-    visiblePanel: h,
+    visiblePanel: m,
     visibleMonth: g,
-    onValueChangeByInputs: w,
+    onValueChangeByInputs: p,
     setVisibleMonth: k,
-    setVisiblePanel: p,
+    setVisiblePanel: w,
     monthPickerButtonRef: y,
-    selectedDate: D
+    selectedDate: b
   } = f;
-  return /* @__PURE__ */ _(j, { gap: 3, children: [
+  return /* @__PURE__ */ A(C, { gap: 3, children: [
     a && /* @__PURE__ */ o(_t, { variant: "h2", as: l, children: a }),
     /* @__PURE__ */ o(
-      Qe,
+      Ge,
       {
         value: t,
-        onValueChange: w,
+        onValueChange: p,
         localeCode: n,
         label: r,
-        calendarSize: m
+        calendarSize: h
       }
     ),
     /* @__PURE__ */ o(
-      Qt,
+      Gt,
       {
         ...f,
         previousMonthButtonAriaLabel: i,
         nextMonthButtonAriaLabel: c,
-        calendarSize: m
+        calendarSize: h
       }
     ),
-    h === "calendar" && /* @__PURE__ */ o(
-      Xt,
+    m === "calendar" && /* @__PURE__ */ o(
+      Qt,
       {
         ...f,
-        size: m,
-        selectedStartDate: D,
-        selectedEndDate: D,
-        isValidDateRange: !!D,
+        size: h,
+        selectedStartDate: b,
+        selectedEndDate: b,
+        isValidDateRange: !!b,
         multiSelectable: !1
       }
     ),
-    h === "month-picker" && /* @__PURE__ */ o(
+    m === "month-picker" && /* @__PURE__ */ o(
       Pt,
       {
         firstMonth: u,
         numMonths: d,
         value: g,
-        size: m,
+        size: h,
         onValueChange: (M) => {
-          var T;
-          k(M), p("calendar"), (T = y.current) == null || T.focus();
+          var S;
+          k(M), w("calendar"), (S = y.current) == null || S.focus();
         },
         onCancel: () => {
           var M;
-          p("calendar"), (M = y.current) == null || M.focus();
+          w("calendar"), (M = y.current) == null || M.focus();
         }
       }
     )
   ] });
-}, ii = ({
+}, ni = ({
   value: t,
   onValueChange: e,
   startDateLabel: r,
@@ -3629,26 +3598,26 @@ const ce = ({
   heading: l,
   headingLevel: d,
   numMonthsInMonthPicker: u = 12,
-  firstMonthInMonthPicker: m = /* @__PURE__ */ new Date(),
+  firstMonthInMonthPicker: h = /* @__PURE__ */ new Date(),
   size: f = "medium"
 }) => {
-  const h = qe(
+  const m = Je(
     t,
     e,
     s,
     i
   ), {
     visiblePanel: g,
-    visibleMonth: w,
+    visibleMonth: p,
     onValueChangeByInputs: k,
-    setVisibleMonth: p,
+    setVisibleMonth: w,
     setVisiblePanel: y,
-    monthPickerButtonRef: D
-  } = h;
-  return /* @__PURE__ */ _(j, { gap: 3, children: [
+    monthPickerButtonRef: b
+  } = m;
+  return /* @__PURE__ */ A(C, { gap: 3, children: [
     l && /* @__PURE__ */ o(_t, { variant: "h2", as: d, children: l }),
     /* @__PURE__ */ o(
-      Ge,
+      qe,
       {
         value: t,
         onValueChange: k,
@@ -3659,95 +3628,95 @@ const ce = ({
       }
     ),
     /* @__PURE__ */ o(
-      Qt,
+      Gt,
       {
-        ...h,
+        ...m,
         previousMonthButtonAriaLabel: c,
         nextMonthButtonAriaLabel: a,
         calendarSize: f
       }
     ),
-    g === "calendar" && /* @__PURE__ */ o(Xt, { ...h, size: f, multiSelectable: !0 }),
+    g === "calendar" && /* @__PURE__ */ o(Qt, { ...m, size: f, multiSelectable: !0 }),
     g === "month-picker" && /* @__PURE__ */ o(
       Pt,
       {
-        firstMonth: m,
+        firstMonth: h,
         numMonths: u,
-        value: w,
+        value: p,
         size: f,
         onValueChange: (M) => {
-          var T;
-          p(M), y("calendar"), (T = D.current) == null || T.focus();
+          var S;
+          w(M), y("calendar"), (S = b.current) == null || S.focus();
         },
         onCancel: () => {
           var M;
-          y("calendar"), (M = D.current) == null || M.focus();
+          y("calendar"), (M = b.current) == null || M.focus();
         }
       }
     )
   ] });
 };
 export {
-  ie as Calendar,
-  He as CalendarDay,
+  ne as Calendar,
+  $e as CalendarDay,
   qs as DateInput,
-  zs as DateRangeCalendar,
-  ei as DateRangeDualTextInput,
-  Qs as DateRangeInput,
-  Xs as DateTextInput,
-  Vs as DateTimeInput,
-  vr as Month,
+  js as DateRangeCalendar,
+  Vs as DateRangeDualTextInput,
+  Js as DateRangeInput,
+  Gs as DateTextInput,
+  Xs as DateTimeInput,
+  Pr as Month,
   Pt as MonthPicker,
-  Js as MultiDateCalendar,
-  dn as PresetPicker,
+  Ks as MultiDateCalendar,
+  an as PresetPicker,
   Ue as SingleDateCalendar,
-  Gs as SingleWeekCalendar,
-  Zs as TimeTextInput,
-  si as TravelDateCalendar,
-  ni as TravelDateInput,
-  ii as TravelDateRangeCalendar,
-  ri as TravelDateRangeInput,
-  Hr as WeekDay,
-  Jr as WeekDayCell,
+  zs as SingleWeekCalendar,
+  Qs as TimeTextInput,
+  ri as TravelDateCalendar,
+  ei as TravelDateInput,
+  ni as TravelDateRangeCalendar,
+  ti as TravelDateRangeInput,
+  Br as WeekDay,
+  Kr as WeekDayCell,
   qr as WeekNumberCell,
-  ti as YearPicker,
+  Zs as YearPicker,
   dt as addDayStateHighlights,
-  ve as addDayStateHighlightsOnSingleDay,
-  Yr as addWeekRangeHighlights,
-  Fs as addWeekStateHighlights,
-  Et as buildDayStateForDateRange,
-  Pr as buildDayStateForRange,
-  Lr as buildDayStateForSingleMonth,
-  Ur as calculateOverflowingMonth,
-  Or as createDay,
-  pn as dateRangeToStrings,
-  jr as dayHasHighlight,
+  He as addDayStateHighlightsOnSingleDay,
+  Lr as addWeekRangeHighlights,
+  Ws as addWeekStateHighlights,
+  At as buildDayStateForDateRange,
+  Nr as buildDayStateForRange,
+  _r as buildDayStateForSingleMonth,
+  Or as calculateOverflowingMonth,
+  $r as createDay,
+  mn as dateRangeToStrings,
+  Fr as dayHasHighlight,
   at as dayHighlightSelect,
   bt as defaultCalendarTheme,
-  Kr as defaultTextPropsProvider,
-  zr as defaultWrapperStyleProvider,
-  Cs as extranetCalendarTheme,
-  St as formatLocalizedDate,
-  kt as getDateFormatForLocaleCode,
-  Wr as getDaysForWeekForDate,
-  Je as getDefaultLocaleForFormatting,
-  qt as getLocaleForLocaleCode,
-  Jt as getMonthInYear,
+  Cr as defaultTextPropsProvider,
+  jr as defaultWrapperStyleProvider,
+  Us as extranetCalendarTheme,
+  Tt as formatLocalizedDate,
+  St as getDateFormatForLocaleCode,
+  vr as getDaysForWeekForDate,
+  ze as getDefaultLocaleForFormatting,
+  Jt as getLocaleForLocaleCode,
+  zt as getMonthInYear,
   ye as getMonthsInYear,
-  pe as getWeekForDate,
-  $r as getWeeksForMonth,
+  ge as getWeekForDate,
+  Hr as getWeeksForMonth,
   Oe as isDateRangeInvalid,
   ht as parseLocalizedDateString,
-  ae as reformatLocalizedDateString,
-  Ws as setDayStateValue,
-  Us as setDayStateValueFunction,
-  Dn as stringsToDateRange,
-  js as toggleDateStringsIfEndIsEarlierThanStart,
+  oe as reformatLocalizedDateString,
+  vs as setDayStateValue,
+  Os as setDayStateValueFunction,
+  gn as stringsToDateRange,
+  Fs as toggleDateStringsIfEndIsEarlierThanStart,
   We as toggleDatesIfEndIsEarlierThanStart,
-  Ks as useDateRangeCalendarState,
-  wn as useDateRangeSelection,
-  Mn as useMultiDateSelection,
-  yn as useSingleDateSelection,
-  kn as useSingleWeekSelection
+  Cs as useDateRangeCalendarState,
+  Dn as useDateRangeSelection,
+  wn as useMultiDateSelection,
+  bn as useSingleDateSelection,
+  yn as useSingleWeekSelection
 };
 //# sourceMappingURL=index.es.js.map