@stenajs-webui/calendar 20.17.4 → 21.0.1

package/dist/index.es.js

@@ -1,19 +1,19 @@
 (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 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 { jsx as o, jsxs as E, Fragment as ce } from "react/jsx-runtime";
+import { Box as N, Text as bt, Clickable as Te, Row as B, Spacing as Ze, Column as z, Heading as _t, exhaustSwitchCase as ae, Space as Mt, Indent as Rt, SeparatorLine as Ve, parseIntElseUndefined as De, useBoolean as re, useDelayedFalse as be, useOnClickOutside as Re } from "@stenajs-webui/core";
+import { FlatButton as Q, stenaAngleDown as le, PrimaryButton as kt, stenaAngleLeft as tr, stenaAngleRight as er, SecondaryButton as dt, stenaAngleLeftDouble as rr, stenaArrowLeft as Ft, stenaArrowRight as Nt, stenaAngleRightDouble as nr, TextInputButton as sr, stenaCalendar as It, Icon as Ie, stenaArrowWideRight as ir, stenaClock as xe, stenaAngleUp as or, CardBody as Ee } from "@stenajs-webui/elements";
+import { isAfter as G, eachDayOfInterval as Ae, isSameDay as L, endOfMonth as _e, startOfMonth as Ne, min as cr, addDays as J, max as ar, subDays as ft, format as $, getISOWeek as de, getDate as jt, startOfWeek as Ot, addWeeks as lr, getMonth as ht, getWeek as Le, getYear as xt, getISODay as dr, addHours as Ye, isBefore as it, parse as gt, addMonths as Lt, isSameMonth as ot, 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 Rr, padStart as Ir, range as fe } from "lodash-es";
+import * as he from "react";
+import { useMemo as x, useRef as H, useEffect as et, useCallback as D, useId as me, useState as I, useLayoutEffect as Be } from "react";
+import pt from "classnames";
+import Xt from "@emotion/styled";
+import { TextInput as Dt, 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 = {
+const ct = {
   yearAndMonth: "yyyy-MM",
   fullDate: "yyyy-MM-dd",
   fullMonthName: "LLLL",
@@ -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 && G(r, e))
+    return Ae({ start: e, end: r }).reduce(
       (s, i) => {
-        const c = P(i, e), a = P(i, r);
-        return dt(s, i, c ? ["selected", "selectedStart", "range"] : a ? ["selected", "selectedEnd", "range"] : ["range"]);
+        const c = L(i, e), a = L(i, r);
+        return ut(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(
+  return e && (n = ut(n, e, ["selected", "singleSelected"])), r && (n = ut(n, r, ["selected", "singleSelected"])), n;
+}, _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, ft(n, 1)]),
+  cr([r, J(s, 1)])
+) : At(t, e, r), vs = (t, e, r) => {
+  const n = $(e, ct.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 = $(e, ct.yearAndMonth), s = de(e), i = jt(e);
   return {
     ...t,
     [n]: {
@@ -80,26 +80,26 @@ 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];
+}, ut = (t, e, r) => {
+  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);
+    a = ut(a, m.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 ? ut(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: $(i, ct.yearAndMonth),
+    name: Et(
+      $(i, ct.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 = ht(J(t, 7)) !== ht(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),
+    startMonth: ht(t),
+    startYear: xt(t),
+    endMonth: ht(J(t, 6)),
+    endYear: xt(J(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: $(t, "EEE", e ? { locale: e } : void 0),
+    fullName: $(t, "EEEE", e ? { locale: e } : void 0),
+    dateString: $(Ye(t, 12), ct.fullDate),
     weekNumber: Le(t, { locale: e }),
-    year: Rt(t),
-    month: ft(t),
+    year: xt(t),
+    month: ht(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: J(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), lt = (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,20 +191,20 @@ 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,
   borderColor: n = "transparent"
 }) => (s, i, c, a, l) => ({
-  backgroundColor: at(
+  backgroundColor: lt(
     i,
     s,
     ["selected", "range", "today", c.month === l.monthInYear],
@@ -213,7 +213,7 @@ const ye = (t, e, r, n) => {
   ),
   borderWidth: "1px",
   borderStyle: "solid",
-  borderColor: at(
+  borderColor: lt(
     i,
     s,
     ["selectedStart", "selectedEnd", "singleSelected", "range", "today"],
@@ -226,7 +226,7 @@ const ye = (t, e, r, n) => {
     ],
     n
   ),
-  borderTopLeftRadius: at(
+  borderTopLeftRadius: lt(
     i,
     s,
     ["selectedStart", "singleSelected", "today"],
@@ -237,7 +237,7 @@ const ye = (t, e, r, n) => {
     ],
     "unset"
   ),
-  borderBottomLeftRadius: at(
+  borderBottomLeftRadius: lt(
     i,
     s,
     ["selectedStart", "singleSelected", "today"],
@@ -248,7 +248,7 @@ const ye = (t, e, r, n) => {
     ],
     "unset"
   ),
-  borderTopRightRadius: at(
+  borderTopRightRadius: lt(
     i,
     s,
     ["selectedEnd", "singleSelected", "today"],
@@ -259,7 +259,7 @@ const ye = (t, e, r, n) => {
     ],
     "unset"
   ),
-  borderBottomRightRadius: at(
+  borderBottomRightRadius: lt(
     i,
     s,
     ["selectedEnd", "singleSelected", "today"],
@@ -271,7 +271,7 @@ const ye = (t, e, r, n) => {
     "unset"
   ),
   boxSizing: "border-box"
-}), Kr = ({
+}), Cr = ({
   selectedColor: t,
   disabledColor: e,
   inOtherMonthColor: r,
@@ -279,7 +279,7 @@ const ye = (t, e, r, n) => {
 }) => (s, i, c, a, l) => {
   const d = c.month !== l.monthInYear;
   return {
-    color: at(
+    color: lt(
       i,
       s,
       [d, "selected", "range", "enabled", "disabled"],
@@ -292,7 +292,7 @@ const ye = (t, e, r, n) => {
       ]
     )
   };
-}, bt = {
+}, wt = {
   width: "var(--swui-calendar-day-width)",
   height: "var(--swui-calendar-day-height)",
   WeekNumber: {
@@ -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,24 +319,24 @@ const ye = (t, e, r, n) => {
   CalendarMonth: {
     headerTextColor: "var(--swui-calendar-week-day-text-color)"
   }
-}, Cs = {
-  ...bt,
+}, Us = {
+  ...wt,
   width: "37px",
   height: "37px"
-}, Jr = ({
+}, Kr = ({
   onClickWeekDay: t,
   day: e,
   theme: r
 }) => {
   const n = /* @__PURE__ */ o(
-    A,
+    N,
     {
       width: r.width,
       height: r.height,
       justifyContent: "center",
       alignItems: "center",
       children: /* @__PURE__ */ o(
-        Dt,
+        bt,
         {
           size: "small",
           color: t ? r.WeekDay.clickableTextColor : r.WeekDay.textColor,
@@ -354,7 +354,7 @@ const ye = (t, e, r, n) => {
       children: n
     }
   ) : n;
-}, He = function({
+}, $e = function({
   day: e,
   week: r,
   month: n,
@@ -366,14 +366,14 @@ const ye = (t, e, r, n) => {
   defaultHighlights: d
 }) {
   const u = /* @__PURE__ */ o(
-    A,
+    N,
     {
       width: "100%",
       height: "100%",
       justifyContent: "center",
       alignItems: "center",
       children: /* @__PURE__ */ o(
-        Dt,
+        bt,
         {
           ...a.CalendarDay.textProps && a.CalendarDay.textProps(
             d,
@@ -387,7 +387,7 @@ const ye = (t, e, r, n) => {
         }
       )
     }
-  ), m = Zt.td({
+  ), m = 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({
+  }), h = 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,
     {
-      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 : (b) => c == null ? void 0 : c(e, i, b),
+      children: /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(h, { children: e.month === n.monthInYear && /* @__PURE__ */ E(ce, { children: [
         l && /* @__PURE__ */ o(
           l,
           {
@@ -440,7 +440,7 @@ const ye = (t, e, r, n) => {
       ] }) }) })
     }
   );
-}, Gr = (t, e) => !!at(
+}, zr = (t, e) => !!lt(
   e,
   t,
   ["disabled"],
@@ -454,17 +454,17 @@ const ye = (t, e, r, n) => {
   backgroundColor: s,
   prefix: i
 }) => {
-  const c = /* @__PURE__ */ _(
-    A,
+  const c = /* @__PURE__ */ E(
+    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__ */ _(
-          Dt,
+        n && /* @__PURE__ */ o(N, { position: "absolute", children: n }),
+        /* @__PURE__ */ o(N, { position: "absolute", children: /* @__PURE__ */ E(
+          bt,
           {
             color: t ? e.WeekNumber.clickableTextColor : e.WeekNumber.textColor,
             children: [
@@ -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 && it(t, e) ? L(t, e) : r && G(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,
@@ -520,80 +520,80 @@ function Zr({
   renderWeekNumber: u,
   renderWeekDay: m,
   headerRightContent: f,
-  theme: h = bt,
+  theme: h = wt,
   extraDayContent: g,
-  defaultHighlights: w,
-  showWeekNumber: k
+  defaultHighlights: b,
+  showWeekNumber: M
 }) {
-  return /* @__PURE__ */ o(Ot, { children: /* @__PURE__ */ _(A, { alignItems: "stretch", children: [
-    /* @__PURE__ */ _(
-      v,
+  return /* @__PURE__ */ o(ce, { children: /* @__PURE__ */ E(N, { alignItems: "stretch", children: [
+    /* @__PURE__ */ E(
+      B,
       {
         justifyContent: f ? "space-between" : "center",
         alignItems: "center",
         children: [
-          /* @__PURE__ */ o(v, { justifyContent: "center", alignItems: "center", children: d ? /* @__PURE__ */ o(
-            J,
+          /* @__PURE__ */ o(B, { 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__ */ E(bt, { 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__ */ E("tbody", { children: [
+      /* @__PURE__ */ E("tr", { children: [
+        M && /* @__PURE__ */ o("td", { children: /* @__PURE__ */ o(N, { width: h.width, height: h.height }) }),
+        t.weeks[0].days.map((y) => /* @__PURE__ */ o("td", { children: m ? m(y.name, h, l) : /* @__PURE__ */ o(
+          Kr,
           {
-            day: p,
+            day: y,
             onClickWeekDay: l,
             theme: h
           }
-        ) }, p.name))
+        ) }, y.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((y) => /* @__PURE__ */ E("tr", { children: [
+        M && /* @__PURE__ */ o("td", { children: u ? u(y, h, a) : /* @__PURE__ */ o(
           qr,
           {
-            week: p,
+            week: y,
             onClickWeek: a,
             theme: h
           }
         ) }),
-        p.days.map((y) => /* @__PURE__ */ o(
-          Xr,
+        y.days.map((w) => /* @__PURE__ */ o(
+          Gr,
           {
             dayComponent: e,
-            day: y,
-            week: p,
+            day: w,
+            week: y,
             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[y.weekNumber] && r[y.weekNumber][w.dayOfMonth],
+            userData: n && n[y.weekNumber] && n[y.weekNumber][w.dayOfMonth],
             onClickDay: c,
             theme: h,
             extraDayContent: g,
-            defaultHighlights: w,
+            defaultHighlights: b,
             minDate: s,
             maxDate: i
           },
-          y.dateString
+          w.dateString
         ))
-      ] }, p.weekNumber) }))
+      ] }, y.weekNumber))
     ] }) })
   ] }) });
 }
-function Vr({
+function Xr({
   monthRows: t,
-  dayComponent: e = He,
+  dayComponent: e = $e,
   userDataPerMonth: r,
   statePerMonth: n,
   minDate: s,
@@ -607,65 +607,65 @@ function Vr({
   headerRightContent: f,
   extraDayContent: h,
   defaultHighlights: g,
-  showWeekNumber: w,
-  theme: k = bt
+  showWeekNumber: b,
+  theme: M = wt
 }) {
-  const p = R(
-    () => s ? mt(s, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
+  const y = x(
+    () => s ? gt(s, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
     [s]
-  ), y = R(
-    () => i ? mt(i, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
+  ), w = x(
+    () => i ? gt(i, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
     [i]
   );
   return /* @__PURE__ */ o(
     "div",
     {
-      className: gt(
+      className: pt(
         Me.calendar,
-        w && Me.weekNumberVisible
+        b && 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((p, k) => /* @__PURE__ */ o(Ze, { children: /* @__PURE__ */ o(B, { gap: 2, children: p.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,
+          theme: M,
           renderWeekNumber: m,
           renderWeekDay: u,
           headerRightContent: f,
           extraDayContent: h,
           defaultHighlights: g,
-          minDate: p,
-          maxDate: y,
-          showWeekNumber: w ?? !1
+          minDate: y,
+          maxDate: w,
+          showWeekNumber: b ?? !1
         },
-        T.name
-      )) }) }, M))
+        S.name
+      )) }) }, k))
     }
   );
 }
-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,
@@ -683,29 +683,29 @@ const tn = (t, e, r) => {
     };
   if (r)
     return {
-      month: ft(r),
-      year: Rt(r)
+      month: ht(r),
+      year: xt(r)
     };
   const n = /* @__PURE__ */ new Date();
   return {
-    month: ft(n),
-    year: Rt(n)
+    month: ht(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,32 +715,32 @@ const tn = (t, e, r) => {
   position: c,
   size: a
 }) => {
-  const l = R(
-    () => xt(O(t, "MMM", { locale: n })),
+  const l = x(
+    () => Et($(t, "MMM", { locale: n })),
     [n, t]
-  ), d = R(
-    () => xt(O(t, "MMMM", { locale: n })),
+  ), d = x(
+    () => Et($(t, "MMMM", { locale: n })),
     [n, t]
-  ), u = $(null), m = $e(c, i), f = r ? 0 : -1;
-  Z(() => {
+  ), u = H(null), m = ve(c, i), f = r ? 0 : -1;
+  et(() => {
     var g;
     (g = u.current) == null || g.focus();
   }, []);
-  const h = b(
+  const h = D(
     (g) => {
-      var k;
-      const w = rn(
+      var M;
+      const b = tn(
         g.key,
         c,
         i,
         4
       );
-      w && ((k = document.getElementById(w)) == null || k.focus());
+      b && ((M = document.getElementById(b)) == null || M.focus());
     },
     [i, c]
   );
-  return /* @__PURE__ */ o(v, { justifyContent: "center", onKeyDown: h, children: r ? /* @__PURE__ */ o(
-    Mt,
+  return /* @__PURE__ */ o(B, { justifyContent: "center", onKeyDown: h, children: r ? /* @__PURE__ */ o(
+    kt,
     {
       id: m,
       "aria-label": d,
@@ -753,7 +753,7 @@ const tn = (t, e, r) => {
       tabIndex: f
     }
   ) : /* @__PURE__ */ o(
-    J,
+    Q,
     {
       id: m,
       label: l,
@@ -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]);
-  Z(() => {
+  const a = me(), l = pe(), d = s > 0 ? s : 12, [u, m] = I(!1), f = nn(n, d, on(c)), h = x(() => Lt(n, d), [d, n]);
+  et(() => {
     m(!0);
   }, []);
-  const g = b(
-    (w) => {
-      w.key === "Escape" && (i == null || i(), w.preventDefault(), w.stopPropagation());
+  const g = D(
+    (b) => {
+      b.key === "Escape" && (i == null || i(), b.preventDefault(), b.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(z, { gap: 1, maxWidth: sn(c), onKeyDown: g, children: f.yearOrder.map((b, M) => {
+    const { rows: y } = f.years[b];
+    return /* @__PURE__ */ E(he.Fragment, { children: [
+      (M !== 0 || b !== l.getFullYear()) && /* @__PURE__ */ o(_t, { variant: "h4", children: b }),
+      /* @__PURE__ */ o("table", { style: { borderSpacing: "0 8px" }, children: /* @__PURE__ */ o("tbody", { children: y.map((w) => {
+        const { columns: p } = f.rows[w];
+        return /* @__PURE__ */ o("tr", { children: p.map(({ month: k, position: S }) => /* @__PURE__ */ o("td", { children: /* @__PURE__ */ o(
+          rn,
           {
-            month: M,
+            month: k,
             firstAvailableMonth: n,
             lastAvailableMonth: h,
             locale: r,
-            selected: t ? it(t, M) : !1,
+            selected: t ? ot(t, k) : !1,
             autoFocus: u,
-            onClick: () => e == null ? void 0 : e(M),
+            onClick: () => e == null ? void 0 : e(k),
             monthPickerId: a,
-            position: T,
+            position: S,
             size: c
           }
-        ) }, M.getMonth())) }, y);
+        ) }, k.getMonth())) }, w);
       }) }) })
-    ] }, w);
+    ] }, b);
   }) });
-}, 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,54 +852,54 @@ 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: [
-      { label: "Last 3 days", startDate: t, endDate: ut(t, 2) },
-      { label: "Last 7 days", startDate: t, endDate: ut(t, 6) },
-      { label: "Last 30 days", startDate: t, endDate: ut(t, 29) },
-      { label: "Last 45 days", startDate: t, endDate: ut(t, 44) }
+      { label: "Last 3 days", startDate: t, endDate: ft(t, 2) },
+      { label: "Last 7 days", startDate: t, endDate: ft(t, 6) },
+      { label: "Last 30 days", startDate: t, endDate: ft(t, 29) },
+      { label: "Last 45 days", startDate: t, endDate: ft(t, 44) }
     ]
   },
   {
     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: J(t, 2) },
+      { label: "Next 7 days", startDate: t, endDate: J(t, 6) },
+      { label: "Next 30 days", startDate: t, endDate: J(t, 29) },
+      { label: "Next 45 days", startDate: t, endDate: J(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] = I(0), n = x(() => cn(/* @__PURE__ */ new Date()), []), s = n[e] ?? n[0];
+  return /* @__PURE__ */ E(z, { children: [
+    /* @__PURE__ */ E(
+      B,
       {
         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(bt, { 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(z, { alignItems: "center", children: s.presets.map((i) => /* @__PURE__ */ E(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,60 +997,60 @@ 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__ */ E("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(lt, { onClick: r, leftIcon: Nt }),
-    /* @__PURE__ */ o(lt, { onClick: s, leftIcon: sr })
+  /* @__PURE__ */ o(Rt, { children: /* @__PURE__ */ E(B, { gap: 1, children: [
+    /* @__PURE__ */ o(dt, { onClick: n, leftIcon: rr }),
+    /* @__PURE__ */ o(dt, { onClick: e, leftIcon: Ft }),
+    /* @__PURE__ */ o(Rt, { num: 2 }),
+    /* @__PURE__ */ o(dt, { onClick: r, leftIcon: Nt }),
+    /* @__PURE__ */ o(dt, { onClick: s, leftIcon: nr })
   ] }) }),
-  /* @__PURE__ */ o(yt, {})
-] }), mn = () => {
+  /* @__PURE__ */ o(Mt, {})
+] }), fn = () => {
 };
-function wt({
+function yt({
   monthSwitcherPlacement: t,
-  theme: e = bt,
+  theme: e = wt,
   dateInFocus: r,
   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: m, 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,
           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(z, { children: /* @__PURE__ */ o(
+        ln,
         {
           ...l,
           theme: e,
@@ -1060,16 +1060,16 @@ function wt({
           currentPanel: s,
           setCurrentPanel: i,
           onSelectPreset: c,
-          headerRightContent: /* @__PURE__ */ _(v, { alignItems: "center", gap: 1, children: [
+          headerRightContent: /* @__PURE__ */ E(B, { alignItems: "center", gap: 1, children: [
             /* @__PURE__ */ o(
-              lt,
+              dt,
               {
                 onClick: u,
-                leftIcon: Ct
+                leftIcon: Ft
               }
             ),
             /* @__PURE__ */ o(
-              lt,
+              dt,
               {
                 onClick: d,
                 leftIcon: Nt
@@ -1079,30 +1079,30 @@ 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 ? $(t.startDate, "yyyy-MM-dd") : void 0,
+  endDate: t.endDate ? $(t.endDate, "yyyy-MM-dd") : void 0
+}), gn = ({
   startDate: t,
   endDate: e
 }) => {
   const r = /* @__PURE__ */ new Date();
   return {
-    startDate: t ? mt(t, "yyyy-MM-dd", r) : void 0,
-    endDate: e ? mt(e, "yyyy-MM-dd", r) : void 0
+    startDate: t ? gt(t, "yyyy-MM-dd", r) : void 0,
+    endDate: e ? gt(e, "yyyy-MM-dd", r) : void 0
   };
 }, Oe = ({
   startDate: t,
   endDate: e
-}) => !!(t && e && !P(t, e) && K(t, e)), We = (t) => Oe(t) ? {
+}) => !!(t && e && !L(t, e) && G(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] = I("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] = I(
     () => c ?? /* @__PURE__ */ new Date()
-  ), m = bn(
+  ), m = pn(
     e,
     r,
     t,
     n
-  ), f = R(
-    () => Et(
+  ), f = x(
+    () => At(
       s,
       e == null ? void 0 : e.startDate,
       e == null ? void 0 : e.endDate
@@ -1161,11 +1161,11 @@ const gn = (t, e) => t || (e || 1) > 1 ? "below" : "header", pn = (t) => ({
     dateInFocus: d
   };
 };
-function zs(t) {
-  const e = wn(t);
-  return /* @__PURE__ */ o(wt, { ...t, ...e });
+function js(t) {
+  const e = Dn(t);
+  return /* @__PURE__ */ o(yt, { ...t, ...e });
 }
-const Ks = () => {
+const Cs = () => {
   const [t, e] = I(), [r, n] = I(), [s, i] = I("startDate");
   return {
     startDate: t,
@@ -1175,19 +1175,19 @@ 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] = I(() => e ?? /* @__PURE__ */ new Date()), l = D(
     (u) => {
       t && t(u.date);
     },
     [t]
-  ), d = R(
-    () => e ? dt(r, e, [
+  ), d = x(
+    () => e ? ut(r, e, [
       "selected",
       "singleSelected"
     ]) : r,
@@ -1204,25 +1204,25 @@ const Ks = () => {
   };
 };
 function Ue(t) {
-  const e = yn(t);
-  return /* @__PURE__ */ o(wt, { ...t, ...e });
+  const e = bn(t);
+  return /* @__PURE__ */ o(yt, { ...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] = I(() => /* @__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 m = e && e.find((f) => L(f, u.date));
+      t(e && m ? 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, m) => ut(u, m, ["selected"]),
     r
   ) : r, [r, e]);
   return {
@@ -1234,35 +1234,35 @@ const Mn = ({
     setDateInFocus: a
   };
 };
-function Js(t) {
-  const e = Mn(t);
-  return /* @__PURE__ */ o(wt, { ...t, ...e });
+function Ks(t) {
+  const e = wn(t);
+  return /* @__PURE__ */ o(yt, { ...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);
+    const h = Zt(e, s);
     return h ? h.days[0].date : /* @__PURE__ */ new Date();
-  }), { currentPanel: a, setCurrentPanel: l } = Gt(n), d = b(
+  }), { currentPanel: a, setCurrentPanel: l } = qt(n), d = D(
     (h) => {
-      t && t(ke(pe(h.date, s)));
+      t && t(ke(ge(h.date, s)));
     },
     [s, t]
-  ), u = b(
+  ), u = D(
     (h) => {
       t && t(ke(h));
     },
     [t]
-  ), m = R(() => {
-    const h = Vt(e, s);
-    return h ? Yr(r, h) : r;
-  }, [e, s, r]), f = R(() => {
-    const h = Vt(e, s);
+  ), m = x(() => {
+    const h = Zt(e, s);
+    return h ? Lr(r, h) : r;
+  }, [e, s, r]), f = x(() => {
+    const h = Zt(e, s);
     return h ? h.days[0].date : /* @__PURE__ */ new Date();
   }, [s, e]);
   return {
@@ -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);
-  return /* @__PURE__ */ o(wt, { ...t, ...e });
+function zs(t) {
+  const e = yn(t);
+  return /* @__PURE__ */ o(yt, { ...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] = I(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,70 +1305,62 @@ const Yt = "bottom", Fe = () => {
     showingCalendar: n,
     onSelectDate: a
   };
-}, Bt = "2999-12-31", qs = ({
-  displayFormat: t = ot.fullDate,
+}, Ht = "2999-12-31", qs = ({
+  displayFormat: t = ct.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 = wt,
+  calendarProps: s,
+  openOnMount: i,
+  onClose: c,
+  onChange: a,
+  variant: l,
+  width: d,
+  minDate: u,
+  maxDate: m = 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: h, showingCalendar: g, onSelectDate: b, showCalendar: M } = 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(
-        pt,
+      hideArrow: !0,
+      open: g,
+      onRequestClose: h,
+      renderTrigger: (y) => /* @__PURE__ */ o(N, { ...y, children: /* @__PURE__ */ o(
+        Dt,
         {
           type: "date",
-          onFocus: y,
-          buttonRight: /* @__PURE__ */ o(ir, { onClick: y, icon: It }),
-          value: r ? O(r, t) : "",
+          onFocus: M,
+          buttonRight: /* @__PURE__ */ o(sr, { onClick: M, icon: It }),
+          value: r ? $(r, t) : "",
           placeholder: e,
           size: 9,
-          disabled: g,
-          autoFocus: c,
-          variant: u,
-          min: f,
-          max: h
+          disabled: f,
+          autoFocus: i,
+          variant: l,
+          min: u,
+          max: m
+        }
+      ) }),
+      placement: Bt,
+      children: /* @__PURE__ */ o(
+        Ue,
+        {
+          ...s,
+          onChange: b,
+          value: r,
+          theme: n,
+          minDate: u,
+          maxDate: m
         }
       )
     }
   ) });
-}, 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 = H(null), n = H(null), [s, i] = I(!1), [c, a] = I(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(
+  }, [i]), m = D(
     (h) => {
       c === "startDate" ? (e == null || e({
         startDate: h.date,
@@ -1388,8 +1371,8 @@ const Yt = "bottom", Fe = () => {
       }), 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) && G(t.startDate, t.endDate),
     [t == null ? void 0 : t.startDate, t == null ? void 0 : t.endDate]
   );
   return {
@@ -1405,188 +1388,176 @@ const Yt = "bottom", Fe = () => {
     startDateIsAfterEnd: f
   };
 };
-function Qs({
-  displayFormat: t = ot.fullDate,
+function Js({
+  displayFormat: t = ct.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 = wt,
+  calendarProps: a,
+  minDate: l,
+  maxDate: d = Ht,
+  disabled: u
 }) {
-  const [h, g] = I("calendar"), {
-    hideCalendar: w,
-    showCalendarEndDate: k,
-    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]
+  const [m, f] = I("calendar"), {
+    hideCalendar: h,
+    showCalendarEndDate: g,
+    showCalendarStartDate: b,
+    showingCalendar: M,
+    focusedInput: y,
+    startDateInputRef: w,
+    endDateInputRef: p,
+    onClickDay: k,
+    startDateIsAfterEnd: S
+  } = kn(n, s), [A, Y] = I(
+    () => (y && (n == null ? void 0 : n[y])) ?? /* @__PURE__ */ new Date()
+  ), T = 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: (P) => /* @__PURE__ */ E(B, { alignItems: "center", ...P, children: [
         /* @__PURE__ */ o(
-          pt,
+          Dt,
           {
             iconLeft: It,
-            onFocus: p,
-            value: s != null && s.startDate ? O(s.startDate, t) : "",
+            onFocus: b,
+            value: n != null && n.startDate ? $(n.startDate, t) : "",
             placeholder: e,
-            width: a,
-            disabled: f,
-            inputRef: M,
+            width: i,
+            disabled: u,
+            inputRef: w,
             size: 9,
-            variant: N ? "error" : void 0
+            variant: S ? "error" : void 0
           }
         ),
-        /* @__PURE__ */ o(yt, {}),
+        /* @__PURE__ */ o(Mt, {}),
         /* @__PURE__ */ o(
-          Re,
+          Ie,
           {
-            icon: or,
+            icon: ir,
             color: Kt("--lhds-color-ui-500"),
             size: 14
           }
         ),
-        /* @__PURE__ */ o(yt, {}),
+        /* @__PURE__ */ o(Mt, {}),
         /* @__PURE__ */ o(
-          pt,
+          Dt,
           {
             iconLeft: It,
-            onFocus: k,
-            value: s != null && s.endDate ? O(s.endDate, t) : "",
+            onFocus: g,
+            value: n != null && n.endDate ? $(n.endDate, t) : "",
             placeholder: r,
-            width: a,
-            disabled: f,
-            inputRef: T,
+            width: i,
+            disabled: u,
+            inputRef: p,
             size: 9,
-            variant: N ? "error" : void 0
+            variant: S ? "error" : void 0
           }
         )
-      ] })
+      ] }),
+      open: M,
+      placement: Bt,
+      onRequestClose: h,
+      children: /* @__PURE__ */ o(
+        yt,
+        {
+          ...a,
+          dateInFocus: A,
+          setDateInFocus: Y,
+          statePerMonth: T,
+          theme: c,
+          onClickDay: k,
+          currentPanel: m,
+          setCurrentPanel: f,
+          minDate: l,
+          maxDate: d
+        }
+      )
     }
   );
 }
-const Xs = ({
+const Gs = ({
   calendarProps: t,
   closeOnCalendarSelectDate: e = !0,
-  dateFormat: r = ot.fullDate,
+  dateFormat: r = ct.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 = wt,
+  hideCalenderIcon: d = !1,
+  minDate: u,
+  maxDate: m = Ht,
+  variant: f,
+  ...h
 }) => {
-  const [k, p] = I(!1), { tippyRef: y, onChangePanel: D } = Fe(), M = b(() => {
-    p(!k);
-  }, [p, k]), T = b(() => {
-    p(!1);
-  }, [p]), Y = b(
-    (H) => {
-      s && s(H);
+  const [g, b] = I(!1), M = D(() => {
+    b(!g);
+  }, [b, g]), y = D(() => {
+    b(!1);
+  }, [b]), w = D(
+    (T) => {
+      s && s(T);
     },
     [s]
-  ), N = b(
-    (H) => {
-      H && (Y(O(H, r)), e && setTimeout(() => p(!k), 200));
+  ), p = D(
+    (T) => {
+      T && (w($(T, r)), e && setTimeout(() => b(!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,
+    [w, r, e, b, g]
+  ), k = !!c && !/^[-/\\.0-9]+$/.test(c), S = !!c && mr(gt(c, r, /* @__PURE__ */ new Date())), Y = !!c && c.length >= r.length && !S || k;
+  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(
-        pt,
+      renderTrigger: (T) => /* @__PURE__ */ o(
+        Dt,
         {
-          ...w,
-          variant: W ? "error" : g,
+          ...h,
+          variant: Y ? "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(B, { alignItems: "center", indent: 0.5, children: /* @__PURE__ */ o(
+            Q,
             {
               size: "small",
-              disabled: w.disabled || n,
+              disabled: h.disabled || n,
               leftIcon: It,
               onClick: M
             }
           ) }),
-          onValueChange: Y,
+          onValueChange: w,
           placeholder: i,
-          value: a || "",
-          min: f,
-          max: h,
-          size: 10
+          value: c || "",
+          min: u,
+          max: m,
+          size: 10,
+          ...T
+        }
+      ),
+      hideArrow: !0,
+      open: g,
+      placement: Bt,
+      onRequestClose: y,
+      children: /* @__PURE__ */ o(
+        Ue,
+        {
+          ...t,
+          onChange: p,
+          value: c && S ? gt(c, r, /* @__PURE__ */ new Date()) : void 0,
+          minDate: u,
+          maxDate: m,
+          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,20 +1633,20 @@ const Xs = ({
   variant: i,
   ...c
 }) => {
-  const [a, l] = I(() => oe(n)), d = "hh:mm", u = b(() => {
+  const [a, l] = I(() => 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]), m = D(
     (f) => {
-      const h = f.target.value, g = oe(h);
+      const h = f.target.value, g = se(h);
       l(g && h.length <= d.length), t && t(h);
     },
     [t, l]
   );
   return /* @__PURE__ */ o(
-    pt,
+    Dt,
     {
       ...c,
       type: "time",
@@ -1688,7 +1659,7 @@ const Xs = ({
       width: s
     }
   );
-}, Ce = ({
+}, Fe = ({
   autoFocusLeft: t,
   autoFocusRight: e,
   onEsc: r,
@@ -1704,141 +1675,141 @@ const Xs = ({
   onChangeRight: f,
   valueLeft: h,
   valueRight: g,
-  minLeft: w,
-  maxLeft: k,
-  minRight: p,
-  maxRight: y,
-  onClickLeft: D,
-  onClickRight: M,
-  onClickCalendar: T,
-  onClickArrowDown: Y,
-  onBlurLeft: N,
-  onBlurRight: x,
-  onFocusLeft: L,
-  onFocusRight: S,
+  minLeft: b,
+  maxLeft: M,
+  minRight: y,
+  maxRight: w,
+  onClickLeft: p,
+  onClickRight: k,
+  onClickCalendar: S,
+  onClickArrowDown: A,
+  onBlurLeft: Y,
+  onBlurRight: T,
+  onFocusLeft: P,
+  onFocusRight: R,
   inputRefLeft: W,
-  inputRefRight: H,
+  inputRefRight: F,
   variant: U,
-  variantLeft: C,
-  variantRight: V,
-  onBlur: F,
-  showPresets: rt,
-  widthLeft: G,
-  widthRight: q,
-  disabled: Q
+  variantLeft: j,
+  variantRight: X,
+  onBlur: C,
+  showPresets: Z,
+  widthLeft: nt,
+  widthRight: V,
+  disabled: K
 }) => {
-  const E = $(0), B = R(
-    () => Rr((nt) => {
-      nt === 0 && (F == null || F());
+  const v = H(0), _ = x(
+    () => Rr((st) => {
+      st === 0 && (C == null || C());
     }, 10),
-    [F]
-  ), tt = b(
-    (nt) => {
-      E.current++, B(E.current), L && L(nt);
+    [C]
+  ), O = D(
+    (st) => {
+      v.current++, _(v.current), P && P(st);
     },
-    [L, E, B]
-  ), et = b(
-    (nt) => {
-      E.current++, B(E.current), S && S(nt);
+    [P, v, _]
+  ), rt = D(
+    (st) => {
+      v.current++, _(v.current), R && R(st);
     },
-    [S, E, B]
-  ), vt = b(
-    (nt) => {
-      E.current--, B(E.current), N && N(nt);
+    [R, v, _]
+  ), q = D(
+    (st) => {
+      v.current--, _(v.current), Y && Y(st);
     },
-    [N, E, B]
-  ), Ze = b(
-    (nt) => {
-      E.current--, B(E.current), x && x(nt);
+    [Y, v, _]
+  ), Xe = D(
+    (st) => {
+      v.current--, _(v.current), T && T(st);
     },
-    [x, E, B]
+    [T, v, _]
   );
-  return /* @__PURE__ */ o(A, { children: /* @__PURE__ */ _(
-    Er,
+  return /* @__PURE__ */ o(N, { children: /* @__PURE__ */ E(
+    xr,
     {
       disableContentPaddingRight: !0,
-      disabled: Q,
+      disabled: K,
       variant: U,
-      contentRight: /* @__PURE__ */ _(v, { alignItems: "center", children: [
-        /* @__PURE__ */ o(Tt, { num: 0.5, children: /* @__PURE__ */ o(
-          J,
+      contentRight: /* @__PURE__ */ E(B, { alignItems: "center", children: [
+        /* @__PURE__ */ o(Rt, { num: 0.5, children: /* @__PURE__ */ o(
+          Q,
           {
             leftIcon: It,
-            onClick: T,
-            disabled: Q,
+            onClick: S,
+            disabled: K,
             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,
+        Z ? /* @__PURE__ */ E(ce, { children: [
+          /* @__PURE__ */ o(B, { height: "22px", children: /* @__PURE__ */ o(Ve, { vertical: !0 }) }),
+          /* @__PURE__ */ o(Rt, { num: 0.5, children: /* @__PURE__ */ o(
+            Q,
             {
-              leftIcon: de,
-              onClick: Y,
-              disabled: Q,
+              leftIcon: le,
+              onClick: A,
+              disabled: K,
               size: "small"
             }
           ) })
         ] }) : null
       ] }),
       children: [
-        /* @__PURE__ */ o(A, { width: G, children: /* @__PURE__ */ o(
-          pt,
+        /* @__PURE__ */ o(N, { width: nt, children: /* @__PURE__ */ o(
+          Dt,
           {
             onEsc: r,
             onEnter: n,
-            onClick: D,
-            disabled: Q,
+            onClick: p,
+            disabled: K,
             hideBorder: !0,
             placeholder: a,
             value: h,
             onValueChange: s,
             onChange: m,
-            onBlur: vt,
-            onFocus: tt,
+            onBlur: q,
+            onFocus: O,
             inputRef: W,
-            variant: C,
+            variant: j,
             type: d,
             autoFocus: t,
-            min: w,
-            max: k
+            min: b,
+            max: M
           }
         ) }),
-        /* @__PURE__ */ o(v, { indent: 0.5, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ o(
-          Re,
+        /* @__PURE__ */ o(B, { indent: 0.5, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ o(
+          Ie,
           {
             icon: c,
             size: 12,
             color: Kt("--lhds-color-ui-500")
           }
         ) }),
-        /* @__PURE__ */ o(A, { width: q, children: /* @__PURE__ */ o(
-          pt,
+        /* @__PURE__ */ o(N, { width: V, children: /* @__PURE__ */ o(
+          Dt,
           {
             onEsc: r,
             onEnter: n,
-            onClick: M,
-            disabled: Q,
+            onClick: k,
+            disabled: K,
             hideBorder: !0,
             placeholder: l,
             value: g,
             onValueChange: i,
             onChange: f,
-            onBlur: Ze,
-            onFocus: et,
-            inputRef: H,
-            variant: V,
+            onBlur: Xe,
+            onFocus: rt,
+            inputRef: F,
+            variant: X,
             type: u,
             autoFocus: e,
-            min: p,
-            max: y
+            min: y,
+            max: w
           }
         ) })
       ]
     }
   ) });
-}, 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) => {
+}, Rn = (t) => {
   try {
-    return Rn(t), !0;
+    return Tn(t), !0;
   } catch {
     return !1;
   }
-}, $t = (t) => {
-  if (t && xn(t)) {
+}, vt = (t) => {
+  if (t && Rn(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(
+}, In = (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,
@@ -1890,8 +1861,8 @@ const Xs = ({
   columnRef: n,
   canScrollRef: s
 }) => {
-  const i = $(null);
-  return Z(
+  const i = H(null);
+  return et(
     function() {
       if (r && n.current && i.current && s.current) {
         const a = i.current.scrollHeight * Math.max(e - 2, 0);
@@ -1900,7 +1871,7 @@ const Xs = ({
     },
     [n, e, r, s]
   ), /* @__PURE__ */ o(
-    v,
+    B,
     {
       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: Ir(String(e), 2, "0"),
           onClick: () => t && t(e)
         }
       ) : /* @__PURE__ */ o(
-        J,
+        Q,
         {
           label: String(e).padStart(2, "0"),
           onClick: () => t && t(e)
@@ -1928,8 +1899,8 @@ const Xs = ({
   selectedItem: r,
   canScrollRef: n
 }) => {
-  const s = $(null);
-  return /* @__PURE__ */ o(j, { className: je.timePickerColumn, ref: s, children: e.map((i) => /* @__PURE__ */ o(
+  const s = H(null);
+  return /* @__PURE__ */ o(z, { className: je.timePickerColumn, ref: s, children: e.map((i) => /* @__PURE__ */ o(
     An,
     {
       item: i,
@@ -1940,60 +1911,60 @@ 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);
-  Z(() => {
+  const r = H(!0), [n, s] = I(void 0), [i, c] = I(void 0);
+  et(() => {
     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__ */ E(B, { className: je.timePicker, children: [
     /* @__PURE__ */ o(
       Se,
       {
-        items: Ln,
+        items: _n,
         onClick: a,
         selectedItem: n,
         canScrollRef: r
       }
     ),
-    /* @__PURE__ */ o(Tt, {}),
+    /* @__PURE__ */ o(Rt, {}),
     /* @__PURE__ */ o(
       Se,
       {
-        items: Pn,
+        items: Nn,
         onClick: l,
         selectedItem: i,
         canScrollRef: r
       }
     )
   ] });
-}, Bn = (t, e, r) => {
-  Z(
+}, Yn = (t, e, r) => {
+  et(
     function() {
       t && e(t);
     },
     [t, e]
-  ), Z(
+  ), et(
     function() {
       r.current && (t ? r.current.valueAsDate = new Date(
         Date.UTC(t.getFullYear(), t.getMonth(), t.getDate())
@@ -2001,7 +1972,7 @@ const Xs = ({
     },
     [t, r]
   );
-}, vn = (t, e, {
+}, Pn = (t, e, {
   setDateInFocus: r,
   showCalendarInternal: n,
   hideCalendarInternal: s,
@@ -2012,61 +1983,61 @@ const Xs = ({
   localDate: d,
   setLocalDate: u
 }, m) => {
-  const f = b(
-    (y) => {
-      if (!y)
+  const f = D(
+    (w) => {
+      if (!w)
         return;
-      const D = new Date(y);
+      const p = new Date(w);
       if (t)
-        D.setHours(t.getHours()), D.setMinutes(t.getMinutes()), e == null || e(D), u(void 0);
+        p.setHours(t.getHours()), p.setMinutes(t.getMinutes()), e == null || e(p), 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: k, hour: S } = vt(a);
+        p.setHours(S ?? 0), p.setMinutes(k ?? 0), e == null || e(p), u(void 0);
       } else
-        u(D);
-      r(D), m.current && (m.current.valueAsDate = new Date(
-        Date.UTC(D.getFullYear(), D.getMonth(), D.getDate())
+        u(p);
+      r(p), m.current && (m.current.valueAsDate = new Date(
+        Date.UTC(p.getFullYear(), p.getMonth(), p.getDate())
       ));
     },
     [t, m, a, e, r, u]
-  ), h = b(
-    (y) => {
-      if (y)
+  ), h = D(
+    (w) => {
+      if (w)
         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 p = vt(w), k = new Date(t);
+          k.setHours(p.hour || 0), k.setMinutes(p.minute || 0), e == null || e(k), 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 p = vt(w), k = new Date(d);
+          k.setHours(p.hour || 0), k.setMinutes(p.minute || 0), e == null || e(k), l(void 0);
         } else
-          l(y);
+          l(w);
     },
     [e, t, d, l]
-  ), g = b(
-    (y) => {
-      y.target.value[0] !== "0" && f(y.target.valueAsDate);
+  ), g = D(
+    (w) => {
+      w.target.value[0] !== "0" && f(w.target.valueAsDate);
     },
     [f]
-  ), w = b(
-    (y) => h(y.target.value),
+  ), b = D(
+    (w) => h(w.target.value),
     [h]
-  ), k = b(() => {
+  ), M = D(() => {
     r(t || /* @__PURE__ */ new Date()), c("calendar"), n();
-  }, [t, c, n, r]), p = b(() => {
+  }, [t, c, n, r]), y = D(() => {
     i(void 0), s();
   }, [i, s]);
   return {
     inputLeftChangeHandler: g,
-    inputRightChangeHandler: w,
-    hideCalendar: p,
-    showCalendar: k,
+    inputRightChangeHandler: b,
+    hideCalendar: y,
+    showCalendar: M,
     onChangeTime: h,
     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] = I(void 0), [n, s] = I(void 0), [i, c, a] = re(!1), [l, d, u] = re(!1), [m, f] = I(void 0), [h, g] = I(
     () => t ?? /* @__PURE__ */ new Date()
-  ), [w, k] = I("calendar");
+  ), [b, M] = I("calendar");
   return {
     isCalendarVisible: i,
     showCalendarInternal: c,
@@ -2075,8 +2046,8 @@ const Xs = ({
     setFirstFocusedInput: f,
     dateInFocus: h,
     setDateInFocus: g,
-    currentPanel: w,
-    setCurrentPanel: k,
+    currentPanel: b,
+    setCurrentPanel: M,
     isTimePickerVisible: l,
     showTimePicker: d,
     hideTimePicker: u,
@@ -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(() => {
+  ), m = 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(
+  ]), h = D(
     (g) => {
       g.key === "Escape" && n();
     },
@@ -2125,7 +2096,7 @@ const Xs = ({
     onClickCalendarButton: f,
     onKeyDownHandler: h
   };
-}, Vs = ({
+}, Xs = ({
   value: t,
   onValueChange: e,
   onEnter: r,
@@ -2135,88 +2106,60 @@ const Xs = ({
   minDate: c,
   widthLeft: a = 128,
   widthRight: l = 80,
-  maxDate: d = Bt,
+  maxDate: d = Ht,
   variant: u,
   disabled: m
 }) => {
-  const f = $(null), h = $(null), g = Hn(t), {
-    setCurrentPanel: w,
-    currentPanel: k,
-    isCalendarVisible: p,
-    dateInFocus: y,
-    setDateInFocus: D,
-    isTimePickerVisible: M,
-    hideTimePicker: T,
-    localTime: Y,
-    localDate: N
+  const f = H(null), h = H(null), g = Bn(t), {
+    setCurrentPanel: b,
+    currentPanel: M,
+    isCalendarVisible: y,
+    dateInFocus: w,
+    setDateInFocus: p,
+    isTimePickerVisible: k,
+    hideTimePicker: S,
+    localTime: A,
+    localDate: Y
   } = g, {
-    showCalendar: x,
-    hideCalendar: L,
-    inputLeftChangeHandler: S,
+    showCalendar: T,
+    hideCalendar: P,
+    inputLeftChangeHandler: R,
     inputRightChangeHandler: W,
-    onChangeTime: H,
+    onChangeTime: F,
     onChangeDate: U
-  } = vn(t, e, g, f), {
-    onKeyDownHandler: C,
-    onFocusRight: V,
-    onFocusLeft: F,
-    onClickDay: rt,
-    onClickCalendarButton: G,
-    onClickArrowButton: q
-  } = $n(
+  } = Pn(t, e, g, f), {
+    onKeyDownHandler: j,
+    onFocusRight: X,
+    onFocusLeft: C,
+    onClickDay: Z,
+    onClickCalendarButton: nt,
+    onClickArrowButton: V
+  } = Hn(
     U,
     f,
-    x,
-    L,
+    T,
+    P,
     g
   );
-  Bn(t, D, f);
-  const Q = R(() => {
-    const vt = t || N;
-    return vt ? dt(void 0, vt, [
+  Yn(t, p, f);
+  const K = x(() => {
+    const q = t || Y;
+    return q ? ut(void 0, q, [
       "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,
+  }, [Y, t]), v = D(() => {
+    P(), S();
+  }, [P, S]), _ = x(
+    () => t ? In(t) : A,
+    [t, A]
+  ), O = be(y, 300), rt = be(k, 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: (q) => /* @__PURE__ */ o(N, { ...q, children: /* @__PURE__ */ o(
+        Fe,
         {
           autoFocusLeft: i,
           onEsc: n,
@@ -2228,54 +2171,80 @@ const Xs = ({
           typeRight: "time",
           placeholderLeft: "yyyy-mm-dd",
           placeholderRight: "hh:mm",
-          onChangeLeft: S,
+          onChangeLeft: R,
           onChangeRight: W,
-          onClickArrowDown: q,
-          onClickCalendar: G,
-          onFocusLeft: F,
-          onFocusRight: V,
-          onClickLeft: F,
-          onClickRight: V,
+          onClickArrowDown: V,
+          onClickCalendar: nt,
+          onFocusLeft: C,
+          onFocusRight: X,
+          onClickLeft: C,
+          onClickRight: X,
           inputRefLeft: f,
           inputRefRight: h,
-          valueRight: B ?? "",
+          valueRight: _ ?? "",
           widthLeft: a,
           widthRight: l,
           minLeft: c,
           maxLeft: d,
           variant: u
         }
-      )
+      ) }),
+      placement: Bt,
+      open: y || k,
+      onRequestClose: v,
+      children: (O || rt) && /* @__PURE__ */ o(z, { children: O ? /* @__PURE__ */ o(
+        yt,
+        {
+          statePerMonth: K,
+          onClickDay: Z,
+          dateInFocus: w,
+          setDateInFocus: p,
+          currentPanel: M,
+          setCurrentPanel: b,
+          minDate: c,
+          maxDate: d
+        }
+      ) : rt ? /* @__PURE__ */ E(z, { children: [
+        /* @__PURE__ */ o(z, { overflow: "hidden", height: "250px", children: /* @__PURE__ */ o(
+          Ln,
+          {
+            value: _ ?? "",
+            onValueChange: F
+          }
+        ) }),
+        /* @__PURE__ */ o(Mt, {}),
+        /* @__PURE__ */ o(B, { 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(B, { 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] = I(() => 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,
+  return et(() => {
+    s((c) => vn(t, c));
+  }, [t]), /* @__PURE__ */ E(B, { children: [
+    /* @__PURE__ */ o(z, { 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(z, { gap: 1, children: i.map((c) => /* @__PURE__ */ o(B, { 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(z, { 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,18 +2273,18 @@ const Xs = ({
     return e - i;
   }
   return e;
-}, Un = (t, e, r, n, s) => {
-  Z(
+}, On = (t, e, r, n, s) => {
+  et(
     function() {
       t && r(t);
     },
     [t, r]
-  ), Z(
+  ), et(
     function() {
       e && r(e);
     },
     [e, r]
-  ), Z(
+  ), et(
     function() {
       n.current && (t ? n.current.valueAsDate = new Date(
         Date.UTC(
@@ -2326,7 +2295,7 @@ const Xs = ({
       ) : n.current.valueAsDate = null);
     },
     [t, n]
-  ), Z(
+  ), et(
     function() {
       s.current && (e ? s.current.valueAsDate = new Date(
         Date.UTC(
@@ -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,7 +2338,7 @@ const Xs = ({
     a,
     s,
     n
-  ]), m = b(() => {
+  ]), m = D(() => {
     c(void 0), i();
   }, [c, i]);
   return {
@@ -2380,8 +2349,8 @@ const Xs = ({
     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] = 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");
   return {
     isCalendarVisible: r,
     showCalendarInternal: n,
@@ -2395,7 +2364,7 @@ const Xs = ({
     currentPanel: m,
     setCurrentPanel: f
   };
-}, jn = (t, e, r, n, s, i, c, {
+}, Fn = (t, e, r, n, s, i, c, {
   firstFocusedInput: a,
   setFirstFocusedInput: l,
   isCalendarVisible: d,
@@ -2403,7 +2372,7 @@ const Xs = ({
   focusedInput: m,
   setCurrentPanel: f
 }) => {
-  const h = b(() => {
+  const h = 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,25 +2388,25 @@ 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,
+  ]), b = D(
+    (p) => {
+      var k, S, A, Y;
+      m === "startDate" ? e != null && G(p.date, e) ? (r == null || r({
+        startDate: p.date,
         endDate: void 0
-      }), u("endDate"), (M = s.current) == null || M.focus()) : (r == null || r({
-        startDate: D.date,
+      }), u("endDate"), (k = s.current) == null || k.focus()) : (r == null || r({
+        startDate: p.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)) : m === "endDate" && (t ? G(t, p.date) ? (r == null || r({
+        startDate: p.date,
         endDate: void 0
-      }), u("endDate"), (N = s.current) == null || N.focus()) : (r == null || r({
+      }), u("endDate"), (Y = s.current) == null || Y.focus()) : (r == null || r({
         startDate: t,
-        endDate: D.date
+        endDate: p.date
       }), setTimeout(c, 50)) : (r == null || r({
         startDate: t,
-        endDate: D.date
-      }), u("startDate"), (Y = n.current) == null || Y.focus()));
+        endDate: p.date
+      }), u("startDate"), (A = n.current) == null || A.focus()));
     },
     [
       m,
@@ -2450,11 +2419,11 @@ const Xs = ({
       t,
       n
     ]
-  ), k = b(() => {
+  ), M = 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]), y = D(() => {
+    var p;
+    d ? c() : (u("startDate"), l("startDate"), (p = n.current) == null || p.focus(), f("calendar"), i());
   }, [
     d,
     c,
@@ -2463,22 +2432,22 @@ const Xs = ({
     n,
     f,
     i
-  ]), y = b(
-    (D) => {
-      D.key === "Escape" && c();
+  ]), w = D(
+    (p) => {
+      p.key === "Escape" && c();
     },
     [c]
   );
   return {
     onFocusLeft: h,
     onFocusRight: g,
-    onClickDay: w,
-    onClickArrowButton: k,
-    onClickCalendarButton: p,
-    onKeyDownHandler: y
+    onClickDay: b,
+    onClickArrowButton: M,
+    onClickCalendarButton: y,
+    onKeyDownHandler: w
   };
 };
-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,
   disabled: f
 }) {
-  const { startDate: h, endDate: g } = t || {}, w = $(null), k = $(null), p = Cn(h, g), {
-    dateInFocus: y,
-    setDateInFocus: D,
-    isCalendarVisible: M,
-    currentPanel: T,
-    setCurrentPanel: Y
-  } = p, {
-    showCalendar: N,
-    hideCalendar: x,
-    inputLeftChangeHandler: L,
-    inputRightChangeHandler: S
-  } = Fn(h, g, e, p), {
+  const { startDate: h, endDate: g } = t || {}, b = H(null), M = H(null), y = Un(h, g), {
+    dateInFocus: w,
+    setDateInFocus: p,
+    isCalendarVisible: k,
+    currentPanel: S,
+    setCurrentPanel: A
+  } = y, {
+    showCalendar: Y,
+    hideCalendar: T,
+    inputLeftChangeHandler: P,
+    inputRightChangeHandler: R
+  } = Wn(h, g, e, y), {
     onKeyDownHandler: W,
-    onFocusRight: H,
+    onFocusRight: F,
     onFocusLeft: U,
-    onClickDay: C,
-    onClickCalendarButton: V,
-    onClickArrowButton: F
-  } = jn(
+    onClickDay: j,
+    onClickCalendarButton: X,
+    onClickArrowButton: C
+  } = Fn(
     h,
     g,
     e,
-    w,
-    k,
-    N,
-    x,
-    p
+    b,
+    M,
+    Y,
+    T,
+    y
   );
-  Un(
+  On(
     h,
     g,
-    D,
-    w,
-    k
+    p,
+    b,
+    M
   );
-  const rt = R(
-    () => h && g && K(h, g),
+  const Z = x(
+    () => h && g && G(h, g),
     [h, g]
-  ), G = R(
-    () => Lr(
+  ), nt = x(
+    () => _r(
       l == null ? void 0 : l.statePerMonth,
       h,
       g,
-      y
+      w
     ),
-    [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, h, g, w]
+  );
+  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: (V) => /* @__PURE__ */ o(N, { ...V, 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,
-          onClickArrowDown: F,
-          onClickCalendar: V,
+          onChangeLeft: P,
+          onChangeRight: R,
+          onClickArrowDown: C,
+          onClickCalendar: X,
           onFocusLeft: U,
-          onFocusRight: H,
+          onFocusRight: F,
           onClickLeft: U,
-          onClickRight: H,
-          inputRefLeft: w,
-          inputRefRight: k,
-          variant: rt ? "error" : m,
+          onClickRight: F,
+          inputRefLeft: b,
+          inputRefRight: M,
+          variant: Z ? "error" : m,
           widthLeft: d,
           widthRight: u,
           minLeft: c,
@@ -2594,11 +2546,28 @@ function ei({
           minRight: c,
           maxRight: a
         }
+      ) }),
+      placement: Bt,
+      onRequestClose: T,
+      open: k,
+      children: /* @__PURE__ */ o(
+        yt,
+        {
+          onClickDay: j,
+          dateInFocus: w,
+          setDateInFocus: p,
+          currentPanel: S,
+          setCurrentPanel: A,
+          minDate: c,
+          maxDate: a,
+          ...l,
+          statePerMonth: nt
+        }
       )
     }
   ) });
 }
-const ce = ({
+const ie = ({
   onChange: t,
   onValueChange: e,
   mask: r,
@@ -2611,7 +2580,7 @@ const ce = ({
   calendarSize: d,
   ...u
 }) => {
-  const m = $(null), { onChange: f } = Ar(
+  const m = H(null), { onChange: f } = Ar(
     m,
     t,
     e,
@@ -2624,16 +2593,16 @@ const ce = ({
     l
   );
   return /* @__PURE__ */ o(
-    _r,
+    Er,
     {
       ...u,
       ref: m,
       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, mt = (t, e, r) => {
+  const n = Jt(e);
   if (n == null)
     return;
-  const s = mt(
+  const s = gt(
     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) => {
-  const r = ht(t, e);
+}, Tt = (t, e) => $(t, St(e), {
+  locale: Jt(e)
+}), oe = (t, e) => {
+  const r = mt(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__ */ E(B, { 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,43 +2734,43 @@ 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 = H(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 R;
+      return ((R = t == null ? void 0 : t.startDate) == null ? void 0 : R.length) === l.length ? mt(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 R;
+      return ((R = t == null ? void 0 : t.endDate) == null ? void 0 : R.length) === l.length ? mt(t.endDate, r) : void 0;
     },
     [l.length, r, t == null ? void 0 : t.endDate]
   ), [m, f] = I(
     n ?? d ?? /* @__PURE__ */ new Date()
-  ), h = b(
-    (S) => {
-      it(S, c) || K(S, c) ? f(S) : f(c);
+  ), h = D(
+    (R) => {
+      ot(R, c) || G(R, c) ? f(R) : f(c);
     },
     [c]
-  ), g = R(
-    () => Jt(
+  ), g = x(
+    () => zt(
       m.getFullYear(),
       m.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({
+  ), b = x(() => Et($(m, "MMMM yyyy", { locale: s })), [s, m]), M = x(() => ot(c, m), [c, m]), [y, w] = I(), [p, k] = I("calendar"), S = D(
+    (R) => {
+      var U, j;
+      const W = ((U = R == null ? void 0 : R.startDate) == null ? void 0 : U.length) === l.length ? mt(R.startDate, r) : void 0, F = ((j = R == null ? void 0 : R.endDate) == null ? void 0 : j.length) === l.length ? mt(R.endDate, r) : void 0;
+      W ? h(W) : F && h(F), e == null || e({
         ...t,
-        ...S
+        ...R
       });
     },
     [
@@ -2811,49 +2780,49 @@ const ce = ({
       h,
       t
     ]
-  ), Y = R(
-    () => it(c, m) || st(m, c),
+  ), A = x(
+    () => ot(c, m) || it(m, c),
     [c, m]
-  ), N = R(
-    () => (d && u && (P(d, u) || st(d, u))) ?? !1,
+  ), Y = x(
+    () => (d && u && (L(d, u) || it(d, u))) ?? !1,
     [u, d]
   );
   return {
-    isDateDisabled: b(
-      (S) => !P(S, c) && st(S, c),
+    isDateDisabled: D(
+      (R) => !L(R, c) && it(R, 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: (R) => {
+      R.getFullYear() === m.getFullYear() && R.getMonth() === m.getMonth() && (d && u == null ? it(R, d) ? e == null || e({
+        startDate: Tt(R, r),
         endDate: void 0
       }) : e == null || e({
         startDate: t == null ? void 0 : t.startDate,
-        endDate: St(S, r)
+        endDate: Tt(R, r)
       }) : e == null || e({
-        startDate: St(S, r),
+        startDate: Tt(R, r),
         endDate: void 0
       }));
     },
-    onValueChangeByInputs: T,
-    isValidDateRange: N,
-    prevMonthDisabled: Y,
+    onValueChangeByInputs: S,
+    isValidDateRange: Y,
+    prevMonthDisabled: A,
     monthPickerButtonRef: a,
     calendarId: i,
-    monthPickerButtonLabel: w,
-    visiblePanel: D,
-    setVisiblePanel: M,
+    monthPickerButtonLabel: b,
+    visiblePanel: p,
+    setVisiblePanel: k,
     setVisibleMonth: f,
     visibleMonthData: g,
-    todayIsInVisibleMonth: k,
-    hoverDate: p,
-    setHoverDate: y,
+    todayIsInVisibleMonth: M,
+    hoverDate: y,
+    setHoverDate: w,
     selectedStartDate: d,
     selectedEndDate: u,
     today: c,
     visibleMonth: m
   };
-}, 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__ */ E(B, { 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,48 +2847,48 @@ const ce = ({
       size: d === "small" ? "medium" : "large"
     }
   ),
-  /* @__PURE__ */ _(v, { alignItems: "center", gap: 2, children: [
+  /* @__PURE__ */ E(B, { alignItems: "center", gap: 2, children: [
     /* @__PURE__ */ o(
-      lt,
+      dt,
       {
-        leftIcon: Ct,
-        onClick: () => c(fe(a, 1)),
+        leftIcon: Ft,
+        onClick: () => c(ue(a, 1)),
         disabled: l,
         "aria-label": t,
         size: d === "small" ? "medium" : "large"
       }
     ),
     /* @__PURE__ */ o(
-      lt,
+      dt,
       {
         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", tt = {
+  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
+}, at = 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,84 +2898,84 @@ 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 ? G(t, e) && it(t, r) && !L(t, e) && !L(t, r) : !1, a = e && n ? G(t, e) && it(t, n) && !L(t, e) && !L(t, n) : !1;
   if (c)
     return {
-      left: ct,
-      right: ct
+      left: at,
+      right: at
     };
   if (e && r)
-    return P(t, e) ? {
+    return L(t, e) ? {
       left: "transparent",
-      right: ct
-    } : P(t, r) ? {
-      left: ct,
+      right: at
+    } : L(t, r) ? {
+      left: at,
       right: "transparent"
     } : {
       left: "transparent",
       right: "transparent"
     };
-  if (e && n && K(n, e)) {
-    if (P(t, e))
+  if (e && n && G(n, e)) {
+    if (L(t, e))
       return {
         left: "transparent",
-        right: ct
+        right: at
       };
-    if (P(t, n))
+    if (L(t, n))
       return {
-        left: ct,
+        left: at,
         right: "transparent"
       };
   }
   return a ? {
-    left: ct,
-    right: ct
+    left: at,
+    right: at
   } : {
     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 J(Ot(t), 6);
     case "ArrowLeft":
-      return ut(t, 1);
+      return ft(t, 1);
     case "ArrowUp":
-      return ut(t, 7);
+      return ft(t, 7);
     case "ArrowRight":
-      return z(t, 1);
+      return J(t, 1);
     case "ArrowDown":
-      return z(t, 7);
+      return J(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) => $(Ye(t, 12), ct.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__ */ E(B, { children: [
   /* @__PURE__ */ o(
-    A,
+    N,
     {
-      className: gt(Ht.travelDateCellBackground, Ht[t]),
+      className: pt($t.travelDateCellBackground, $t[t]),
       background: e
     }
   ),
   /* @__PURE__ */ o(
-    A,
+    N,
     {
-      className: gt(Ht.travelDateCellBackground, Ht[t]),
+      className: pt($t.travelDateCellBackground, $t[t]),
       background: r
     }
   )
-] }), Ds = ({
+] }), gs = ({
   onClick: t,
   visibleMonth: e,
   onChangeVisibleMonth: r,
@@ -3021,15 +2990,16 @@ const ce = ({
   todayIsInVisibleMonth: m,
   calendarId: f,
   isDateDisabled: h,
-  size: g
+  size: g,
+  dateTestId: b
 }) => {
-  const w = b(
+  const M = D(
     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();
+      var P;
+      const T = ls(n.date, Y.key);
+      T && !h(T) && (a(T), ot(n.date, T) ? (P = document.getElementById(Vt(T, f))) == null || P.focus() : (r(T), setTimeout(() => {
+        var R;
+        (R = document.getElementById(Vt(T, f))) == null || R.focus();
       }, 10))), (Y.key === "Enter" || Y.code === "Space") && t(n.date);
     },
     [
@@ -3040,59 +3010,60 @@ const ce = ({
       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(
+  ), y = n.month === e.getMonth(), w = h(n.date), p = i ? L(i, n.date) : !1, k = c ? L(c, n.date) : !1, S = L(n.date, u), A = as(
     n.date,
     i,
     c,
     d,
-    k,
+    y,
     s
   );
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ E(
     "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(
+      className: pt(tt.travelDateCell, tt[g]),
+      onClick: w ? void 0 : () => t(n.date),
+      onMouseOver: w ? void 0 : () => y && a(n.date),
+      onMouseOut: w ? void 0 : () => y && l(n.date),
+      tabIndex: w ? void 0 : ps(
         n,
         i,
-        M,
+        S,
         e,
         m
       ),
-      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 : M,
+      ...w ? void 0 : { "aria-selected": p || k },
+      "data-testid": b == null ? void 0 : b(n.date),
       children: [
-        /* @__PURE__ */ o("div", { className: X.outline }),
+        /* @__PURE__ */ o("div", { className: tt.outline }),
         /* @__PURE__ */ o(
-          ps,
+          ms,
           {
             calendarSize: g,
-            bgColorLeft: T.left,
-            bgColorRight: T.right
+            bgColorLeft: A.left,
+            bgColorRight: A.right
           }
         ),
-        k && /* @__PURE__ */ o(
+        y && /* @__PURE__ */ o(
           "div",
           {
-            className: gt(
-              X.contentWrapper,
-              M ? X.isToday : void 0,
-              i ? X.startSelected : void 0,
-              c ? X.endSelected : void 0,
-              d && P(d, n.date) ? X.hover : void 0,
-              y && X.isSelectionStart,
-              D && X.isSelectionEnd,
-              p && X.disabled
+            className: pt(
+              tt.contentWrapper,
+              S ? tt.isToday : void 0,
+              i ? tt.startSelected : void 0,
+              c ? tt.endSelected : void 0,
+              d && L(d, n.date) ? tt.hover : void 0,
+              p && tt.isSelectionStart,
+              k && tt.isSelectionEnd,
+              w && tt.disabled
             ),
             children: /* @__PURE__ */ o(
-              Dt,
+              bt,
               {
                 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 +3072,12 @@ const ce = ({
       ]
     }
   );
-}, bs = (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 = ({
+}, ps = (t, e, r, n, s) => {
+  const i = e ? ot(e, n) : !1;
+  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,
@@ -3121,43 +3092,45 @@ const ce = ({
   isDateDisabled: m,
   todayIsInVisibleMonth: f,
   size: h = "medium",
-  multiSelectable: g
+  multiSelectable: g,
+  dateTestId: b
 }) => /* @__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__ */ E("tbody", { children: [
+      /* @__PURE__ */ o("tr", { children: t.weeks[0].days.map((M) => /* @__PURE__ */ o("th", { abbr: M.fullName, children: /* @__PURE__ */ o(bt, { children: M.name }) }, M.name)) }),
+      t.weeks.map((M) => /* @__PURE__ */ o(he.Fragment, { children: /* @__PURE__ */ o("tr", { children: M.days.map((y) => /* @__PURE__ */ o(
+        gs,
         {
           size: h,
-          onClick: (p) => e(p),
+          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),
+          day: y,
+          onStartHover: (w) => r(w),
+          onEndHover: (w) => r((p) => p && L(p, w) ? void 0 : p),
           selectedStartDate: c,
           selectedEndDate: a,
           hoverDate: l,
           today: d,
           todayIsInVisibleMonth: f,
           calendarId: u,
-          isDateDisabled: m
+          isDateDisabled: m,
+          dateTestId: b
         },
-        k.dateString
-      )) }, w.weekNumber) }, w.weekNumber))
+        y.dateString
+      )) }, M.weekNumber) }, M.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,
@@ -3173,127 +3146,129 @@ const ce = ({
   zIndex: f = 1e3,
   zIndexWhenClosed: h,
   onHideCalendar: g,
-  renderBelowCalendar: w,
-  size: k = "medium"
+  renderBelowCalendar: b,
+  size: M = "medium",
+  dateTestId: y
 }) => {
-  const [p, y] = I(!1), [D, M] = I(!1), [T, Y] = I({
+  const [w, p] = I(!1), [k, S] = I(!1), [A, Y] = I({
     // 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(() => {
-      y(!0);
+  }), T = M === "large" ? "8.8rem" : "6.6rem", P = H(!1), R = D(() => {
+    P.current = !0, S(!0), setTimeout(() => {
+      p(!0);
     }, 10);
-  }, []), S = b(() => {
-    D && (y(!1), x.current = !1, g == null || g(), setTimeout(() => {
-      x.current || M(!1);
+  }, []), W = D(() => {
+    k && (p(!1), P.current = !1, g == null || g(), setTimeout(() => {
+      P.current || S(!1);
     }, 120));
-  }, [D, g]), W = $(null), H = $(null);
-  Ie(W, S), 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(
+  }, [k, g]), F = H(null), U = H(null);
+  Re(F, W), Be(() => {
+    var rt, q;
+    const _ = (rt = U.current) == null ? void 0 : rt.offsetWidth, O = (q = U.current) == null ? void 0 : q.offsetHeight;
+    _ != null && O != null && (A.height !== O || A.width !== _) && Y({ width: _, height: O });
+  }, [A.height, A.width]);
+  const j = Je(
     t,
     e,
     s,
     i
   ), {
-    visiblePanel: C,
-    visibleMonth: V,
-    onValueChangeByInputs: F,
-    setVisibleMonth: rt,
-    setVisiblePanel: G,
-    monthPickerButtonRef: q
-  } = U, Q = b(
-    (E) => {
-      E.key === "Escape" && S();
+    visiblePanel: X,
+    visibleMonth: C,
+    onValueChangeByInputs: Z,
+    setVisibleMonth: nt,
+    setVisiblePanel: V,
+    monthPickerButtonRef: K
+  } = j, v = D(
+    (_) => {
+      _.key === "Escape" && W();
     },
-    [S]
+    [W]
   );
-  return /* @__PURE__ */ _(
-    A,
+  return /* @__PURE__ */ E(
+    N,
     {
       position: "relative",
-      className: ee.travelDateRangeInput,
-      ref: W,
-      onKeyDown: Q,
-      height: T.height,
-      width: T.width,
+      className: te.travelDateRangeInput,
+      ref: F,
+      onKeyDown: v,
+      height: A.height,
+      width: A.width,
       children: [
         /* @__PURE__ */ o(
-          A,
+          N,
           {
             position: "absolute",
-            ref: H,
-            zIndex: D ? f : h,
+            ref: U,
+            zIndex: k ? f : h,
             children: /* @__PURE__ */ o(
-              Ge,
+              qe,
               {
                 value: t,
-                onValueChange: F,
+                onValueChange: Z,
                 localeCode: s,
                 startDateLabel: r,
                 endDateLabel: n,
-                onFocus: L,
-                calendarSize: k
+                onFocus: R,
+                calendarSize: M
               }
             )
           }
         ),
-        D && /* @__PURE__ */ o(
-          A,
+        k && /* @__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: pt(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__ */ E(Ee, { gap: 3, children: [
                   l && /* @__PURE__ */ o(_t, { variant: "h2", as: d, children: l }),
-                  /* @__PURE__ */ o(A, { height: N }),
+                  /* @__PURE__ */ o(N, { height: T }),
                   /* @__PURE__ */ o(
-                    Qt,
+                    Gt,
                     {
-                      ...U,
+                      ...j,
                       previousMonthButtonAriaLabel: c,
                       nextMonthButtonAriaLabel: a,
-                      calendarSize: k
+                      calendarSize: M
                     }
                   ),
-                  C === "calendar" && /* @__PURE__ */ o(
-                    Xt,
+                  X === "calendar" && /* @__PURE__ */ o(
+                    Qt,
                     {
-                      ...U,
-                      size: k,
-                      multiSelectable: !0
+                      ...j,
+                      size: M,
+                      multiSelectable: !0,
+                      dateTestId: y
                     }
                   ),
-                  C === "month-picker" && /* @__PURE__ */ o(
+                  X === "month-picker" && /* @__PURE__ */ o(
                     Pt,
                     {
                       firstMonth: m,
                       numMonths: u,
-                      value: V,
-                      size: k,
-                      onValueChange: (E) => {
-                        var B;
-                        rt(E), G("calendar"), (B = q.current) == null || B.focus();
+                      value: C,
+                      size: M,
+                      onValueChange: (_) => {
+                        var O;
+                        nt(_), V("calendar"), (O = K.current) == null || O.focus();
                       },
                       onCancel: () => {
-                        var E;
-                        G("calendar"), (E = q.current) == null || E.focus();
+                        var _;
+                        V("calendar"), (_ = K.current) == null || _.focus();
                       }
                     }
                   ),
-                  w == null ? void 0 : w({ hideCalendar: S })
+                  b == null ? void 0 : b({ hideCalendar: W })
                 ] })
               }
             )
@@ -3302,11 +3277,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 +3289,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(B, { 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 +3312,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 = H(null), l = x(
+    () => St(r),
     [r]
-  ), d = R(
-    () => (t == null ? void 0 : t.length) === l.length ? ht(t, r) : void 0,
+  ), d = x(
+    () => (t == null ? void 0 : t.length) === l.length ? mt(t, r) : void 0,
     [l.length, r, t]
   ), [u, m] = I(
     n ?? d ?? /* @__PURE__ */ new Date()
-  ), f = b(
-    (x) => {
-      it(x, c) || K(x, c) ? m(x) : m(c);
+  ), f = D(
+    (T) => {
+      ot(T, c) || G(T, c) ? m(T) : m(c);
     },
     [c]
-  ), h = R(
-    () => Jt(
+  ), h = 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($(u, "MMMM yyyy", { locale: s })), [s, u]), b = x(() => ot(c, u), [c, u]), [M, y] = I(), [w, p] = I("calendar"), k = D(
+    (T) => {
+      const P = (T == null ? void 0 : T.length) === l.length ? mt(T, r) : void 0;
+      P && f(P), e == null || e(T);
     },
     [l.length, r, e, f]
-  ), T = R(
-    () => it(c, u) || st(u, c),
+  ), S = x(
+    () => ot(c, u) || it(u, c),
     [c, u]
   );
   return {
-    isDateDisabled: b(
-      (x) => !P(x, c) && st(x, c),
+    isDateDisabled: D(
+      (T) => !L(T, c) && it(T, c),
       [c]
     ),
-    onClickDate: (x) => {
-      e == null || e(St(x, r));
+    onClickDate: (T) => {
+      e == null || e(Tt(T, r));
     },
-    onValueChangeByInputs: M,
-    prevMonthDisabled: T,
+    onValueChangeByInputs: k,
+    prevMonthDisabled: S,
     monthPickerButtonRef: a,
     calendarId: i,
     monthPickerButtonLabel: g,
-    visiblePanel: y,
-    setVisiblePanel: D,
+    visiblePanel: w,
+    setVisiblePanel: p,
     setVisibleMonth: m,
     visibleMonthData: h,
-    todayIsInVisibleMonth: w,
-    hoverDate: k,
-    setHoverDate: p,
+    todayIsInVisibleMonth: b,
+    hoverDate: M,
+    setHoverDate: y,
     selectedDate: d,
     today: c,
     visibleMonth: u
   };
-}, ni = ({
+}, ei = ({
   value: t,
   onValueChange: e,
   label: r,
@@ -3408,129 +3383,131 @@ const ce = ({
   zIndexWhenClosed: f,
   onHideCalendar: h,
   renderBelowCalendar: g,
-  size: w = "medium"
+  size: b = "medium",
+  dateTestId: M
 }) => {
-  const [k, p] = I(!1), [y, D] = I(!1), [M, T] = I({
+  const [y, w] = I(!1), [p, k] = I(!1), [S, A] = I({
     // 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);
+  }), Y = b === "large" ? "8.8rem" : "6.6rem", T = H(!1), P = D(() => {
+    T.current = !0, k(!0), setTimeout(() => {
+      w(!0);
     }, 10);
-  }, []), L = b(() => {
-    y && (p(!1), N.current = !1, h == null || h(), setTimeout(() => {
-      N.current || D(!1);
+  }, []), R = D(() => {
+    p && (w(!1), T.current = !1, h == null || h(), setTimeout(() => {
+      T.current || k(!1);
     }, 120));
-  }, [y, h]), S = $(null), W = $(null);
-  Ie(S, L), 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 });
-  }, [M.height, M.width]);
-  const H = Xe(
+  }, [p, h]), W = H(null), F = H(null);
+  Re(W, R), Be(() => {
+    var rt, q;
+    const _ = (rt = F.current) == null ? void 0 : rt.offsetWidth, O = (q = F.current) == null ? void 0 : q.offsetHeight;
+    _ != null && O != null && (S.height !== O || S.width !== _) && A({ width: _, height: O });
+  }, [S.height, S.width]);
+  const U = Qe(
     t,
     e,
     n,
     s
   ), {
-    visiblePanel: U,
-    visibleMonth: C,
-    onValueChangeByInputs: V,
-    selectedDate: F,
-    setVisibleMonth: rt,
-    setVisiblePanel: G,
-    monthPickerButtonRef: q
-  } = H, Q = b(
-    (E) => {
-      E.key === "Escape" && L();
+    visiblePanel: j,
+    visibleMonth: X,
+    onValueChangeByInputs: C,
+    selectedDate: Z,
+    setVisibleMonth: nt,
+    setVisiblePanel: V,
+    monthPickerButtonRef: K
+  } = U, v = D(
+    (_) => {
+      _.key === "Escape" && R();
     },
-    [L]
+    [R]
   );
-  return /* @__PURE__ */ _(
-    A,
+  return /* @__PURE__ */ E(
+    N,
     {
       position: "relative",
-      className: re.travelDateInput,
-      ref: S,
-      onKeyDown: Q,
-      height: M.height,
-      width: M.width,
+      className: ee.travelDateInput,
+      ref: W,
+      onKeyDown: v,
+      height: S.height,
+      width: S.width,
       children: [
         /* @__PURE__ */ o(
-          A,
+          N,
           {
             position: "absolute",
-            ref: W,
-            zIndex: y ? m : f,
+            ref: F,
+            zIndex: p ? m : f,
             children: /* @__PURE__ */ o(
-              Qe,
+              Ge,
               {
                 value: t,
-                onValueChange: V,
+                onValueChange: C,
                 localeCode: n,
                 label: r,
-                onFocus: x,
-                calendarSize: w
+                onFocus: P,
+                calendarSize: b
               }
             )
           }
         ),
-        y && /* @__PURE__ */ o(
-          A,
+        p && /* @__PURE__ */ o(
+          N,
           {
             position: "absolute",
             zIndex: m - 1,
             left: "-2.4rem",
             top: a ? "-8.0rem" : "-2.4rem",
-            className: gt(re.overlay, k && re.calendarVisible),
+            className: pt(ee.overlay, y && 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__ */ E(Ee, { gap: 3, children: [
                   a && /* @__PURE__ */ o(_t, { variant: "h2", as: l, children: a }),
-                  /* @__PURE__ */ o(A, { height: Y }),
+                  /* @__PURE__ */ o(N, { height: Y }),
                   /* @__PURE__ */ o(
-                    Qt,
+                    Gt,
                     {
-                      ...H,
+                      ...U,
                       previousMonthButtonAriaLabel: i,
                       nextMonthButtonAriaLabel: c,
-                      calendarSize: w
+                      calendarSize: b
                     }
                   ),
-                  U === "calendar" && /* @__PURE__ */ o(
-                    Xt,
+                  j === "calendar" && /* @__PURE__ */ o(
+                    Qt,
                     {
-                      ...H,
-                      size: w,
-                      isValidDateRange: !!F,
-                      selectedStartDate: F,
-                      selectedEndDate: F,
-                      multiSelectable: !1
+                      ...U,
+                      size: b,
+                      isValidDateRange: !!Z,
+                      selectedStartDate: Z,
+                      selectedEndDate: Z,
+                      multiSelectable: !1,
+                      dateTestId: M
                     }
                   ),
-                  U === "month-picker" && /* @__PURE__ */ o(
+                  j === "month-picker" && /* @__PURE__ */ o(
                     Pt,
                     {
                       firstMonth: u,
                       numMonths: d,
-                      value: C,
-                      size: w,
-                      onValueChange: (E) => {
-                        var B;
-                        rt(E), G("calendar"), (B = q.current) == null || B.focus();
+                      value: X,
+                      size: b,
+                      onValueChange: (_) => {
+                        var O;
+                        nt(_), V("calendar"), (O = K.current) == null || O.focus();
                       },
                       onCancel: () => {
-                        var E;
-                        G("calendar"), (E = q.current) == null || E.focus();
+                        var _;
+                        V("calendar"), (_ = K.current) == null || _.focus();
                       }
                     }
                   ),
-                  g == null ? void 0 : g({ hideCalendar: L })
+                  g == null ? void 0 : g({ hideCalendar: R })
                 ] })
               }
             )
@@ -3539,7 +3516,7 @@ const ce = ({
       ]
     }
   );
-}, si = ({
+}, ri = ({
   value: t,
   onValueChange: e,
   label: r,
@@ -3551,73 +3528,75 @@ const ce = ({
   headingLevel: l,
   numMonthsInMonthPicker: d = 12,
   firstMonthInMonthPicker: u = /* @__PURE__ */ new Date(),
-  size: m = "medium"
+  dateTestId: m,
+  size: f = "medium"
 }) => {
-  const f = Xe(
+  const h = Qe(
     t,
     e,
     n,
     s
   ), {
-    visiblePanel: h,
-    visibleMonth: g,
-    onValueChangeByInputs: w,
-    setVisibleMonth: k,
-    setVisiblePanel: p,
-    monthPickerButtonRef: y,
-    selectedDate: D
-  } = f;
-  return /* @__PURE__ */ _(j, { gap: 3, children: [
+    visiblePanel: g,
+    visibleMonth: b,
+    onValueChangeByInputs: M,
+    setVisibleMonth: y,
+    setVisiblePanel: w,
+    monthPickerButtonRef: p,
+    selectedDate: k
+  } = h;
+  return /* @__PURE__ */ E(z, { gap: 3, children: [
     a && /* @__PURE__ */ o(_t, { variant: "h2", as: l, children: a }),
     /* @__PURE__ */ o(
-      Qe,
+      Ge,
       {
         value: t,
-        onValueChange: w,
+        onValueChange: M,
         localeCode: n,
         label: r,
-        calendarSize: m
+        calendarSize: f
       }
     ),
     /* @__PURE__ */ o(
-      Qt,
+      Gt,
       {
-        ...f,
+        ...h,
         previousMonthButtonAriaLabel: i,
         nextMonthButtonAriaLabel: c,
-        calendarSize: m
+        calendarSize: f
       }
     ),
-    h === "calendar" && /* @__PURE__ */ o(
-      Xt,
+    g === "calendar" && /* @__PURE__ */ o(
+      Qt,
       {
-        ...f,
-        size: m,
-        selectedStartDate: D,
-        selectedEndDate: D,
-        isValidDateRange: !!D,
-        multiSelectable: !1
+        ...h,
+        size: f,
+        selectedStartDate: k,
+        selectedEndDate: k,
+        isValidDateRange: !!k,
+        multiSelectable: !1,
+        dateTestId: m
       }
     ),
-    h === "month-picker" && /* @__PURE__ */ o(
+    g === "month-picker" && /* @__PURE__ */ o(
       Pt,
       {
         firstMonth: u,
         numMonths: d,
-        value: g,
-        size: m,
-        onValueChange: (M) => {
-          var T;
-          k(M), p("calendar"), (T = y.current) == null || T.focus();
+        value: b,
+        size: f,
+        onValueChange: (S) => {
+          var A;
+          y(S), w("calendar"), (A = p.current) == null || A.focus();
         },
         onCancel: () => {
-          var M;
-          p("calendar"), (M = y.current) == null || M.focus();
+          var S;
+          w("calendar"), (S = p.current) == null || S.focus();
         }
       }
     )
   ] });
-}, ii = ({
+}, ni = ({
   value: t,
   onValueChange: e,
   startDateLabel: r,
@@ -3630,28 +3609,29 @@ const ce = ({
   headingLevel: d,
   numMonthsInMonthPicker: u = 12,
   firstMonthInMonthPicker: m = /* @__PURE__ */ new Date(),
-  size: f = "medium"
+  size: f = "medium",
+  dateTestId: h
 }) => {
-  const h = qe(
+  const g = Je(
     t,
     e,
     s,
     i
   ), {
-    visiblePanel: g,
-    visibleMonth: w,
-    onValueChangeByInputs: k,
-    setVisibleMonth: p,
-    setVisiblePanel: y,
-    monthPickerButtonRef: D
-  } = h;
-  return /* @__PURE__ */ _(j, { gap: 3, children: [
+    visiblePanel: b,
+    visibleMonth: M,
+    onValueChangeByInputs: y,
+    setVisibleMonth: w,
+    setVisiblePanel: p,
+    monthPickerButtonRef: k
+  } = g;
+  return /* @__PURE__ */ E(z, { gap: 3, children: [
     l && /* @__PURE__ */ o(_t, { variant: "h2", as: d, children: l }),
     /* @__PURE__ */ o(
-      Ge,
+      qe,
       {
         value: t,
-        onValueChange: k,
+        onValueChange: y,
         localeCode: s,
         startDateLabel: r,
         endDateLabel: n,
@@ -3659,95 +3639,103 @@ const ce = ({
       }
     ),
     /* @__PURE__ */ o(
-      Qt,
+      Gt,
       {
-        ...h,
+        ...g,
         previousMonthButtonAriaLabel: c,
         nextMonthButtonAriaLabel: a,
         calendarSize: f
       }
     ),
-    g === "calendar" && /* @__PURE__ */ o(Xt, { ...h, size: f, multiSelectable: !0 }),
-    g === "month-picker" && /* @__PURE__ */ o(
+    b === "calendar" && /* @__PURE__ */ o(
+      Qt,
+      {
+        ...g,
+        size: f,
+        multiSelectable: !0,
+        dateTestId: h
+      }
+    ),
+    b === "month-picker" && /* @__PURE__ */ o(
       Pt,
       {
         firstMonth: m,
         numMonths: u,
-        value: w,
+        value: M,
         size: f,
-        onValueChange: (M) => {
-          var T;
-          p(M), y("calendar"), (T = D.current) == null || T.focus();
+        onValueChange: (S) => {
+          var A;
+          w(S), p("calendar"), (A = k.current) == null || A.focus();
         },
         onCancel: () => {
-          var M;
-          y("calendar"), (M = D.current) == null || M.focus();
+          var S;
+          p("calendar"), (S = k.current) == null || S.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,
-  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,
-  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,
+  Zs as YearPicker,
+  ut as addDayStateHighlights,
+  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,
+  lt as dayHighlightSelect,
+  wt as defaultCalendarTheme,
+  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,
+  mt as parseLocalizedDateString,
+  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