@stenajs-webui/calendar 21.0.0 → 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 A, Fragment as ce } from "react/jsx-runtime";
-import { Box as N, Text as Dt, Clickable as Te, Row as H, Spacing as Ze, Column as C, Heading as _t, exhaustSwitchCase as ae, Space as Mt, Indent as It, SeparatorLine as Ve, parseIntElseUndefined as De, useBoolean as re, useDelayedFalse as be, useOnClickOutside as Ie } from "@stenajs-webui/core";
-import { FlatButton as q, stenaAngleDown as le, PrimaryButton as kt, stenaAngleLeft as tr, stenaAngleRight as er, SecondaryButton as lt, stenaAngleLeftDouble as rr, stenaArrowLeft as Ft, stenaArrowRight as Nt, stenaAngleRightDouble as nr, TextInputButton as sr, stenaCalendar as Rt, Icon as Re, stenaArrowWideRight as ir, stenaClock as xe, stenaAngleUp as or, CardBody as Ee } from "@stenajs-webui/elements";
-import { isAfter as z, eachDayOfInterval as Ae, isSameDay as L, endOfMonth as _e, startOfMonth as Ne, min as cr, addDays as K, max as ar, subDays as ut, format as v, getISOWeek as de, getDate as jt, startOfWeek as Ot, addWeeks as lr, getMonth as ft, getWeek as Le, getYear as xt, getISODay as dr, addHours as Ye, isBefore as st, parse as mt, addMonths as Lt, isSameMonth as it, addYears as ur, subMonths as ue, subYears as fr, setWeek as hr, isValid as mr } from "date-fns";
+import { 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 Ir, padStart as Rr, range as fe } from "lodash-es";
+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 $, useEffect as Z, useCallback as D, useId as me, useState as R, useLayoutEffect as Be } from "react";
-import gt from "classnames";
+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 pt, TextInputBox as xr, LabelledTextInput as Er } from "@stenajs-webui/forms";
+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",
@@ -28,16 +28,16 @@ const ot = {
   monthAndDate: "MMM do"
   // Jan 2nd
 }, At = (t = {}, e, r) => {
-  if (e && r && z(r, e))
+  if (e && r && G(r, e))
     return Ae({ start: e, end: r }).reduce(
       (s, i) => {
         const c = L(i, e), a = L(i, r);
-        return dt(s, i, c ? ["selected", "selectedStart", "range"] : a ? ["selected", "selectedEnd", "range"] : ["range"]);
+        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;
+  return e && (n = ut(n, e, ["selected", "singleSelected"])), r && (n = ut(n, r, ["selected", "singleSelected"])), n;
 }, _r = (t = {}, e, r, n) => Nr(
   t,
   e,
@@ -46,10 +46,10 @@ const ot = {
   _e(n)
 ), Nr = (t = {}, e, r, n, s) => e && r ? At(
   t,
-  ar([e, ut(n, 1)]),
-  cr([r, K(s, 1)])
+  ar([e, ft(n, 1)]),
+  cr([r, J(s, 1)])
 ) : At(t, e, r), vs = (t, e, r) => {
-  const n = v(e, ot.yearAndMonth), s = de(e), i = jt(e);
+  const n = $(e, ct.yearAndMonth), s = de(e), i = jt(e);
   return {
     ...t,
     [n]: {
@@ -64,7 +64,7 @@ const ot = {
     }
   };
 }, Os = (t, e, r) => {
-  const n = v(e, ot.yearAndMonth), s = de(e), i = jt(e);
+  const n = $(e, ct.yearAndMonth), s = de(e), i = jt(e);
   return {
     ...t,
     [n]: {
@@ -80,7 +80,7 @@ const ot = {
       }
     }
   };
-}, dt = (t, e, r) => {
+}, 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,
@@ -98,8 +98,8 @@ const ot = {
 }), 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((h) => {
-    a = dt(a, h.date, r);
+  e.days.forEach((m) => {
+    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,
@@ -120,7 +120,7 @@ const ot = {
   return {
     ...At(t, r, n)
   };
-}, Yr = (t, e) => x(() => t ? dt(e, /* @__PURE__ */ new Date(), ["today"]) : e, [t, e]);
+}, 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 = [];
@@ -132,9 +132,9 @@ const ye = (t, e, r, n) => {
     throw new Error("getMonthInYear() received NaN.");
   const n = t + Math.floor(e / 12), s = e % 12, i = new Date(n, s, 1);
   return {
-    monthString: v(i, ot.yearAndMonth),
+    monthString: $(i, ct.yearAndMonth),
     name: Et(
-      v(i, ot.fullMonthName, { locale: r })
+      $(i, ct.fullMonthName, { locale: r })
     ),
     year: n,
     monthInYear: s,
@@ -150,13 +150,13 @@ const ye = (t, e, r, n) => {
   }
   return c;
 }, ge = (t, e) => {
-  const r = ft(K(t, 7)) !== ft(t);
+  const r = ht(J(t, 7)) !== ht(t);
   return {
     weekNumber: Le(t, { locale: e }),
-    startMonth: ft(t),
+    startMonth: ht(t),
     startYear: xt(t),
-    endMonth: ft(K(t, 6)),
-    endYear: xt(K(t, 6)),
+    endMonth: ht(J(t, 6)),
+    endYear: xt(J(t, 6)),
     days: vr(t, e),
     isLastWeekOfMonth: r
   };
@@ -164,12 +164,12 @@ const ye = (t, e, r, n) => {
   const r = dr(t);
   return {
     date: t,
-    name: v(t, "EEE", e ? { locale: e } : void 0),
-    fullName: v(t, "EEEE", e ? { locale: e } : void 0),
-    dateString: v(Ye(t, 12), ot.fullDate),
+    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: xt(t),
-    month: ft(t),
+    month: ht(t),
     dayOfMonth: jt(t),
     dayOfWeek: r,
     isFirstDayOfWeek: r === 1,
@@ -179,11 +179,11 @@ const ye = (t, e, r, n) => {
   };
 }, vr = (t, e) => Ae({
   start: t,
-  end: K(t, 6)
+  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), at = (t, e, r, n, s) => {
+}, 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."
@@ -204,7 +204,7 @@ const ye = (t, e, r, n) => {
   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"],
@@ -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: {
@@ -320,7 +320,7 @@ const ye = (t, e, r, n) => {
     headerTextColor: "var(--swui-calendar-week-day-text-color)"
   }
 }, Us = {
-  ...bt,
+  ...wt,
   width: "37px",
   height: "37px"
 }, Kr = ({
@@ -336,7 +336,7 @@ const ye = (t, e, r, n) => {
       justifyContent: "center",
       alignItems: "center",
       children: /* @__PURE__ */ o(
-        Dt,
+        bt,
         {
           size: "small",
           color: t ? r.WeekDay.clickableTextColor : r.WeekDay.textColor,
@@ -373,7 +373,7 @@ const ye = (t, e, r, n) => {
       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) => {
         }
       )
     }
-  ), h = Xt.td({
+  ), m = Xt.td({
     ...a.CalendarDay.tdStyle && a.CalendarDay.tdStyle(
       d,
       s,
@@ -407,7 +407,7 @@ const ye = (t, e, r, n) => {
     ),
     width: "100%",
     height: "100%"
-  }), m = Xt.div({
+  }), h = Xt.div({
     ...a.CalendarDay.cellWrapperStyle && a.CalendarDay.cellWrapperStyle(
       d,
       s,
@@ -421,10 +421,10 @@ const ye = (t, e, r, n) => {
     position: "relative"
   }), g = zr(d, s);
   return /* @__PURE__ */ o(
-    h,
+    m,
     {
-      onClick: g ? void 0 : (p) => c == null ? void 0 : c(e, i, p),
-      children: /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(m, { children: e.month === n.monthInYear && /* @__PURE__ */ A(ce, { children: [
+      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) => {
       ] }) }) })
     }
   );
-}, zr = (t, e) => !!at(
+}, zr = (t, e) => !!lt(
   e,
   t,
   ["disabled"],
@@ -454,7 +454,7 @@ const ye = (t, e, r, n) => {
   backgroundColor: s,
   prefix: i
 }) => {
-  const c = /* @__PURE__ */ A(
+  const c = /* @__PURE__ */ E(
     N,
     {
       width: e.width,
@@ -463,8 +463,8 @@ const ye = (t, e, r, n) => {
       alignItems: "center",
       children: [
         n && /* @__PURE__ */ o(N, { position: "absolute", children: n }),
-        /* @__PURE__ */ o(N, { position: "absolute", children: /* @__PURE__ */ A(
-          Dt,
+        /* @__PURE__ */ o(N, { position: "absolute", children: /* @__PURE__ */ E(
+          bt,
           {
             color: t ? e.WeekNumber.clickableTextColor : e.WeekNumber.textColor,
             children: [
@@ -492,7 +492,7 @@ const ye = (t, e, r, n) => {
       ) : c
     }
   );
-}, Jr = (t, e, r) => e && st(t, e) ? L(t, e) : r && z(t, r) ? L(t, r) : !0, Gr = 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,
@@ -518,28 +518,28 @@ function Qr({
   onClickWeekDay: l,
   onClickMonth: d,
   renderWeekNumber: u,
-  renderWeekDay: h,
+  renderWeekDay: m,
   headerRightContent: f,
-  theme: m = bt,
+  theme: h = wt,
   extraDayContent: g,
-  defaultHighlights: p,
-  showWeekNumber: k
+  defaultHighlights: b,
+  showWeekNumber: M
 }) {
-  return /* @__PURE__ */ o(ce, { children: /* @__PURE__ */ A(N, { alignItems: "stretch", children: [
-    /* @__PURE__ */ A(
-      H,
+  return /* @__PURE__ */ o(ce, { children: /* @__PURE__ */ E(N, { alignItems: "stretch", children: [
+    /* @__PURE__ */ E(
+      B,
       {
         justifyContent: f ? "space-between" : "center",
         alignItems: "center",
         children: [
-          /* @__PURE__ */ o(H, { justifyContent: "center", alignItems: "center", children: d ? /* @__PURE__ */ o(
-            q,
+          /* @__PURE__ */ o(B, { justifyContent: "center", alignItems: "center", children: d ? /* @__PURE__ */ o(
+            Q,
             {
               onClick: () => d(t),
               label: t.name + " " + String(t.year),
               rightIcon: le
             }
-          ) : /* @__PURE__ */ A(Dt, { whiteSpace: "nowrap", children: [
+          ) : /* @__PURE__ */ E(bt, { whiteSpace: "nowrap", children: [
             t.name,
             " ",
             t.year
@@ -548,46 +548,46 @@ function Qr({
         ]
       }
     ),
-    /* @__PURE__ */ o("table", { children: /* @__PURE__ */ A("tbody", { children: [
-      /* @__PURE__ */ A("tr", { children: [
-        k && /* @__PURE__ */ o("td", { children: /* @__PURE__ */ o(N, { width: m.width, height: m.height }) }),
-        t.weeks[0].days.map((w) => /* @__PURE__ */ o("td", { children: h ? h(w.name, m, l) : /* @__PURE__ */ o(
+    /* @__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: w,
+            day: y,
             onClickWeekDay: l,
-            theme: m
+            theme: h
           }
-        ) }, w.name))
+        ) }, y.name))
       ] }),
-      t.weeks.map((w) => /* @__PURE__ */ A("tr", { children: [
-        k && /* @__PURE__ */ o("td", { children: u ? u(w, m, 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: w,
+            week: y,
             onClickWeek: a,
-            theme: m
+            theme: h
           }
         ) }),
-        w.days.map((y) => /* @__PURE__ */ o(
+        y.days.map((w) => /* @__PURE__ */ o(
           Gr,
           {
             dayComponent: e,
-            day: y,
-            week: w,
+            day: w,
+            week: y,
             month: t,
-            dayState: r && r[w.weekNumber] && r[w.weekNumber][y.dayOfMonth],
-            userData: n && n[w.weekNumber] && n[w.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: m,
+            theme: h,
             extraDayContent: g,
-            defaultHighlights: p,
+            defaultHighlights: b,
             minDate: s,
             maxDate: i
           },
-          y.dateString
+          w.dateString
         ))
-      ] }, w.weekNumber))
+      ] }, y.weekNumber))
     ] }) })
   ] }) });
 }
@@ -603,28 +603,28 @@ function Xr({
   onClickWeek: l,
   onClickMonth: d,
   renderWeekDay: u,
-  renderWeekNumber: h,
+  renderWeekNumber: m,
   headerRightContent: f,
-  extraDayContent: m,
+  extraDayContent: h,
   defaultHighlights: g,
-  showWeekNumber: p,
-  theme: k = bt
+  showWeekNumber: b,
+  theme: M = wt
 }) {
-  const w = x(
-    () => 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 = x(
-    () => 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,
-        p && Me.weekNumberVisible
+        b && Me.weekNumberVisible
       ),
-      children: t.map((b, M) => /* @__PURE__ */ o(Ze, { children: /* @__PURE__ */ o(H, { gap: 2, children: b.map((S) => /* @__PURE__ */ o(
+      children: t.map((p, k) => /* @__PURE__ */ o(Ze, { children: /* @__PURE__ */ o(B, { gap: 2, children: p.map((S) => /* @__PURE__ */ o(
         Qr,
         {
           month: S,
@@ -635,18 +635,18 @@ function Xr({
           onClickWeekDay: a,
           onClickWeek: l,
           onClickMonth: d,
-          theme: k,
-          renderWeekNumber: h,
+          theme: M,
+          renderWeekNumber: m,
           renderWeekDay: u,
           headerRightContent: f,
-          extraDayContent: m,
+          extraDayContent: h,
           defaultHighlights: g,
-          minDate: w,
-          maxDate: y,
-          showWeekNumber: p ?? !1
+          minDate: y,
+          maxDate: w,
+          showWeekNumber: b ?? !1
         },
         S.name
-      )) }) }, M))
+      )) }) }, k))
     }
   );
 }
@@ -683,12 +683,12 @@ const Zr = (t, e, r) => {
     };
   if (r)
     return {
-      month: ft(r),
+      month: ht(r),
       year: xt(r)
     };
   const n = /* @__PURE__ */ new Date();
   return {
-    month: ft(n),
+    month: ht(n),
     year: xt(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) => {
@@ -716,33 +716,33 @@ const Zr = (t, e, r) => {
   size: a
 }) => {
   const l = x(
-    () => Et(v(t, "MMM", { locale: n })),
+    () => Et($(t, "MMM", { locale: n })),
     [n, t]
   ), d = x(
-    () => Et(v(t, "MMMM", { locale: n })),
+    () => Et($(t, "MMMM", { locale: n })),
     [n, t]
-  ), u = $(null), h = ve(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 m = D(
+  const h = D(
     (g) => {
-      var k;
-      const p = tn(
+      var M;
+      const b = tn(
         g.key,
         c,
         i,
         4
       );
-      p && ((k = document.getElementById(p)) == null || k.focus());
+      b && ((M = document.getElementById(b)) == null || M.focus());
     },
     [i, c]
   );
-  return /* @__PURE__ */ o(H, { justifyContent: "center", onKeyDown: m, children: r ? /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(B, { justifyContent: "center", onKeyDown: h, children: r ? /* @__PURE__ */ o(
     kt,
     {
-      id: h,
+      id: m,
       "aria-label": d,
       label: l,
       onClick: e,
@@ -753,9 +753,9 @@ const Zr = (t, e, r) => {
       tabIndex: f
     }
   ) : /* @__PURE__ */ o(
-    q,
+    Q,
     {
-      id: h,
+      id: m,
       label: l,
       "aria-label": d,
       onClick: e,
@@ -798,39 +798,39 @@ const Zr = (t, e, r) => {
   onCancel: i,
   size: c = "medium"
 }) => {
-  const a = me(), l = pe(), d = s > 0 ? s : 12, [u, h] = R(!1), f = nn(n, d, on(c)), m = x(() => Lt(n, d), [d, n]);
-  Z(() => {
-    h(!0);
+  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 = D(
-    (p) => {
-      p.key === "Escape" && (i == null || i(), p.preventDefault(), p.stopPropagation());
+    (b) => {
+      b.key === "Escape" && (i == null || i(), b.preventDefault(), b.stopPropagation());
     },
     [i]
   );
-  return /* @__PURE__ */ o(C, { gap: 1, maxWidth: sn(c), onKeyDown: g, children: f.yearOrder.map((p, k) => {
-    const { rows: w } = f.years[p];
-    return /* @__PURE__ */ A(he.Fragment, { children: [
-      (k !== 0 || p !== l.getFullYear()) && /* @__PURE__ */ o(_t, { variant: "h4", children: p }),
-      /* @__PURE__ */ o("table", { style: { borderSpacing: "0 8px" }, children: /* @__PURE__ */ o("tbody", { children: w.map((y) => {
-        const { columns: b } = f.rows[y];
-        return /* @__PURE__ */ o("tr", { children: b.map(({ month: M, position: S }) => /* @__PURE__ */ o("td", { children: /* @__PURE__ */ o(
+  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: m,
+            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: S,
             size: c
           }
-        ) }, M.getMonth())) }, y);
+        ) }, k.getMonth())) }, w);
       }) }) })
-    ] }, p);
+    ] }, b);
   }) });
 }, sn = (t) => {
   switch (t) {
@@ -858,35 +858,35 @@ const Zr = (t, e, r) => {
   {
     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: K(t, 2) },
-      { label: "Next 7 days", startDate: t, endDate: K(t, 6) },
-      { label: "Next 30 days", startDate: t, endDate: K(t, 29) },
-      { label: "Next 45 days", startDate: t, endDate: K(t, 44) }
+      { 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) }
     ]
   }
 ], an = ({
   onClickPreset: t
 }) => {
-  const [e, r] = R(0), n = x(() => cn(/* @__PURE__ */ new Date()), []), s = n[e] ?? n[0];
-  return /* @__PURE__ */ A(C, { children: [
-    /* @__PURE__ */ A(
-      H,
+  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(
-            q,
+            Q,
             {
               size: "small",
               leftIcon: tr,
@@ -894,9 +894,9 @@ const Zr = (t, e, r) => {
               onClick: () => r(e - 1)
             }
           ),
-          /* @__PURE__ */ o(Dt, { children: s.label }),
+          /* @__PURE__ */ o(bt, { children: s.label }),
           /* @__PURE__ */ o(
-            q,
+            Q,
             {
               size: "small",
               leftIcon: er,
@@ -908,7 +908,7 @@ const Zr = (t, e, r) => {
       }
     ),
     /* @__PURE__ */ o(Mt, {}),
-    /* @__PURE__ */ o(C, { alignItems: "center", children: s.presets.map((i) => /* @__PURE__ */ A(he.Fragment, { children: [
+    /* @__PURE__ */ o(z, { alignItems: "center", children: s.presets.map((i) => /* @__PURE__ */ E(he.Fragment, { children: [
       /* @__PURE__ */ o(
         kt,
         {
@@ -1003,21 +1003,21 @@ const Zr = (t, e, r) => {
   nextMonth: r,
   prevYear: n,
   nextYear: s
-}) => /* @__PURE__ */ A("div", { children: [
+}) => /* @__PURE__ */ E("div", { children: [
   t,
-  /* @__PURE__ */ o(It, { children: /* @__PURE__ */ A(H, { gap: 1, children: [
-    /* @__PURE__ */ o(lt, { onClick: n, leftIcon: rr }),
-    /* @__PURE__ */ o(lt, { onClick: e, leftIcon: Ft }),
-    /* @__PURE__ */ o(It, { num: 2 }),
-    /* @__PURE__ */ o(lt, { onClick: r, leftIcon: Nt }),
-    /* @__PURE__ */ o(lt, { onClick: s, leftIcon: nr })
+  /* @__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(Mt, {})
 ] }), fn = () => {
 };
-function wt({
+function yt({
   monthSwitcherPlacement: t,
-  theme: e = bt,
+  theme: e = wt,
   dateInFocus: r,
   setDateInFocus: n,
   currentPanel: s,
@@ -1026,7 +1026,7 @@ function wt({
   renderMonthPicker: a,
   ...l
 }) {
-  const { nextMonth: d, prevMonth: u, nextYear: h, prevYear: f } = dn(
+  const { nextMonth: d, prevMonth: u, nextYear: m, prevYear: f } = dn(
     r,
     n,
     l.monthsPerRow,
@@ -1043,13 +1043,13 @@ function wt({
           theme: e,
           nextMonth: d,
           prevMonth: u,
-          nextYear: h,
+          nextYear: m,
           prevYear: f,
           children: /* @__PURE__ */ o(ne, { ...l, theme: e, date: r })
         }
       );
     case "header":
-      return /* @__PURE__ */ o(C, { children: /* @__PURE__ */ o(
+      return /* @__PURE__ */ o(z, { children: /* @__PURE__ */ o(
         ln,
         {
           ...l,
@@ -1060,16 +1060,16 @@ function wt({
           currentPanel: s,
           setCurrentPanel: i,
           onSelectPreset: c,
-          headerRightContent: /* @__PURE__ */ A(H, { alignItems: "center", gap: 1, children: [
+          headerRightContent: /* @__PURE__ */ E(B, { alignItems: "center", gap: 1, children: [
             /* @__PURE__ */ o(
-              lt,
+              dt,
               {
                 onClick: u,
                 leftIcon: Ft
               }
             ),
             /* @__PURE__ */ o(
-              lt,
+              dt,
               {
                 onClick: d,
                 leftIcon: Nt
@@ -1083,21 +1083,21 @@ function wt({
   }
 }
 const hn = (t, e) => t || (e || 1) > 1 ? "below" : "header", mn = (t) => ({
-  startDate: t.startDate ? v(t.startDate, "yyyy-MM-dd") : void 0,
-  endDate: t.endDate ? v(t.endDate, "yyyy-MM-dd") : void 0
+  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 && !L(t, e) && z(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, Fs = (t) => t.startDate && t.endDate ? mn(
@@ -1118,7 +1118,7 @@ const hn = (t, e) => t || (e || 1) > 1 ? "below" : "header", mn = (t) => ({
     t == null ? void 0 : t.startDate
   ]
 ), qt = (t) => {
-  const [e, r] = R("calendar"), n = D(
+  const [e, r] = I("calendar"), n = D(
     (s) => {
       r(s), t == null || t(s);
     },
@@ -1137,9 +1137,9 @@ const hn = (t, e) => t || (e || 1) > 1 ? "below" : "header", mn = (t) => ({
   onChangePanel: i,
   initialDateInFocus: c
 }) => {
-  const { currentPanel: a, setCurrentPanel: l } = qt(i), [d, u] = R(
+  const { currentPanel: a, setCurrentPanel: l } = qt(i), [d, u] = I(
     () => c ?? /* @__PURE__ */ new Date()
-  ), h = pn(
+  ), m = pn(
     e,
     r,
     t,
@@ -1153,7 +1153,7 @@ const hn = (t, e) => t || (e || 1) > 1 ? "below" : "header", mn = (t) => ({
     [s, e == null ? void 0 : e.endDate, e == null ? void 0 : e.startDate]
   );
   return {
-    onClickDay: h,
+    onClickDay: m,
     statePerMonth: f,
     currentPanel: a,
     setCurrentPanel: l,
@@ -1163,10 +1163,10 @@ const hn = (t, e) => t || (e || 1) > 1 ? "below" : "header", mn = (t) => ({
 };
 function js(t) {
   const e = Dn(t);
-  return /* @__PURE__ */ o(wt, { ...t, ...e });
+  return /* @__PURE__ */ o(yt, { ...t, ...e });
 }
 const Cs = () => {
-  const [t, e] = R(), [r, n] = R(), [s, i] = R("startDate");
+  const [t, e] = I(), [r, n] = I(), [s, i] = I("startDate");
   return {
     startDate: t,
     setStartDate: e,
@@ -1181,13 +1181,13 @@ const Cs = () => {
   statePerMonth: r,
   onChangePanel: n
 }) => {
-  const { currentPanel: s, setCurrentPanel: i } = qt(n), [c, a] = R(() => e ?? /* @__PURE__ */ new Date()), l = D(
+  const { currentPanel: s, setCurrentPanel: i } = qt(n), [c, a] = I(() => e ?? /* @__PURE__ */ new Date()), l = D(
     (u) => {
       t && t(u.date);
     },
     [t]
   ), d = x(
-    () => e ? dt(r, e, [
+    () => e ? ut(r, e, [
       "selected",
       "singleSelected"
     ]) : r,
@@ -1205,7 +1205,7 @@ const Cs = () => {
 };
 function Ue(t) {
   const e = bn(t);
-  return /* @__PURE__ */ o(wt, { ...t, ...e });
+  return /* @__PURE__ */ o(yt, { ...t, ...e });
 }
 const wn = ({
   onChange: t,
@@ -1213,16 +1213,16 @@ const wn = ({
   statePerMonth: r,
   onChangePanel: n
 }) => {
-  const { currentPanel: s, setCurrentPanel: i } = qt(n), [c, a] = R(() => /* @__PURE__ */ new Date()), l = D(
+  const { currentPanel: s, setCurrentPanel: i } = qt(n), [c, a] = I(() => /* @__PURE__ */ new Date()), l = D(
     (u) => {
       if (!t)
         return;
-      const h = e && e.find((f) => L(f, u.date));
-      t(e && h ? e.filter((f) => !L(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 = x(() => e ? e.reduce(
-    (u, h) => dt(u, h, ["selected"]),
+    (u, m) => ut(u, m, ["selected"]),
     r
   ) : r, [r, e]);
   return {
@@ -1236,7 +1236,7 @@ const wn = ({
 };
 function Ks(t) {
   const e = wn(t);
-  return /* @__PURE__ */ o(wt, { ...t, ...e });
+  return /* @__PURE__ */ o(yt, { ...t, ...e });
 }
 const yn = ({
   onChange: t,
@@ -1245,28 +1245,28 @@ const yn = ({
   onChangePanel: n,
   locale: s = Ct
 }) => {
-  const [i, c] = R(() => {
-    const m = Zt(e, s);
-    return m ? m.days[0].date : /* @__PURE__ */ new Date();
+  const [i, c] = I(() => {
+    const h = Zt(e, s);
+    return h ? h.days[0].date : /* @__PURE__ */ new Date();
   }), { currentPanel: a, setCurrentPanel: l } = qt(n), d = D(
-    (m) => {
-      t && t(ke(ge(m.date, s)));
+    (h) => {
+      t && t(ke(ge(h.date, s)));
     },
     [s, t]
   ), u = D(
-    (m) => {
-      t && t(ke(m));
+    (h) => {
+      t && t(ke(h));
     },
     [t]
-  ), h = x(() => {
-    const m = Zt(e, s);
-    return m ? Lr(r, m) : r;
+  ), m = x(() => {
+    const h = Zt(e, s);
+    return h ? Lr(r, h) : r;
   }, [e, s, r]), f = x(() => {
-    const m = Zt(e, s);
-    return m ? m.days[0].date : /* @__PURE__ */ new Date();
+    const h = Zt(e, s);
+    return h ? h.days[0].date : /* @__PURE__ */ new Date();
   }, [s, e]);
   return {
-    statePerMonth: h,
+    statePerMonth: m,
     date: f,
     dateInFocus: i,
     setDateInFocus: c,
@@ -1288,10 +1288,10 @@ const yn = ({
 };
 function zs(t) {
   const e = yn(t);
-  return /* @__PURE__ */ o(wt, { ...t, ...e });
+  return /* @__PURE__ */ o(yt, { ...t, ...e });
 }
 const Bt = "bottom", Mn = (t, e, r) => {
-  const [n, s] = R(r || !1), i = D(() => (s(!0), !0), [s]), c = D(() => {
+  const [n, s] = I(r || !1), i = D(() => (s(!0), !0), [s]), c = D(() => {
     s(!1), e && e();
   }, [s, e]), a = D(
     (l) => {
@@ -1306,10 +1306,10 @@ const Bt = "bottom", Mn = (t, e, r) => {
     onSelectDate: a
   };
 }, Ht = "2999-12-31", qs = ({
-  displayFormat: t = ot.fullDate,
+  displayFormat: t = ct.fullDate,
   placeholder: e = "Enter date",
   value: r,
-  calendarTheme: n = bt,
+  calendarTheme: n = wt,
   calendarProps: s,
   openOnMount: i,
   onClose: c,
@@ -1317,30 +1317,30 @@ const Bt = "bottom", Mn = (t, e, r) => {
   variant: l,
   width: d,
   minDate: u,
-  maxDate: h = Ht,
+  maxDate: m = Ht,
   disabled: f
 }) => {
-  const { hideCalendar: m, showingCalendar: g, onSelectDate: p, showCalendar: k } = Mn(a, c, i);
+  const { hideCalendar: h, showingCalendar: g, onSelectDate: b, showCalendar: M } = Mn(a, c, i);
   return /* @__PURE__ */ o(N, { width: d, children: /* @__PURE__ */ o(
     Yt,
     {
       hideArrow: !0,
       open: g,
-      onRequestClose: m,
-      renderTrigger: (w) => /* @__PURE__ */ o(N, { ...w, children: /* @__PURE__ */ o(
-        pt,
+      onRequestClose: h,
+      renderTrigger: (y) => /* @__PURE__ */ o(N, { ...y, children: /* @__PURE__ */ o(
+        Dt,
         {
           type: "date",
-          onFocus: k,
-          buttonRight: /* @__PURE__ */ o(sr, { onClick: k, icon: Rt }),
-          value: r ? v(r, t) : "",
+          onFocus: M,
+          buttonRight: /* @__PURE__ */ o(sr, { onClick: M, icon: It }),
+          value: r ? $(r, t) : "",
           placeholder: e,
           size: 9,
           disabled: f,
           autoFocus: i,
           variant: l,
           min: u,
-          max: h
+          max: m
         }
       ) }),
       placement: Bt,
@@ -1348,31 +1348,31 @@ const Bt = "bottom", Mn = (t, e, r) => {
         Ue,
         {
           ...s,
-          onChange: p,
+          onChange: b,
           value: r,
           theme: n,
           minDate: u,
-          maxDate: h
+          maxDate: m
         }
       )
     }
   ) });
 }, kn = (t, e) => {
-  const r = $(null), n = $(null), [s, i] = R(!1), [c, a] = R(void 0), l = D(() => (a("startDate"), i(!0), !0), [a, i]), d = D(() => (a("endDate"), i(!0), !0), [a, i]), u = D(() => {
+  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]), h = D(
-    (m) => {
+  }, [i]), m = D(
+    (h) => {
       c === "startDate" ? (e == null || e({
-        startDate: m.date,
+        startDate: h.date,
         endDate: t == null ? void 0 : t.endDate
       }), t != null && t.endDate ? setTimeout(u, 150) : (a("endDate"), n.current && n.current.focus())) : c === "endDate" && (e == null || e({
         startDate: t == null ? void 0 : t.startDate,
-        endDate: m.date
+        endDate: h.date
       }), t != null && t.startDate ? setTimeout(u, 150) : (a("startDate"), r.current && r.current.focus()));
     },
     [c, e, a, u, t]
   ), f = x(
-    () => (t == null ? void 0 : t.startDate) && (t == null ? void 0 : t.endDate) && z(t.startDate, t.endDate),
+    () => (t == null ? void 0 : t.startDate) && (t == null ? void 0 : t.endDate) && G(t.startDate, t.endDate),
     [t == null ? void 0 : t.startDate, t == null ? void 0 : t.endDate]
   );
   return {
@@ -1384,36 +1384,36 @@ const Bt = "bottom", Mn = (t, e, r) => {
     setFocusedInput: a,
     startDateInputRef: r,
     endDateInputRef: n,
-    onClickDay: h,
+    onClickDay: m,
     startDateIsAfterEnd: f
   };
 };
 function Js({
-  displayFormat: t = ot.fullDate,
+  displayFormat: t = ct.fullDate,
   placeholderStartDate: e = "Start date",
   placeholderEndDate: r = "End date",
   value: n,
   onValueChange: s,
   width: i,
-  calendarTheme: c = bt,
+  calendarTheme: c = wt,
   calendarProps: a,
   minDate: l,
   maxDate: d = Ht,
   disabled: u
 }) {
-  const [h, f] = R("calendar"), {
-    hideCalendar: m,
+  const [m, f] = I("calendar"), {
+    hideCalendar: h,
     showCalendarEndDate: g,
-    showCalendarStartDate: p,
-    showingCalendar: k,
-    focusedInput: w,
-    startDateInputRef: y,
-    endDateInputRef: b,
-    onClickDay: M,
+    showCalendarStartDate: b,
+    showingCalendar: M,
+    focusedInput: y,
+    startDateInputRef: w,
+    endDateInputRef: p,
+    onClickDay: k,
     startDateIsAfterEnd: S
-  } = kn(n, s), [B, _] = R(
-    () => (w && (n == null ? void 0 : n[w])) ?? /* @__PURE__ */ new Date()
-  ), I = x(
+  } = 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]
   );
@@ -1421,24 +1421,24 @@ function Js({
     Yt,
     {
       hideArrow: !0,
-      renderTrigger: (Y) => /* @__PURE__ */ A(H, { alignItems: "center", ...Y, children: [
+      renderTrigger: (P) => /* @__PURE__ */ E(B, { alignItems: "center", ...P, children: [
         /* @__PURE__ */ o(
-          pt,
+          Dt,
           {
-            iconLeft: Rt,
-            onFocus: p,
-            value: n != null && n.startDate ? v(n.startDate, t) : "",
+            iconLeft: It,
+            onFocus: b,
+            value: n != null && n.startDate ? $(n.startDate, t) : "",
             placeholder: e,
             width: i,
             disabled: u,
-            inputRef: y,
+            inputRef: w,
             size: 9,
             variant: S ? "error" : void 0
           }
         ),
         /* @__PURE__ */ o(Mt, {}),
         /* @__PURE__ */ o(
-          Re,
+          Ie,
           {
             icon: ir,
             color: Kt("--lhds-color-ui-500"),
@@ -1447,33 +1447,33 @@ function Js({
         ),
         /* @__PURE__ */ o(Mt, {}),
         /* @__PURE__ */ o(
-          pt,
+          Dt,
           {
-            iconLeft: Rt,
+            iconLeft: It,
             onFocus: g,
-            value: n != null && n.endDate ? v(n.endDate, t) : "",
+            value: n != null && n.endDate ? $(n.endDate, t) : "",
             placeholder: r,
             width: i,
             disabled: u,
-            inputRef: b,
+            inputRef: p,
             size: 9,
             variant: S ? "error" : void 0
           }
         )
       ] }),
-      open: k,
+      open: M,
       placement: Bt,
-      onRequestClose: m,
+      onRequestClose: h,
       children: /* @__PURE__ */ o(
-        wt,
+        yt,
         {
           ...a,
-          dateInFocus: B,
-          setDateInFocus: _,
-          statePerMonth: I,
+          dateInFocus: A,
+          setDateInFocus: Y,
+          statePerMonth: T,
           theme: c,
-          onClickDay: M,
-          currentPanel: h,
+          onClickDay: k,
+          currentPanel: m,
           setCurrentPanel: f,
           minDate: l,
           maxDate: d
@@ -1485,73 +1485,73 @@ function Js({
 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",
   value: c,
   width: a = "130px",
-  calendarTheme: l = bt,
+  calendarTheme: l = wt,
   hideCalenderIcon: d = !1,
   minDate: u,
-  maxDate: h = Ht,
+  maxDate: m = Ht,
   variant: f,
-  ...m
+  ...h
 }) => {
-  const [g, p] = R(!1), k = D(() => {
-    p(!g);
-  }, [p, g]), w = D(() => {
-    p(!1);
-  }, [p]), y = D(
-    (I) => {
-      s && s(I);
+  const [g, b] = I(!1), M = D(() => {
+    b(!g);
+  }, [b, g]), y = D(() => {
+    b(!1);
+  }, [b]), w = D(
+    (T) => {
+      s && s(T);
     },
     [s]
-  ), b = D(
-    (I) => {
-      I && (y(v(I, r)), e && setTimeout(() => p(!g), 200));
+  ), p = D(
+    (T) => {
+      T && (w($(T, r)), e && setTimeout(() => b(!g), 200));
     },
-    [y, r, e, p, g]
-  ), M = !!c && !/^[-/\\.0-9]+$/.test(c), S = !!c && mr(mt(c, r, /* @__PURE__ */ new Date())), _ = !!c && c.length >= r.length && !S || M;
+    [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,
     {
-      renderTrigger: (I) => /* @__PURE__ */ o(
-        pt,
+      renderTrigger: (T) => /* @__PURE__ */ o(
+        Dt,
         {
-          ...m,
-          variant: _ ? "error" : f,
+          ...h,
+          variant: Y ? "error" : f,
           disableContentPaddingRight: !0,
-          contentRight: d ? void 0 : /* @__PURE__ */ o(H, { alignItems: "center", indent: 0.5, children: /* @__PURE__ */ o(
-            q,
+          contentRight: d ? void 0 : /* @__PURE__ */ o(B, { alignItems: "center", indent: 0.5, children: /* @__PURE__ */ o(
+            Q,
             {
               size: "small",
-              disabled: m.disabled || n,
-              leftIcon: Rt,
-              onClick: k
+              disabled: h.disabled || n,
+              leftIcon: It,
+              onClick: M
             }
           ) }),
-          onValueChange: y,
+          onValueChange: w,
           placeholder: i,
           value: c || "",
           min: u,
-          max: h,
+          max: m,
           size: 10,
-          ...I
+          ...T
         }
       ),
       hideArrow: !0,
       open: g,
       placement: Bt,
-      onRequestClose: w,
+      onRequestClose: y,
       children: /* @__PURE__ */ o(
         Ue,
         {
           ...t,
-          onChange: b,
-          value: c && S ? mt(c, r, /* @__PURE__ */ new Date()) : void 0,
+          onChange: p,
+          value: c && S ? gt(c, r, /* @__PURE__ */ new Date()) : void 0,
           minDate: u,
-          maxDate: h,
+          maxDate: m,
           theme: l
         }
       )
@@ -1633,20 +1633,20 @@ const Gs = ({
   variant: i,
   ...c
 }) => {
-  const [a, l] = R(() => se(n)), d = "hh:mm", u = D(() => {
+  const [a, l] = I(() => se(n)), d = "hh:mm", u = D(() => {
     if (n) {
       const f = Sn(n);
       l(f.success), f.success && t && t(f.time);
     }
-  }, [n, t, l]), h = D(
+  }, [n, t, l]), m = D(
     (f) => {
-      const m = f.target.value, g = se(m);
-      l(g && m.length <= d.length), t && t(m);
+      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",
@@ -1654,7 +1654,7 @@ const Gs = ({
       iconLeft: r ? xe : void 0,
       value: n,
       placeholder: e ? d : void 0,
-      onChange: h,
+      onChange: m,
       onBlur: u,
       width: s
     }
@@ -1671,139 +1671,139 @@ const Gs = ({
   placeholderRight: l,
   typeLeft: d,
   typeRight: u,
-  onChangeLeft: h,
+  onChangeLeft: m,
   onChangeRight: f,
-  valueLeft: m,
+  valueLeft: h,
   valueRight: g,
-  minLeft: p,
-  maxLeft: k,
-  minRight: w,
-  maxRight: y,
-  onClickLeft: b,
-  onClickRight: M,
+  minLeft: b,
+  maxLeft: M,
+  minRight: y,
+  maxRight: w,
+  onClickLeft: p,
+  onClickRight: k,
   onClickCalendar: S,
-  onClickArrowDown: B,
-  onBlurLeft: _,
-  onBlurRight: I,
-  onFocusLeft: Y,
-  onFocusRight: T,
+  onClickArrowDown: A,
+  onBlurLeft: Y,
+  onBlurRight: T,
+  onFocusLeft: P,
+  onFocusRight: R,
   inputRefLeft: W,
-  inputRefRight: O,
+  inputRefRight: F,
   variant: U,
   variantLeft: j,
-  variantRight: V,
-  onBlur: F,
-  showPresets: rt,
-  widthLeft: J,
-  widthRight: G,
-  disabled: Q
+  variantRight: X,
+  onBlur: C,
+  showPresets: Z,
+  widthLeft: nt,
+  widthRight: V,
+  disabled: K
 }) => {
-  const E = $(0), P = x(
-    () => Ir((nt) => {
-      nt === 0 && (F == null || F());
+  const v = H(0), _ = x(
+    () => Rr((st) => {
+      st === 0 && (C == null || C());
     }, 10),
-    [F]
-  ), tt = D(
-    (nt) => {
-      E.current++, P(E.current), Y && Y(nt);
+    [C]
+  ), O = D(
+    (st) => {
+      v.current++, _(v.current), P && P(st);
     },
-    [Y, E, P]
-  ), et = D(
-    (nt) => {
-      E.current++, P(E.current), T && T(nt);
+    [P, v, _]
+  ), rt = D(
+    (st) => {
+      v.current++, _(v.current), R && R(st);
     },
-    [T, E, P]
-  ), yt = D(
-    (nt) => {
-      E.current--, P(E.current), _ && _(nt);
+    [R, v, _]
+  ), q = D(
+    (st) => {
+      v.current--, _(v.current), Y && Y(st);
     },
-    [_, E, P]
+    [Y, v, _]
   ), Xe = D(
-    (nt) => {
-      E.current--, P(E.current), I && I(nt);
+    (st) => {
+      v.current--, _(v.current), T && T(st);
     },
-    [I, E, P]
+    [T, v, _]
   );
-  return /* @__PURE__ */ o(N, { children: /* @__PURE__ */ A(
+  return /* @__PURE__ */ o(N, { children: /* @__PURE__ */ E(
     xr,
     {
       disableContentPaddingRight: !0,
-      disabled: Q,
+      disabled: K,
       variant: U,
-      contentRight: /* @__PURE__ */ A(H, { alignItems: "center", children: [
-        /* @__PURE__ */ o(It, { num: 0.5, children: /* @__PURE__ */ o(
-          q,
+      contentRight: /* @__PURE__ */ E(B, { alignItems: "center", children: [
+        /* @__PURE__ */ o(Rt, { num: 0.5, children: /* @__PURE__ */ o(
+          Q,
           {
-            leftIcon: Rt,
+            leftIcon: It,
             onClick: S,
-            disabled: Q,
+            disabled: K,
             size: "small"
           }
         ) }),
-        rt ? /* @__PURE__ */ A(ce, { children: [
-          /* @__PURE__ */ o(H, { height: "22px", children: /* @__PURE__ */ o(Ve, { vertical: !0 }) }),
-          /* @__PURE__ */ o(It, { num: 0.5, children: /* @__PURE__ */ o(
-            q,
+        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: le,
-              onClick: B,
-              disabled: Q,
+              onClick: A,
+              disabled: K,
               size: "small"
             }
           ) })
         ] }) : null
       ] }),
       children: [
-        /* @__PURE__ */ o(N, { width: J, children: /* @__PURE__ */ o(
-          pt,
+        /* @__PURE__ */ o(N, { width: nt, children: /* @__PURE__ */ o(
+          Dt,
           {
             onEsc: r,
             onEnter: n,
-            onClick: b,
-            disabled: Q,
+            onClick: p,
+            disabled: K,
             hideBorder: !0,
             placeholder: a,
-            value: m,
+            value: h,
             onValueChange: s,
-            onChange: h,
-            onBlur: yt,
-            onFocus: tt,
+            onChange: m,
+            onBlur: q,
+            onFocus: O,
             inputRef: W,
             variant: j,
             type: d,
             autoFocus: t,
-            min: p,
-            max: k
+            min: b,
+            max: M
           }
         ) }),
-        /* @__PURE__ */ o(H, { 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(N, { width: G, 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: Xe,
-            onFocus: et,
-            inputRef: O,
-            variant: V,
+            onFocus: rt,
+            inputRef: F,
+            variant: X,
             type: u,
             autoFocus: e,
-            min: w,
-            max: y
+            min: y,
+            max: w
           }
         ) })
       ]
@@ -1831,14 +1831,14 @@ const Gs = ({
   if (n < 0 || n > 59)
     throw new Error("Invalid time.");
   return r * 100 + n;
-}, In = (t) => {
+}, Rn = (t) => {
   try {
     return Tn(t), !0;
   } catch {
     return !1;
   }
 }, vt = (t) => {
-  if (t && In(t)) {
+  if (t && Rn(t)) {
     const e = t.split(":");
     return {
       hour: De(e[0]),
@@ -1849,7 +1849,7 @@ const Gs = ({
     hour: void 0,
     minute: void 0
   };
-}, Rn = (t) => `${Wt(String(t.getHours()))}:${Ut(
+}, In = (t) => `${Wt(String(t.getHours()))}:${Ut(
   String(t.getMinutes())
 )}`, xn = "_timePicker_1w05d_1", En = "_timePickerColumn_1w05d_6", je = {
   timePicker: xn,
@@ -1861,8 +1861,8 @@ const Gs = ({
   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);
@@ -1871,7 +1871,7 @@ const Gs = ({
     },
     [n, e, r, s]
   ), /* @__PURE__ */ o(
-    H,
+    B,
     {
       width: "64px",
       justifyContent: "center",
@@ -1881,11 +1881,11 @@ const Gs = ({
       children: r ? /* @__PURE__ */ o(
         kt,
         {
-          label: Rr(String(e), 2, "0"),
+          label: Ir(String(e), 2, "0"),
           onClick: () => t && t(e)
         }
       ) : /* @__PURE__ */ o(
-        q,
+        Q,
         {
           label: String(e).padStart(2, "0"),
           onClick: () => t && t(e)
@@ -1899,8 +1899,8 @@ const Gs = ({
   selectedItem: r,
   canScrollRef: n
 }) => {
-  const s = $(null);
-  return /* @__PURE__ */ o(C, { 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,
@@ -1915,8 +1915,8 @@ const Gs = ({
   value: t,
   onValueChange: e
 }) => {
-  const r = $(!0), [n, s] = R(void 0), [i, c] = R(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 } = vt(t);
       s(u), c(d);
@@ -1937,7 +1937,7 @@ const Gs = ({
     },
     [n, e]
   );
-  return /* @__PURE__ */ A(H, { className: je.timePicker, children: [
+  return /* @__PURE__ */ E(B, { className: je.timePicker, children: [
     /* @__PURE__ */ o(
       Se,
       {
@@ -1947,7 +1947,7 @@ const Gs = ({
         canScrollRef: r
       }
     ),
-    /* @__PURE__ */ o(It, {}),
+    /* @__PURE__ */ o(Rt, {}),
     /* @__PURE__ */ o(
       Se,
       {
@@ -1959,12 +1959,12 @@ const Gs = ({
     )
   ] });
 }, Yn = (t, e, r) => {
-  Z(
+  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())
@@ -1982,72 +1982,72 @@ const Gs = ({
   setLocalTime: l,
   localDate: d,
   setLocalDate: u
-}, h) => {
+}, m) => {
   const f = D(
-    (y) => {
-      if (!y)
+    (w) => {
+      if (!w)
         return;
-      const b = new Date(y);
+      const p = new Date(w);
       if (t)
-        b.setHours(t.getHours()), b.setMinutes(t.getMinutes()), e == null || e(b), 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: S } = vt(a);
-        b.setHours(S ?? 0), b.setMinutes(M ?? 0), e == null || e(b), 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(b);
-      r(b), h.current && (h.current.valueAsDate = new Date(
-        Date.UTC(b.getFullYear(), b.getMonth(), b.getDate())
+        u(p);
+      r(p), m.current && (m.current.valueAsDate = new Date(
+        Date.UTC(p.getFullYear(), p.getMonth(), p.getDate())
       ));
     },
-    [t, h, a, e, r, u]
-  ), m = D(
-    (y) => {
-      if (y)
+    [t, m, a, e, r, u]
+  ), h = D(
+    (w) => {
+      if (w)
         if (t) {
-          const b = vt(y), M = new Date(t);
-          M.setHours(b.hour || 0), M.setMinutes(b.minute || 0), e == null || e(M), l(void 0);
+          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 b = vt(y), M = new Date(d);
-          M.setHours(b.hour || 0), M.setMinutes(b.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 = D(
-    (y) => {
-      y.target.value[0] !== "0" && f(y.target.valueAsDate);
+    (w) => {
+      w.target.value[0] !== "0" && f(w.target.valueAsDate);
     },
     [f]
-  ), p = D(
-    (y) => m(y.target.value),
-    [m]
-  ), k = D(() => {
+  ), b = D(
+    (w) => h(w.target.value),
+    [h]
+  ), M = D(() => {
     r(t || /* @__PURE__ */ new Date()), c("calendar"), n();
-  }, [t, c, n, r]), w = D(() => {
+  }, [t, c, n, r]), y = D(() => {
     i(void 0), s();
   }, [i, s]);
   return {
     inputLeftChangeHandler: g,
-    inputRightChangeHandler: p,
-    hideCalendar: w,
-    showCalendar: k,
-    onChangeTime: m,
+    inputRightChangeHandler: b,
+    hideCalendar: y,
+    showCalendar: M,
+    onChangeTime: h,
     onChangeDate: f
   };
 }, Bn = (t) => {
-  const [e, r] = R(void 0), [n, s] = R(void 0), [i, c, a] = re(!1), [l, d, u] = re(!1), [h, f] = R(void 0), [m, g] = R(
+  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()
-  ), [p, k] = R("calendar");
+  ), [b, M] = I("calendar");
   return {
     isCalendarVisible: i,
     showCalendarInternal: c,
     hideCalendarInternal: a,
-    firstFocusedInput: h,
+    firstFocusedInput: m,
     setFirstFocusedInput: f,
-    dateInFocus: m,
+    dateInFocus: h,
     setDateInFocus: g,
-    currentPanel: p,
-    setCurrentPanel: k,
+    currentPanel: b,
+    setCurrentPanel: M,
     isTimePickerVisible: l,
     showTimePicker: d,
     hideTimePicker: u,
@@ -2071,7 +2071,7 @@ const Gs = ({
       t(g.date), n(), c();
     },
     [t, n, c]
-  ), h = D(() => {
+  ), m = D(() => {
     i("presets"), r();
   }, [i, r]), f = D(() => {
     var g;
@@ -2082,7 +2082,7 @@ const Gs = ({
     e,
     i,
     r
-  ]), m = D(
+  ]), h = D(
     (g) => {
       g.key === "Escape" && n();
     },
@@ -2092,9 +2092,9 @@ const Gs = ({
     onFocusLeft: l,
     onFocusRight: d,
     onClickDay: u,
-    onClickArrowButton: h,
+    onClickArrowButton: m,
     onClickCalendarButton: f,
-    onKeyDownHandler: m
+    onKeyDownHandler: h
   };
 }, Xs = ({
   value: t,
@@ -2108,80 +2108,80 @@ const Gs = ({
   widthRight: l = 80,
   maxDate: d = Ht,
   variant: u,
-  disabled: h
+  disabled: m
 }) => {
-  const f = $(null), m = $(null), g = Bn(t), {
-    setCurrentPanel: p,
-    currentPanel: k,
-    isCalendarVisible: w,
-    dateInFocus: y,
-    setDateInFocus: b,
-    isTimePickerVisible: M,
+  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: B,
-    localDate: _
+    localTime: A,
+    localDate: Y
   } = g, {
-    showCalendar: I,
-    hideCalendar: Y,
-    inputLeftChangeHandler: T,
+    showCalendar: T,
+    hideCalendar: P,
+    inputLeftChangeHandler: R,
     inputRightChangeHandler: W,
-    onChangeTime: O,
+    onChangeTime: F,
     onChangeDate: U
   } = Pn(t, e, g, f), {
     onKeyDownHandler: j,
-    onFocusRight: V,
-    onFocusLeft: F,
-    onClickDay: rt,
-    onClickCalendarButton: J,
-    onClickArrowButton: G
+    onFocusRight: X,
+    onFocusLeft: C,
+    onClickDay: Z,
+    onClickCalendarButton: nt,
+    onClickArrowButton: V
   } = Hn(
     U,
     f,
-    I,
-    Y,
+    T,
+    P,
     g
   );
-  Yn(t, b, f);
-  const Q = x(() => {
-    const yt = t || _;
-    return yt ? dt(void 0, yt, [
+  Yn(t, p, f);
+  const K = x(() => {
+    const q = t || Y;
+    return q ? ut(void 0, q, [
       "singleSelected",
       "selected"
     ]) : {};
-  }, [_, t]), E = D(() => {
-    Y(), S();
-  }, [Y, S]), P = x(
-    () => t ? Rn(t) : B,
-    [t, B]
-  ), tt = be(w, 300), et = be(M, 300);
+  }, [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,
     {
       hideArrow: !0,
-      renderTrigger: (yt) => /* @__PURE__ */ o(N, { ...yt, children: /* @__PURE__ */ o(
+      renderTrigger: (q) => /* @__PURE__ */ o(N, { ...q, children: /* @__PURE__ */ o(
         Fe,
         {
           autoFocusLeft: i,
           onEsc: n,
           onEnter: r,
           onBlur: s,
-          disabled: h,
+          disabled: m,
           separatorIcon: xe,
           typeLeft: "date",
           typeRight: "time",
           placeholderLeft: "yyyy-mm-dd",
           placeholderRight: "hh:mm",
-          onChangeLeft: T,
+          onChangeLeft: R,
           onChangeRight: W,
-          onClickArrowDown: G,
-          onClickCalendar: J,
-          onFocusLeft: F,
-          onFocusRight: V,
-          onClickLeft: F,
-          onClickRight: V,
+          onClickArrowDown: V,
+          onClickCalendar: nt,
+          onFocusLeft: C,
+          onFocusRight: X,
+          onClickLeft: C,
+          onClickRight: X,
           inputRefLeft: f,
-          inputRefRight: m,
-          valueRight: P ?? "",
+          inputRefRight: h,
+          valueRight: _ ?? "",
           widthLeft: a,
           widthRight: l,
           minLeft: c,
@@ -2190,30 +2190,30 @@ const Gs = ({
         }
       ) }),
       placement: Bt,
-      open: w || M,
-      onRequestClose: E,
-      children: (tt || et) && /* @__PURE__ */ o(C, { children: tt ? /* @__PURE__ */ o(
-        wt,
+      open: y || k,
+      onRequestClose: v,
+      children: (O || rt) && /* @__PURE__ */ o(z, { children: O ? /* @__PURE__ */ o(
+        yt,
         {
-          statePerMonth: Q,
-          onClickDay: rt,
-          dateInFocus: y,
-          setDateInFocus: b,
-          currentPanel: k,
-          setCurrentPanel: p,
+          statePerMonth: K,
+          onClickDay: Z,
+          dateInFocus: w,
+          setDateInFocus: p,
+          currentPanel: M,
+          setCurrentPanel: b,
           minDate: c,
           maxDate: d
         }
-      ) : et ? /* @__PURE__ */ A(C, { children: [
-        /* @__PURE__ */ o(C, { overflow: "hidden", height: "250px", children: /* @__PURE__ */ o(
+      ) : rt ? /* @__PURE__ */ E(z, { children: [
+        /* @__PURE__ */ o(z, { overflow: "hidden", height: "250px", children: /* @__PURE__ */ o(
           Ln,
           {
-            value: P ?? "",
-            onValueChange: O
+            value: _ ?? "",
+            onValueChange: F
           }
         ) }),
         /* @__PURE__ */ o(Mt, {}),
-        /* @__PURE__ */ o(H, { justifyContent: "flex-end", children: /* @__PURE__ */ o(kt, { label: "Done", onClick: S }) })
+        /* @__PURE__ */ o(B, { justifyContent: "flex-end", children: /* @__PURE__ */ o(kt, { label: "Done", onClick: S }) })
       ] }) : null })
     }
   ) });
@@ -2223,27 +2223,27 @@ const Gs = ({
   year: r
 }) => {
   const n = String(r);
-  return /* @__PURE__ */ o(H, { justifyContent: "center", children: t === r ? /* @__PURE__ */ o(kt, { label: n, onClick: () => e == null ? void 0 : e(r) }) : /* @__PURE__ */ o(q, { label: n, onClick: () => e == null ? void 0 : e(r) }) });
+  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] = R(() => t ? t + 4 : r ?? (/* @__PURE__ */ new Date()).getFullYear() + 4), i = x(() => {
+  const [n, s] = I(() => t ? t + 4 : r ?? (/* @__PURE__ */ new Date()).getFullYear() + 4), i = x(() => {
     const c = n - 11;
     return Pe(fe(c, n + 1), 3);
   }, [n]);
-  return Z(() => {
+  return et(() => {
     s((c) => vn(t, c));
-  }, [t]), /* @__PURE__ */ A(H, { children: [
-    /* @__PURE__ */ o(C, { justifyContent: "center", children: /* @__PURE__ */ o(
-      q,
+  }, [t]), /* @__PURE__ */ E(B, { children: [
+    /* @__PURE__ */ o(z, { justifyContent: "center", children: /* @__PURE__ */ o(
+      Q,
       {
         leftIcon: Ft,
         onClick: () => s(n - 3)
       }
     ) }),
-    /* @__PURE__ */ o(C, { gap: 1, children: i.map((c) => /* @__PURE__ */ o(H, { gap: 1, children: c.map((a) => /* @__PURE__ */ o(
+    /* @__PURE__ */ o(z, { gap: 1, children: i.map((c) => /* @__PURE__ */ o(B, { gap: 1, children: c.map((a) => /* @__PURE__ */ o(
       $n,
       {
         year: a,
@@ -2252,8 +2252,8 @@ const Gs = ({
       },
       a
     )) }, c[0])) }),
-    /* @__PURE__ */ o(C, { justifyContent: "center", children: /* @__PURE__ */ o(
-      q,
+    /* @__PURE__ */ o(z, { justifyContent: "center", children: /* @__PURE__ */ o(
+      Q,
       {
         leftIcon: Nt,
         onClick: () => s(n + 3)
@@ -2274,17 +2274,17 @@ const Gs = ({
   }
   return e;
 }, On = (t, e, r, n, s) => {
-  Z(
+  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(
@@ -2295,7 +2295,7 @@ const Gs = ({
       ) : n.current.valueAsDate = null);
     },
     [t, n]
-  ), Z(
+  ), et(
     function() {
       s.current && (e ? s.current.valueAsDate = new Date(
         Date.UTC(
@@ -2338,19 +2338,19 @@ const Gs = ({
     a,
     s,
     n
-  ]), h = D(() => {
+  ]), m = D(() => {
     c(void 0), i();
   }, [c, i]);
   return {
     inputLeftChangeHandler: l,
     inputRightChangeHandler: d,
-    hideCalendar: h,
+    hideCalendar: m,
     setDateInFocus: n,
     setCurrentPanel: a,
     showCalendar: u
   };
 }, Un = (t, e) => {
-  const [r, n, s] = re(!1), [i, c] = R(void 0), [a, l] = R("startDate"), [d, u] = R(() => (a === "startDate" ? t : a === "endDate" ? e : void 0) ?? /* @__PURE__ */ new Date()), [h, f] = R("calendar");
+  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,
@@ -2361,7 +2361,7 @@ const Gs = ({
     setFocusedInput: l,
     dateInFocus: d,
     setDateInFocus: u,
-    currentPanel: h,
+    currentPanel: m,
     setCurrentPanel: f
   };
 }, Fn = (t, e, r, n, s, i, c, {
@@ -2369,10 +2369,10 @@ const Gs = ({
   setFirstFocusedInput: l,
   isCalendarVisible: d,
   setFocusedInput: u,
-  focusedInput: h,
+  focusedInput: m,
   setCurrentPanel: f
 }) => {
-  const m = D(() => {
+  const h = D(() => {
     a == null && l("startDate"), u("startDate"), d || i();
   }, [
     d,
@@ -2388,28 +2388,28 @@ const Gs = ({
     i,
     l,
     a
-  ]), p = D(
-    (b) => {
-      var M, S, B, _;
-      h === "startDate" ? e != null && z(b.date, e) ? (r == null || r({
-        startDate: b.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: b.date,
+      }), u("endDate"), (k = s.current) == null || k.focus()) : (r == null || r({
+        startDate: p.date,
         endDate: e
-      }), a === "startDate" ? (u("endDate"), (S = s.current) == null || S.focus()) : setTimeout(c, 50)) : h === "endDate" && (t ? z(t, b.date) ? (r == null || r({
-        startDate: b.date,
+      }), 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"), (_ = s.current) == null || _.focus()) : (r == null || r({
+      }), u("endDate"), (Y = s.current) == null || Y.focus()) : (r == null || r({
         startDate: t,
-        endDate: b.date
+        endDate: p.date
       }), setTimeout(c, 50)) : (r == null || r({
         startDate: t,
-        endDate: b.date
-      }), u("startDate"), (B = n.current) == null || B.focus()));
+        endDate: p.date
+      }), u("startDate"), (A = n.current) == null || A.focus()));
     },
     [
-      h,
+      m,
       r,
       e,
       a,
@@ -2419,11 +2419,11 @@ const Gs = ({
       t,
       n
     ]
-  ), k = D(() => {
+  ), M = D(() => {
     f("presets"), i();
-  }, [f, i]), w = D(() => {
-    var b;
-    d ? c() : (u("startDate"), l("startDate"), (b = n.current) == null || b.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,
@@ -2432,19 +2432,19 @@ const Gs = ({
     n,
     f,
     i
-  ]), y = D(
-    (b) => {
-      b.key === "Escape" && c();
+  ]), w = D(
+    (p) => {
+      p.key === "Escape" && c();
     },
     [c]
   );
   return {
-    onFocusLeft: m,
+    onFocusLeft: h,
     onFocusRight: g,
-    onClickDay: p,
-    onClickArrowButton: k,
-    onClickCalendarButton: w,
-    onKeyDownHandler: y
+    onClickDay: b,
+    onClickArrowButton: M,
+    onClickCalendarButton: y,
+    onKeyDownHandler: w
   };
 };
 function Vs({
@@ -2459,55 +2459,55 @@ function Vs({
   calendarProps: l,
   widthLeft: d = 128,
   widthRight: u = 128,
-  variant: h,
+  variant: m,
   disabled: f
 }) {
-  const { startDate: m, endDate: g } = t || {}, p = $(null), k = $(null), w = Un(m, g), {
-    dateInFocus: y,
-    setDateInFocus: b,
-    isCalendarVisible: M,
+  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: B
-  } = w, {
-    showCalendar: _,
-    hideCalendar: I,
-    inputLeftChangeHandler: Y,
-    inputRightChangeHandler: T
-  } = Wn(m, g, e, w), {
+    setCurrentPanel: A
+  } = y, {
+    showCalendar: Y,
+    hideCalendar: T,
+    inputLeftChangeHandler: P,
+    inputRightChangeHandler: R
+  } = Wn(h, g, e, y), {
     onKeyDownHandler: W,
-    onFocusRight: O,
+    onFocusRight: F,
     onFocusLeft: U,
     onClickDay: j,
-    onClickCalendarButton: V,
-    onClickArrowButton: F
+    onClickCalendarButton: X,
+    onClickArrowButton: C
   } = Fn(
-    m,
+    h,
     g,
     e,
-    p,
-    k,
-    _,
-    I,
-    w
+    b,
+    M,
+    Y,
+    T,
+    y
   );
   On(
-    m,
+    h,
     g,
-    b,
     p,
-    k
+    b,
+    M
   );
-  const rt = x(
-    () => m && g && z(m, g),
-    [m, g]
-  ), J = x(
+  const Z = x(
+    () => h && g && G(h, g),
+    [h, g]
+  ), nt = x(
     () => _r(
       l == null ? void 0 : l.statePerMonth,
-      m,
+      h,
       g,
-      y
+      w
     ),
-    [l == null ? void 0 : l.statePerMonth, m, g, y]
+    [l == null ? void 0 : l.statePerMonth, h, g, w]
   );
   return /* @__PURE__ */ o(N, { onKeyDown: W, children: /* @__PURE__ */ o(
     Yt,
@@ -2515,7 +2515,7 @@ function Vs({
       hideArrow: !0,
       restoreFocus: !1,
       returnFocus: !1,
-      renderTrigger: (G) => /* @__PURE__ */ o(N, { ...G, children: /* @__PURE__ */ o(
+      renderTrigger: (V) => /* @__PURE__ */ o(N, { ...V, children: /* @__PURE__ */ o(
         Fe,
         {
           autoFocusLeft: r,
@@ -2528,17 +2528,17 @@ function Vs({
           typeRight: "date",
           placeholderLeft: "Start date",
           placeholderRight: "End date",
-          onChangeLeft: Y,
-          onChangeRight: T,
-          onClickArrowDown: F,
-          onClickCalendar: V,
+          onChangeLeft: P,
+          onChangeRight: R,
+          onClickArrowDown: C,
+          onClickCalendar: X,
           onFocusLeft: U,
-          onFocusRight: O,
+          onFocusRight: F,
           onClickLeft: U,
-          onClickRight: O,
-          inputRefLeft: p,
-          inputRefRight: k,
-          variant: rt ? "error" : h,
+          onClickRight: F,
+          inputRefLeft: b,
+          inputRefRight: M,
+          variant: Z ? "error" : m,
           widthLeft: d,
           widthRight: u,
           minLeft: c,
@@ -2548,20 +2548,20 @@ function Vs({
         }
       ) }),
       placement: Bt,
-      onRequestClose: I,
-      open: M,
+      onRequestClose: T,
+      open: k,
       children: /* @__PURE__ */ o(
-        wt,
+        yt,
         {
           onClickDay: j,
-          dateInFocus: y,
-          setDateInFocus: b,
+          dateInFocus: w,
+          setDateInFocus: p,
           currentPanel: S,
-          setCurrentPanel: B,
+          setCurrentPanel: A,
           minDate: c,
           maxDate: a,
           ...l,
-          statePerMonth: J
+          statePerMonth: nt
         }
       )
     }
@@ -2580,8 +2580,8 @@ const ie = ({
   calendarSize: d,
   ...u
 }) => {
-  const h = $(null), { onChange: f } = Ar(
-    h,
+  const m = H(null), { onChange: f } = Ar(
+    m,
     t,
     e,
     r,
@@ -2596,7 +2596,7 @@ const ie = ({
     Er,
     {
       ...u,
-      ref: h,
+      ref: m,
       onChange: f,
       width: jn(d),
       size: d === "large" ? "large" : "medium"
@@ -2654,11 +2654,11 @@ const ie = ({
   da: Mr,
   nl: kr,
   nb: Sr
-}, Jt = (t) => Ke[t], ze = () => Ke.sv, ht = (t, e, r) => {
+}, 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,
     St(e),
     r ?? /* @__PURE__ */ new Date(),
@@ -2668,10 +2668,10 @@ const ie = ({
   );
   if (!isNaN(s.getTime()))
     return s;
-}, Tt = (t, e) => v(t, St(e), {
+}, Tt = (t, e) => $(t, St(e), {
   locale: Jt(e)
 }), oe = (t, e) => {
-  const r = ht(t, e);
+  const r = mt(t, e);
   if (r != null)
     return Tt(r, e);
 }, qe = ({
@@ -2690,7 +2690,7 @@ const ie = ({
       placeholder: d.toLowerCase()
     };
   }, [r]);
-  return /* @__PURE__ */ A(H, { children: [
+  return /* @__PURE__ */ E(B, { children: [
     /* @__PURE__ */ o(
       ie,
       {
@@ -2735,92 +2735,92 @@ const ie = ({
     )
   ] });
 }, Je = (t, e, r, n) => {
-  const s = Jt(r) ?? ze(), i = me(), c = pe(), a = $(null), l = x(
+  const s = Jt(r) ?? ze(), i = me(), c = pe(), a = H(null), l = x(
     () => St(r),
     [r]
   ), d = x(
     () => {
-      var T;
-      return ((T = t == null ? void 0 : t.startDate) == null ? void 0 : T.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 = x(
     () => {
-      var T;
-      return ((T = t == null ? void 0 : t.endDate) == null ? void 0 : T.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]
-  ), [h, f] = R(
+  ), [m, f] = I(
     n ?? d ?? /* @__PURE__ */ new Date()
-  ), m = D(
-    (T) => {
-      it(T, c) || z(T, c) ? f(T) : f(c);
+  ), h = D(
+    (R) => {
+      ot(R, c) || G(R, c) ? f(R) : f(c);
     },
     [c]
   ), g = x(
     () => zt(
-      h.getFullYear(),
-      h.getMonth(),
+      m.getFullYear(),
+      m.getMonth(),
       s
     ),
-    [s, h]
-  ), p = x(() => Et(v(h, "MMMM yyyy", { locale: s })), [s, h]), k = x(() => it(c, h), [c, h]), [w, y] = R(), [b, M] = R("calendar"), S = D(
-    (T) => {
+    [s, m]
+  ), 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 = T == null ? void 0 : T.startDate) == null ? void 0 : U.length) === l.length ? ht(T.startDate, r) : void 0, O = ((j = T == null ? void 0 : T.endDate) == null ? void 0 : j.length) === l.length ? ht(T.endDate, r) : void 0;
-      W ? m(W) : O && m(O), e == null || e({
+      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,
-        ...T
+        ...R
       });
     },
     [
       l.length,
       r,
       e,
-      m,
+      h,
       t
     ]
-  ), B = x(
-    () => it(c, h) || st(h, c),
-    [c, h]
-  ), _ = x(
-    () => (d && u && (L(d, u) || st(d, u))) ?? !1,
+  ), A = x(
+    () => ot(c, m) || it(m, c),
+    [c, m]
+  ), Y = x(
+    () => (d && u && (L(d, u) || it(d, u))) ?? !1,
     [u, d]
   );
   return {
     isDateDisabled: D(
-      (T) => !L(T, c) && st(T, c),
+      (R) => !L(R, c) && it(R, c),
       [c]
     ),
-    onClickDate: (T) => {
-      T.getFullYear() === h.getFullYear() && T.getMonth() === h.getMonth() && (d && u == null ? st(T, d) ? e == null || e({
-        startDate: Tt(T, 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: Tt(T, r)
+        endDate: Tt(R, r)
       }) : e == null || e({
-        startDate: Tt(T, r),
+        startDate: Tt(R, r),
         endDate: void 0
       }));
     },
     onValueChangeByInputs: S,
-    isValidDateRange: _,
-    prevMonthDisabled: B,
+    isValidDateRange: Y,
+    prevMonthDisabled: A,
     monthPickerButtonRef: a,
     calendarId: i,
-    monthPickerButtonLabel: p,
-    visiblePanel: b,
-    setVisiblePanel: M,
+    monthPickerButtonLabel: b,
+    visiblePanel: p,
+    setVisiblePanel: k,
     setVisibleMonth: f,
     visibleMonthData: g,
-    todayIsInVisibleMonth: k,
-    hoverDate: w,
-    setHoverDate: y,
+    todayIsInVisibleMonth: M,
+    hoverDate: y,
+    setHoverDate: w,
     selectedStartDate: d,
     selectedEndDate: u,
     today: c,
-    visibleMonth: h
+    visibleMonth: m
   };
 }, Gt = ({
   previousMonthButtonAriaLabel: t,
@@ -2833,9 +2833,9 @@ const ie = ({
   visibleMonth: a,
   prevMonthDisabled: l,
   calendarSize: d
-}) => /* @__PURE__ */ A(H, { alignSelf: "center", justifyContent: "space-between", width: "100%", children: [
+}) => /* @__PURE__ */ E(B, { alignSelf: "center", justifyContent: "space-between", width: "100%", children: [
   /* @__PURE__ */ o(
-    q,
+    Q,
     {
       "aria-live": "polite",
       label: r,
@@ -2847,9 +2847,9 @@ const ie = ({
       size: d === "small" ? "medium" : "large"
     }
   ),
-  /* @__PURE__ */ A(H, { alignItems: "center", gap: 2, children: [
+  /* @__PURE__ */ E(B, { alignItems: "center", gap: 2, children: [
     /* @__PURE__ */ o(
-      lt,
+      dt,
       {
         leftIcon: Ft,
         onClick: () => c(ue(a, 1)),
@@ -2859,7 +2859,7 @@ const ie = ({
       }
     ),
     /* @__PURE__ */ o(
-      lt,
+      dt,
       {
         leftIcon: Nt,
         onClick: () => c(Lt(a, 1)),
@@ -2868,7 +2868,7 @@ const ie = ({
       }
     )
   ] })
-] }), Gn = "_travelDateCell_h6vcn_1", Qn = "_small_h6vcn_4", Xn = "_medium_h6vcn_9", Zn = "_large_h6vcn_14", Vn = "_outline_h6vcn_26", ts = "_contentWrapper_h6vcn_39", es = "_disabled_h6vcn_60", rs = "_isToday_h6vcn_63", ns = "_isSelectionStart_h6vcn_67", ss = "_isSelectionEnd_h6vcn_68", is = "_hover_h6vcn_83", os = "_startSelected_h6vcn_86", cs = "_endSelected_h6vcn_86", X = {
+] }), 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,
@@ -2882,7 +2882,7 @@ const ie = ({
   hover: is,
   startSelected: os,
   endSelected: cs
-}, ct = Kt("--lhds-color-red-100"), as = (t, e, r, n, s, i) => {
+}, at = Kt("--lhds-color-red-100"), as = (t, e, r, n, s, i) => {
   if (!s)
     return {
       left: "transparent",
@@ -2898,38 +2898,38 @@ const ie = ({
       left: "transparent",
       right: "transparent"
     };
-  const c = e && r ? z(t, e) && st(t, r) && !L(t, e) && !L(t, r) : !1, a = e && n ? z(t, e) && st(t, n) && !L(t, e) && !L(t, n) : !1;
+  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 L(t, e) ? {
       left: "transparent",
-      right: ct
+      right: at
     } : L(t, r) ? {
-      left: ct,
+      left: at,
       right: "transparent"
     } : {
       left: "transparent",
       right: "transparent"
     };
-  if (e && n && z(n, e)) {
+  if (e && n && G(n, e)) {
     if (L(t, e))
       return {
         left: "transparent",
-        right: ct
+        right: at
       };
     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"
@@ -2943,35 +2943,35 @@ const ie = ({
     case "Home":
       return Ot(t);
     case "End":
-      return K(Ot(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 K(t, 1);
+      return J(t, 1);
     case "ArrowDown":
-      return K(t, 7);
+      return J(t, 7);
     default:
       return;
   }
-}, Vt = (t, e) => v(Ye(t, 12), ot.fullDate) + e, ds = "_travelDateCellBackground_1k07m_1", us = "_small_1k07m_2", fs = "_medium_1k07m_7", hs = "_large_1k07m_12", $t = {
+}, 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__ */ A(H, { children: [
+}, ms = ({ calendarSize: t, bgColorLeft: e, bgColorRight: r }) => /* @__PURE__ */ E(B, { children: [
   /* @__PURE__ */ o(
     N,
     {
-      className: gt($t.travelDateCellBackground, $t[t]),
+      className: pt($t.travelDateCellBackground, $t[t]),
       background: e
     }
   ),
   /* @__PURE__ */ o(
     N,
     {
-      className: gt($t.travelDateCellBackground, $t[t]),
+      className: pt($t.travelDateCellBackground, $t[t]),
       background: r
     }
   )
@@ -2987,78 +2987,80 @@ const ie = ({
   onEndHover: l,
   hoverDate: d,
   today: u,
-  todayIsInVisibleMonth: h,
+  todayIsInVisibleMonth: m,
   calendarId: f,
-  isDateDisabled: m,
-  size: g
+  isDateDisabled: h,
+  size: g,
+  dateTestId: b
 }) => {
-  const p = D(
-    async (B) => {
-      var I;
-      const _ = ls(n.date, B.key);
-      _ && !m(_) && (a(_), it(n.date, _) ? (I = document.getElementById(Vt(_, f))) == null || I.focus() : (r(_), setTimeout(() => {
-        var Y;
-        (Y = document.getElementById(Vt(_, f))) == null || Y.focus();
-      }, 10))), (B.key === "Enter" || B.code === "Space") && t(n.date);
+  const M = D(
+    async (Y) => {
+      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);
     },
     [
       f,
       n.date,
-      m,
+      h,
       r,
       t,
       a
     ]
-  ), k = n.month === e.getMonth(), w = m(n.date), y = i ? L(i, n.date) : !1, b = c ? L(c, n.date) : !1, M = L(n.date, u), S = as(
+  ), 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__ */ A(
+  return /* @__PURE__ */ E(
     "td",
     {
-      className: gt(X.travelDateCell, X[g]),
+      className: pt(tt.travelDateCell, tt[g]),
       onClick: w ? void 0 : () => t(n.date),
-      onMouseOver: w ? void 0 : () => k && a(n.date),
-      onMouseOut: w ? void 0 : () => k && l(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,
-        h
+        m
       ),
       id: w ? void 0 : Vt(n.date, f),
-      onKeyDown: w ? void 0 : p,
-      ...w ? void 0 : { "aria-selected": y || b },
+      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(
           ms,
           {
             calendarSize: g,
-            bgColorLeft: S.left,
-            bgColorRight: S.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 && L(d, n.date) ? X.hover : void 0,
-              y && X.isSelectionStart,
-              b && X.isSelectionEnd,
-              w && 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: w ? Kt("--lhds-color-ui-500") : void 0,
@@ -3071,7 +3073,7 @@ const ie = ({
     }
   );
 }, ps = (t, e, r, n, s) => {
-  const i = e ? it(e, n) : !1;
+  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
@@ -3087,39 +3089,41 @@ const ie = ({
   hoverDate: l,
   today: d,
   calendarId: u,
-  isDateDisabled: h,
+  isDateDisabled: m,
   todayIsInVisibleMonth: f,
-  size: m = "medium",
-  multiSelectable: g
+  size: h = "medium",
+  multiSelectable: g,
+  dateTestId: b
 }) => /* @__PURE__ */ o(
   "table",
   {
     className: bs.travelCalendar,
     role: "grid",
     ...g ? { "aria-multiselectable": !0 } : void 0,
-    children: /* @__PURE__ */ A("tbody", { children: [
-      /* @__PURE__ */ o("tr", { children: t.weeks[0].days.map((p) => /* @__PURE__ */ o("th", { abbr: p.fullName, children: /* @__PURE__ */ o(Dt, { children: p.name }) }, p.name)) }),
-      t.weeks.map((p) => /* @__PURE__ */ o(he.Fragment, { children: /* @__PURE__ */ o("tr", { children: p.days.map((k) => /* @__PURE__ */ o(
+    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: m,
+          size: h,
           onClick: (w) => e(w),
           visibleMonth: s,
           onChangeVisibleMonth: n,
           isValidDateRange: i,
-          day: k,
+          day: y,
           onStartHover: (w) => r(w),
-          onEndHover: (w) => r((y) => y && L(y, w) ? void 0 : y),
+          onEndHover: (w) => r((p) => p && L(p, w) ? void 0 : p),
           selectedStartDate: c,
           selectedEndDate: a,
           hoverDate: l,
           today: d,
           todayIsInVisibleMonth: f,
           calendarId: u,
-          isDateDisabled: h
+          isDateDisabled: m,
+          dateTestId: b
         },
-        k.dateString
-      )) }, p.weekNumber) }, p.weekNumber))
+        y.dateString
+      )) }, M.weekNumber) }, M.weekNumber))
     ] })
   }
 ), ws = "_travelDateRangeInput_1j7rp_1", ys = "_overlay_1j7rp_2", Ms = "_calendarVisible_1j7rp_6", te = {
@@ -3138,131 +3142,133 @@ const ie = ({
   heading: l,
   headingLevel: d,
   numMonthsInMonthPicker: u = 12,
-  firstMonthInMonthPicker: h = /* @__PURE__ */ new Date(),
+  firstMonthInMonthPicker: m = /* @__PURE__ */ new Date(),
   zIndex: f = 1e3,
-  zIndexWhenClosed: m,
+  zIndexWhenClosed: h,
   onHideCalendar: g,
-  renderBelowCalendar: p,
-  size: k = "medium"
+  renderBelowCalendar: b,
+  size: M = "medium",
+  dateTestId: y
 }) => {
-  const [w, y] = R(!1), [b, M] = R(!1), [S, B] = R({
+  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
-  }), _ = k === "large" ? "8.8rem" : "6.6rem", I = $(!1), Y = D(() => {
-    I.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);
-  }, []), T = D(() => {
-    b && (y(!1), I.current = !1, g == null || g(), setTimeout(() => {
-      I.current || M(!1);
+  }, []), W = D(() => {
+    k && (p(!1), P.current = !1, g == null || g(), setTimeout(() => {
+      P.current || S(!1);
     }, 120));
-  }, [b, g]), W = $(null), O = $(null);
-  Ie(W, T), Be(() => {
-    var tt, et;
-    const E = (tt = O.current) == null ? void 0 : tt.offsetWidth, P = (et = O.current) == null ? void 0 : et.offsetHeight;
-    E != null && P != null && (S.height !== P || S.width !== E) && B({ width: E, height: P });
-  }, [S.height, S.width]);
-  const U = Je(
+  }, [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: j,
-    visibleMonth: V,
-    onValueChangeByInputs: F,
-    setVisibleMonth: rt,
-    setVisiblePanel: J,
-    monthPickerButtonRef: G
-  } = U, Q = D(
-    (E) => {
-      E.key === "Escape" && T();
+    visiblePanel: X,
+    visibleMonth: C,
+    onValueChangeByInputs: Z,
+    setVisibleMonth: nt,
+    setVisiblePanel: V,
+    monthPickerButtonRef: K
+  } = j, v = D(
+    (_) => {
+      _.key === "Escape" && W();
     },
-    [T]
+    [W]
   );
-  return /* @__PURE__ */ A(
+  return /* @__PURE__ */ E(
     N,
     {
       position: "relative",
       className: te.travelDateRangeInput,
-      ref: W,
-      onKeyDown: Q,
-      height: S.height,
-      width: S.width,
+      ref: F,
+      onKeyDown: v,
+      height: A.height,
+      width: A.width,
       children: [
         /* @__PURE__ */ o(
           N,
           {
             position: "absolute",
-            ref: O,
-            zIndex: b ? f : m,
+            ref: U,
+            zIndex: k ? f : h,
             children: /* @__PURE__ */ o(
               qe,
               {
                 value: t,
-                onValueChange: F,
+                onValueChange: Z,
                 localeCode: s,
                 startDateLabel: r,
                 endDateLabel: n,
-                onFocus: Y,
-                calendarSize: k
+                onFocus: R,
+                calendarSize: M
               }
             )
           }
         ),
-        b && /* @__PURE__ */ o(
+        k && /* @__PURE__ */ o(
           N,
           {
             position: "absolute",
             zIndex: f - 1,
             left: "-2.4rem",
             top: l ? "-8.0rem" : "-2.4rem",
-            className: gt(te.overlay, w && te.calendarVisible),
+            className: pt(te.overlay, w && te.calendarVisible),
             children: /* @__PURE__ */ o(
               N,
               {
                 background: "white",
                 shadow: "popover",
                 borderRadius: "var(--swui-border-radius-large)",
-                children: /* @__PURE__ */ A(Ee, { gap: 3, children: [
+                children: /* @__PURE__ */ E(Ee, { gap: 3, children: [
                   l && /* @__PURE__ */ o(_t, { variant: "h2", as: d, children: l }),
-                  /* @__PURE__ */ o(N, { height: _ }),
+                  /* @__PURE__ */ o(N, { height: T }),
                   /* @__PURE__ */ o(
                     Gt,
                     {
-                      ...U,
+                      ...j,
                       previousMonthButtonAriaLabel: c,
                       nextMonthButtonAriaLabel: a,
-                      calendarSize: k
+                      calendarSize: M
                     }
                   ),
-                  j === "calendar" && /* @__PURE__ */ o(
+                  X === "calendar" && /* @__PURE__ */ o(
                     Qt,
                     {
-                      ...U,
-                      size: k,
-                      multiSelectable: !0
+                      ...j,
+                      size: M,
+                      multiSelectable: !0,
+                      dateTestId: y
                     }
                   ),
-                  j === "month-picker" && /* @__PURE__ */ o(
+                  X === "month-picker" && /* @__PURE__ */ o(
                     Pt,
                     {
-                      firstMonth: h,
+                      firstMonth: m,
                       numMonths: u,
-                      value: V,
-                      size: k,
-                      onValueChange: (E) => {
-                        var P;
-                        rt(E), J("calendar"), (P = G.current) == null || P.focus();
+                      value: C,
+                      size: M,
+                      onValueChange: (_) => {
+                        var O;
+                        nt(_), V("calendar"), (O = K.current) == null || O.focus();
                       },
                       onCancel: () => {
-                        var E;
-                        J("calendar"), (E = G.current) == null || E.focus();
+                        var _;
+                        V("calendar"), (_ = K.current) == null || _.focus();
                       }
                     }
                   ),
-                  p == null ? void 0 : p({ hideCalendar: T })
+                  b == null ? void 0 : b({ hideCalendar: W })
                 ] })
               }
             )
@@ -3290,7 +3296,7 @@ const ie = ({
       placeholder: l.toLowerCase()
     };
   }, [n]);
-  return /* @__PURE__ */ o(H, { children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(B, { children: /* @__PURE__ */ o(
     ie,
     {
       mask: c,
@@ -3307,56 +3313,56 @@ const ie = ({
     }
   ) });
 }, Qe = (t, e, r, n) => {
-  const s = Jt(r) ?? ze(), i = me(), c = pe(), a = $(null), l = x(
+  const s = Jt(r) ?? ze(), i = me(), c = pe(), a = H(null), l = x(
     () => St(r),
     [r]
   ), d = x(
-    () => (t == null ? void 0 : t.length) === l.length ? ht(t, r) : void 0,
+    () => (t == null ? void 0 : t.length) === l.length ? mt(t, r) : void 0,
     [l.length, r, t]
-  ), [u, h] = R(
+  ), [u, m] = I(
     n ?? d ?? /* @__PURE__ */ new Date()
   ), f = D(
-    (I) => {
-      it(I, c) || z(I, c) ? h(I) : h(c);
+    (T) => {
+      ot(T, c) || G(T, c) ? m(T) : m(c);
     },
     [c]
-  ), m = x(
+  ), h = x(
     () => zt(
       u.getFullYear(),
       u.getMonth(),
       s
     ),
     [s, u]
-  ), g = x(() => Et(v(u, "MMMM yyyy", { locale: s })), [s, u]), p = x(() => it(c, u), [c, u]), [k, w] = R(), [y, b] = R("calendar"), M = D(
-    (I) => {
-      const Y = (I == null ? void 0 : I.length) === l.length ? ht(I, r) : void 0;
-      Y && f(Y), e == null || e(I);
+  ), 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]
   ), S = x(
-    () => it(c, u) || st(u, c),
+    () => ot(c, u) || it(u, c),
     [c, u]
   );
   return {
     isDateDisabled: D(
-      (I) => !L(I, c) && st(I, c),
+      (T) => !L(T, c) && it(T, c),
       [c]
     ),
-    onClickDate: (I) => {
-      e == null || e(Tt(I, r));
+    onClickDate: (T) => {
+      e == null || e(Tt(T, r));
     },
-    onValueChangeByInputs: M,
+    onValueChangeByInputs: k,
     prevMonthDisabled: S,
     monthPickerButtonRef: a,
     calendarId: i,
     monthPickerButtonLabel: g,
-    visiblePanel: y,
-    setVisiblePanel: b,
-    setVisibleMonth: h,
-    visibleMonthData: m,
-    todayIsInVisibleMonth: p,
-    hoverDate: k,
-    setHoverDate: w,
+    visiblePanel: w,
+    setVisiblePanel: p,
+    setVisibleMonth: m,
+    visibleMonthData: h,
+    todayIsInVisibleMonth: b,
+    hoverDate: M,
+    setHoverDate: y,
     selectedDate: d,
     today: c,
     visibleMonth: u
@@ -3373,133 +3379,135 @@ const ie = ({
   headingLevel: l,
   numMonthsInMonthPicker: d = 12,
   firstMonthInMonthPicker: u = /* @__PURE__ */ new Date(),
-  zIndex: h = 1e3,
+  zIndex: m = 1e3,
   zIndexWhenClosed: f,
-  onHideCalendar: m,
+  onHideCalendar: h,
   renderBelowCalendar: g,
-  size: p = "medium"
+  size: b = "medium",
+  dateTestId: M
 }) => {
-  const [k, w] = R(!1), [y, b] = R(!1), [M, S] = R({
+  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
-  }), B = p === "large" ? "8.8rem" : "6.6rem", _ = $(!1), I = D(() => {
-    _.current = !0, b(!0), setTimeout(() => {
+  }), Y = b === "large" ? "8.8rem" : "6.6rem", T = H(!1), P = D(() => {
+    T.current = !0, k(!0), setTimeout(() => {
       w(!0);
     }, 10);
-  }, []), Y = D(() => {
-    y && (w(!1), _.current = !1, m == null || m(), setTimeout(() => {
-      _.current || b(!1);
+  }, []), R = D(() => {
+    p && (w(!1), T.current = !1, h == null || h(), setTimeout(() => {
+      T.current || k(!1);
     }, 120));
-  }, [y, m]), T = $(null), W = $(null);
-  Ie(T, Y), Be(() => {
-    var tt, et;
-    const E = (tt = W.current) == null ? void 0 : tt.offsetWidth, P = (et = W.current) == null ? void 0 : et.offsetHeight;
-    E != null && P != null && (M.height !== P || M.width !== E) && S({ width: E, height: P });
-  }, [M.height, M.width]);
-  const O = Qe(
+  }, [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: j,
-    onValueChangeByInputs: V,
-    selectedDate: F,
-    setVisibleMonth: rt,
-    setVisiblePanel: J,
-    monthPickerButtonRef: G
-  } = O, Q = D(
-    (E) => {
-      E.key === "Escape" && Y();
+    visiblePanel: j,
+    visibleMonth: X,
+    onValueChangeByInputs: C,
+    selectedDate: Z,
+    setVisibleMonth: nt,
+    setVisiblePanel: V,
+    monthPickerButtonRef: K
+  } = U, v = D(
+    (_) => {
+      _.key === "Escape" && R();
     },
-    [Y]
+    [R]
   );
-  return /* @__PURE__ */ A(
+  return /* @__PURE__ */ E(
     N,
     {
       position: "relative",
       className: ee.travelDateInput,
-      ref: T,
-      onKeyDown: Q,
-      height: M.height,
-      width: M.width,
+      ref: W,
+      onKeyDown: v,
+      height: S.height,
+      width: S.width,
       children: [
         /* @__PURE__ */ o(
           N,
           {
             position: "absolute",
-            ref: W,
-            zIndex: y ? h : f,
+            ref: F,
+            zIndex: p ? m : f,
             children: /* @__PURE__ */ o(
               Ge,
               {
                 value: t,
-                onValueChange: V,
+                onValueChange: C,
                 localeCode: n,
                 label: r,
-                onFocus: I,
-                calendarSize: p
+                onFocus: P,
+                calendarSize: b
               }
             )
           }
         ),
-        y && /* @__PURE__ */ o(
+        p && /* @__PURE__ */ o(
           N,
           {
             position: "absolute",
-            zIndex: h - 1,
+            zIndex: m - 1,
             left: "-2.4rem",
             top: a ? "-8.0rem" : "-2.4rem",
-            className: gt(ee.overlay, k && ee.calendarVisible),
+            className: pt(ee.overlay, y && ee.calendarVisible),
             children: /* @__PURE__ */ o(
               N,
               {
                 background: "white",
                 shadow: "popover",
                 borderRadius: "var(--swui-border-radius-large)",
-                children: /* @__PURE__ */ A(Ee, { gap: 3, children: [
+                children: /* @__PURE__ */ E(Ee, { gap: 3, children: [
                   a && /* @__PURE__ */ o(_t, { variant: "h2", as: l, children: a }),
-                  /* @__PURE__ */ o(N, { height: B }),
+                  /* @__PURE__ */ o(N, { height: Y }),
                   /* @__PURE__ */ o(
                     Gt,
                     {
-                      ...O,
+                      ...U,
                       previousMonthButtonAriaLabel: i,
                       nextMonthButtonAriaLabel: c,
-                      calendarSize: p
+                      calendarSize: b
                     }
                   ),
-                  U === "calendar" && /* @__PURE__ */ o(
+                  j === "calendar" && /* @__PURE__ */ o(
                     Qt,
                     {
-                      ...O,
-                      size: p,
-                      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: j,
-                      size: p,
-                      onValueChange: (E) => {
-                        var P;
-                        rt(E), J("calendar"), (P = G.current) == null || P.focus();
+                      value: X,
+                      size: b,
+                      onValueChange: (_) => {
+                        var O;
+                        nt(_), V("calendar"), (O = K.current) == null || O.focus();
                       },
                       onCancel: () => {
-                        var E;
-                        J("calendar"), (E = G.current) == null || E.focus();
+                        var _;
+                        V("calendar"), (_ = K.current) == null || _.focus();
                       }
                     }
                   ),
-                  g == null ? void 0 : g({ hideCalendar: Y })
+                  g == null ? void 0 : g({ hideCalendar: R })
                 ] })
               }
             )
@@ -3520,68 +3528,70 @@ const ie = ({
   headingLevel: l,
   numMonthsInMonthPicker: d = 12,
   firstMonthInMonthPicker: u = /* @__PURE__ */ new Date(),
-  size: h = "medium"
+  dateTestId: m,
+  size: f = "medium"
 }) => {
-  const f = Qe(
+  const h = Qe(
     t,
     e,
     n,
     s
   ), {
-    visiblePanel: m,
-    visibleMonth: g,
-    onValueChangeByInputs: p,
-    setVisibleMonth: k,
+    visiblePanel: g,
+    visibleMonth: b,
+    onValueChangeByInputs: M,
+    setVisibleMonth: y,
     setVisiblePanel: w,
-    monthPickerButtonRef: y,
-    selectedDate: b
-  } = f;
-  return /* @__PURE__ */ A(C, { gap: 3, children: [
+    monthPickerButtonRef: p,
+    selectedDate: k
+  } = h;
+  return /* @__PURE__ */ E(z, { gap: 3, children: [
     a && /* @__PURE__ */ o(_t, { variant: "h2", as: l, children: a }),
     /* @__PURE__ */ o(
       Ge,
       {
         value: t,
-        onValueChange: p,
+        onValueChange: M,
         localeCode: n,
         label: r,
-        calendarSize: h
+        calendarSize: f
       }
     ),
     /* @__PURE__ */ o(
       Gt,
       {
-        ...f,
+        ...h,
         previousMonthButtonAriaLabel: i,
         nextMonthButtonAriaLabel: c,
-        calendarSize: h
+        calendarSize: f
       }
     ),
-    m === "calendar" && /* @__PURE__ */ o(
+    g === "calendar" && /* @__PURE__ */ o(
       Qt,
       {
-        ...f,
-        size: h,
-        selectedStartDate: b,
-        selectedEndDate: b,
-        isValidDateRange: !!b,
-        multiSelectable: !1
+        ...h,
+        size: f,
+        selectedStartDate: k,
+        selectedEndDate: k,
+        isValidDateRange: !!k,
+        multiSelectable: !1,
+        dateTestId: m
       }
     ),
-    m === "month-picker" && /* @__PURE__ */ o(
+    g === "month-picker" && /* @__PURE__ */ o(
       Pt,
       {
         firstMonth: u,
         numMonths: d,
-        value: g,
-        size: h,
-        onValueChange: (M) => {
-          var S;
-          k(M), w("calendar"), (S = y.current) == null || S.focus();
+        value: b,
+        size: f,
+        onValueChange: (S) => {
+          var A;
+          y(S), w("calendar"), (A = p.current) == null || A.focus();
         },
         onCancel: () => {
-          var M;
-          w("calendar"), (M = y.current) == null || M.focus();
+          var S;
+          w("calendar"), (S = p.current) == null || S.focus();
         }
       }
     )
@@ -3598,29 +3608,30 @@ const ie = ({
   heading: l,
   headingLevel: d,
   numMonthsInMonthPicker: u = 12,
-  firstMonthInMonthPicker: h = /* @__PURE__ */ new Date(),
-  size: f = "medium"
+  firstMonthInMonthPicker: m = /* @__PURE__ */ new Date(),
+  size: f = "medium",
+  dateTestId: h
 }) => {
-  const m = Je(
+  const g = Je(
     t,
     e,
     s,
     i
   ), {
-    visiblePanel: g,
-    visibleMonth: p,
-    onValueChangeByInputs: k,
+    visiblePanel: b,
+    visibleMonth: M,
+    onValueChangeByInputs: y,
     setVisibleMonth: w,
-    setVisiblePanel: y,
-    monthPickerButtonRef: b
-  } = m;
-  return /* @__PURE__ */ A(C, { gap: 3, children: [
+    setVisiblePanel: p,
+    monthPickerButtonRef: k
+  } = g;
+  return /* @__PURE__ */ E(z, { gap: 3, children: [
     l && /* @__PURE__ */ o(_t, { variant: "h2", as: d, children: l }),
     /* @__PURE__ */ o(
       qe,
       {
         value: t,
-        onValueChange: k,
+        onValueChange: y,
         localeCode: s,
         startDateLabel: r,
         endDateLabel: n,
@@ -3630,27 +3641,35 @@ const ie = ({
     /* @__PURE__ */ o(
       Gt,
       {
-        ...m,
+        ...g,
         previousMonthButtonAriaLabel: c,
         nextMonthButtonAriaLabel: a,
         calendarSize: f
       }
     ),
-    g === "calendar" && /* @__PURE__ */ o(Qt, { ...m, 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: h,
+        firstMonth: m,
         numMonths: u,
-        value: p,
+        value: M,
         size: f,
-        onValueChange: (M) => {
-          var S;
-          w(M), y("calendar"), (S = b.current) == null || S.focus();
+        onValueChange: (S) => {
+          var A;
+          w(S), p("calendar"), (A = k.current) == null || A.focus();
         },
         onCancel: () => {
-          var M;
-          y("calendar"), (M = b.current) == null || M.focus();
+          var S;
+          p("calendar"), (S = k.current) == null || S.focus();
         }
       }
     )
@@ -3680,7 +3699,7 @@ export {
   Kr as WeekDayCell,
   qr as WeekNumberCell,
   Zs as YearPicker,
-  dt as addDayStateHighlights,
+  ut as addDayStateHighlights,
   He as addDayStateHighlightsOnSingleDay,
   Lr as addWeekRangeHighlights,
   Ws as addWeekStateHighlights,
@@ -3691,8 +3710,8 @@ export {
   $r as createDay,
   mn as dateRangeToStrings,
   Fr as dayHasHighlight,
-  at as dayHighlightSelect,
-  bt as defaultCalendarTheme,
+  lt as dayHighlightSelect,
+  wt as defaultCalendarTheme,
   Cr as defaultTextPropsProvider,
   jr as defaultWrapperStyleProvider,
   Us as extranetCalendarTheme,
@@ -3706,7 +3725,7 @@ export {
   ge as getWeekForDate,
   Hr as getWeeksForMonth,
   Oe as isDateRangeInvalid,
-  ht as parseLocalizedDateString,
+  mt as parseLocalizedDateString,
   oe as reformatLocalizedDateString,
   vs as setDayStateValue,
   Os as setDayStateValueFunction,