@stenajs-webui/calendar 21.12.1 → 21.14.0

package/dist/index.es.js

@@ -1,18 +1,18 @@
 (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:-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 c, jsxs as _, Fragment as ue } from "react/jsx-runtime";
-import { Box as Y, Text as yt, Clickable as _e, Row as B, Spacing as nr, Column as Q, Heading as Yt, exhaustSwitchCase as fe, Space as St, Indent as Et, SeparatorLine as sr, parseIntElseUndefined as ke, useBoolean as ie, useDelayedFalse as Se, useOnClickOutside as Ne } from "@stenajs-webui/core";
-import { FlatButton as tt, stenaAngleDown as he, PrimaryButton as Tt, stenaAngleLeft as ir, stenaAngleRight as or, SecondaryButton as ft, stenaAngleLeftDouble as cr, stenaArrowLeft as Kt, stenaArrowRight as Pt, stenaAngleRightDouble as ar, TextInputButton as lr, stenaCalendar as At, Icon as Le, stenaArrowWideRight as dr, stenaClock as Ye, Label as ur, stenaAngleUp as fr, CardBody as Pe } from "@stenajs-webui/elements";
-import { isAfter as V, eachDayOfInterval as ve, isSameDay as v, endOfMonth as Be, startOfMonth as He, min as hr, addDays as Z, max as mr, subDays as gt, format as $, getISOWeek as me, getDate as zt, startOfWeek as Ft, addWeeks as gr, getMonth as pt, getWeek as $e, getYear as _t, getISODay as pr, addHours as We, isBefore as ot, parse as bt, addMonths as vt, isSameMonth as ct, addYears as Dr, subMonths as ge, subYears as br, setWeek as wr, isValid as yr, isSameYear as Mr } from "date-fns";
-import { enGB as qt, enUS as kr, deAT as Sr, de as Te, fr as Tr, es as Rr, sv as Ir, pl as xr, da as Er, nl as Ar, nb as _r } from "date-fns/locale";
-import { last as Nr, startCase as Nt, chunk as Oe, debounce as Lr, padStart as Yr, range as pe } from "lodash-es";
-import * as De from "react";
-import { useMemo as E, useRef as U, useEffect as rt, useCallback as w, useId as be, useState as I, useLayoutEffect as Ue } from "react";
+import { jsx as c, jsxs as N, Fragment as ue } from "react/jsx-runtime";
+import { Box as B, Text as yt, Clickable as ve, Row as P, Spacing as ir, Column as Q, Heading as Yt, exhaustSwitchCase as fe, Space as St, Indent as _t, SeparatorLine as or, parseIntElseUndefined as Se, useBoolean as ie, useDelayedFalse as Te, useOnClickOutside as Be } from "@stenajs-webui/core";
+import { FlatButton as tt, stenaAngleDown as he, PrimaryButton as It, stenaAngleLeft as cr, stenaAngleRight as ar, SecondaryButton as ft, stenaAngleLeftDouble as lr, stenaArrowLeft as Gt, stenaArrowRight as Pt, stenaAngleRightDouble as dr, TextInputButton as ur, stenaCalendar as Nt, Icon as Ye, stenaArrowWideRight as fr, stenaClock as Pe, Label as hr, stenaAngleUp as mr, CardBody as He } from "@stenajs-webui/elements";
+import { isAfter as V, eachDayOfInterval as We, isSameDay as Y, endOfMonth as $e, startOfMonth as Oe, min as gr, addDays as Z, max as pr, subDays as gt, format as $, getISOWeek as me, getDate as qt, startOfWeek as Ct, addWeeks as Dr, getMonth as pt, getWeek as Ue, getYear as Lt, getISODay as br, addHours as Fe, isBefore as ot, parse as bt, addMonths as Ht, isSameMonth as ct, addYears as wr, subMonths as ge, subYears as yr, setWeek as Mr, isValid as kr, isSameYear as Sr } from "date-fns";
+import { enGB as pe, enUS as Tr, deAT as Rr, de as Re, sv as Ie, da as xe, fr as Ir, es as xr, pl as Er, nl as Ar, nb as _r } from "date-fns/locale";
+import { last as Nr, startCase as vt, chunk as je, debounce as Lr, padStart as vr, range as De } from "lodash-es";
+import * as be from "react";
+import { useMemo as T, useRef as U, useEffect as rt, useCallback as M, useId as we, useState as R, useLayoutEffect as Ce } from "react";
 import wt from "classnames";
 import te from "@emotion/styled";
-import { TextInput as mt, TextInputBox as Pr, LabelledTextInput as vr } from "@stenajs-webui/forms";
-import { ControlledPopover as Bt } from "@stenajs-webui/tooltip";
+import { TextInput as mt, TextInputBox as Br, LabelledTextInput as Yr } from "@stenajs-webui/forms";
+import { ControlledPopover as Wt } from "@stenajs-webui/tooltip";
 import { cssColor as Jt } from "@stenajs-webui/theme";
-import { useMaskedInput as Br } from "@stenajs-webui/input-mask";
+import { useMaskedInput as Pr } from "@stenajs-webui/input-mask";
 const at = {
   yearAndMonth: "yyyy-MM",
   fullDate: "yyyy-MM-dd",
@@ -27,29 +27,29 @@ const at = {
   // 2 Jan
   monthAndDate: "MMM do"
   // Jan 2nd
-}, Lt = (t = {}, e, r) => {
+}, Bt = (t = {}, e, r) => {
   if (e && r && V(r, e))
-    return ve({ start: e, end: r }).reduce(
+    return We({ start: e, end: r }).reduce(
       (s, i) => {
-        const o = v(i, e), a = v(i, r);
+        const o = Y(i, e), a = Y(i, r);
         return ht(s, i, o ? ["selected", "selectedStart", "range"] : a ? ["selected", "selectedEnd", "range"] : ["range"]);
       },
       t
     );
   let n = t;
   return e && (n = ht(n, e, ["selected", "singleSelected"])), r && (n = ht(n, r, ["selected", "singleSelected"])), n;
-}, Hr = (t = {}, e, r, n) => $r(
+}, Hr = (t = {}, e, r, n) => Wr(
   t,
   e,
   r,
-  He(n),
-  Be(n)
-), $r = (t = {}, e, r, n, s) => e && r ? Lt(
+  Oe(n),
+  $e(n)
+), Wr = (t = {}, e, r, n, s) => e && r ? Bt(
   t,
-  mr([e, gt(n, 1)]),
-  hr([r, Z(s, 1)])
-) : Lt(t, e, r), Cs = (t, e, r) => {
-  const n = $(e, at.yearAndMonth), s = me(e), i = zt(e);
+  pr([e, gt(n, 1)]),
+  gr([r, Z(s, 1)])
+) : Bt(t, e, r), zs = (t, e, r) => {
+  const n = $(e, at.yearAndMonth), s = me(e), i = qt(e);
   return {
     ...t,
     [n]: {
@@ -63,8 +63,8 @@ const at = {
       }
     }
   };
-}, Ks = (t, e, r) => {
-  const n = $(e, at.yearAndMonth), s = me(e), i = zt(e);
+}, Gs = (t, e, r) => {
+  const n = $(e, at.yearAndMonth), s = me(e), i = qt(e);
   return {
     ...t,
     [n]: {
@@ -81,25 +81,25 @@ const at = {
     }
   };
 }, ht = (t, e, r) => {
-  const n = e.getMonth() + 1, s = `${e.getFullYear()}-${n < 10 ? "0" : ""}${n}`, i = me(e), o = zt(e), a = t && t[s] && t[s][i] && t[s][i][o];
+  const n = e.getMonth() + 1, s = `${e.getFullYear()}-${n < 10 ? "0" : ""}${n}`, i = me(e), o = qt(e), a = t && t[s] && t[s][i] && t[s][i][o];
   return {
     ...t,
     [s]: {
       ...t && t[s],
       [i]: {
         ...t && t[s] && t[s][i],
-        [o]: Fe(a, r)
+        [o]: Ke(a, r)
       }
     }
   };
-}, Fe = (t, e) => ({
+}, Ke = (t, e) => ({
   ...t,
   highlights: [...(t == null ? void 0 : t.highlights) ?? [], ...e]
-}), zs = (t, e, r) => {
+}), qs = (t, e, r) => {
   const n = e.days[0].date, s = n.getMonth() + 1, i = `${n.getFullYear()}-${s < 10 ? "0" : ""}${s}`, o = e.weekNumber;
   let a = t;
-  e.days.forEach((m) => {
-    a = ht(a, m.date, r);
+  e.days.forEach((f) => {
+    a = ht(a, f.date, r);
   });
   const l = a && a[i] ? a[i][o] : void 0, d = l && l.highlights ? [...l.highlights, ...r] : r, u = {
     ...l,
@@ -112,28 +112,28 @@ const at = {
       [o]: u
     }
   };
-}, Wr = (t, e) => {
+}, $r = (t, e) => {
   var s;
   if (!e.days.length)
     return { ...t };
   const r = e.days[0].date, n = (s = Nr(e.days)) == null ? void 0 : s.date;
   return {
-    ...Lt(t, r, n)
+    ...Bt(t, r, n)
   };
-}, Or = (t, e) => E(() => t ? ht(e, /* @__PURE__ */ new Date(), ["today"]) : e, [t, e]);
+}, Or = (t, e) => T(() => t ? ht(e, /* @__PURE__ */ new Date(), ["today"]) : e, [t, e]);
 var Ur = /* @__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))(Ur || {}), Fr = /* @__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))(Fr || {});
-const Re = (t, e, r, n) => {
+const Ee = (t, e, r, n) => {
   const s = [];
   for (let i = 0; i < r; i++)
-    s.push(Gt(t, e + i, n));
+    s.push(Qt(t, e + i, n));
   return s;
-}, Gt = (t, e, r) => {
+}, Qt = (t, e, r) => {
   if (isNaN(t) || isNaN(e))
     throw new Error("getMonthInYear() received NaN.");
   const n = t + Math.floor(e / 12), s = e % 12, i = new Date(n, s, 1);
   return {
     monthString: $(i, at.yearAndMonth),
-    name: Nt(
+    name: vt(
       $(i, at.fullMonthName, { locale: r })
     ),
     year: n,
@@ -141,49 +141,49 @@ const Re = (t, e, r, n) => {
     weeks: jr(n, s, r)
   };
 }, jr = (t, e, r, n = !0) => {
-  const s = new Date(t, e, 1), i = Ft(s, { locale: r }), o = [];
+  const s = new Date(t, e, 1), i = Ct(s, { locale: r }), o = [];
   for (let a = 0; a < 6; a++) {
-    const l = we(gr(i, a), r);
+    const l = ye(Dr(i, a), r);
     if (a > 0 && l.startMonth !== e && !n)
       return o;
     o.push(l);
   }
   return o;
-}, we = (t, e) => {
+}, ye = (t, e) => {
   const r = pt(Z(t, 7)) !== pt(t);
   return {
-    weekNumber: $e(t, { locale: e }),
+    weekNumber: Ue(t, { locale: e }),
     startMonth: pt(t),
-    startYear: _t(t),
+    startYear: Lt(t),
     endMonth: pt(Z(t, 6)),
-    endYear: _t(Z(t, 6)),
+    endYear: Lt(Z(t, 6)),
     days: Kr(t, e),
     isLastWeekOfMonth: r
   };
 }, Cr = (t, e) => {
-  const r = pr(t);
+  const r = br(t);
   return {
     date: t,
     name: $(t, "EEE", e ? { locale: e } : void 0),
     fullName: $(t, "EEEE", e ? { locale: e } : void 0),
-    dateString: $(We(t, 12), at.fullDate),
-    weekNumber: $e(t, { locale: e }),
-    year: _t(t),
+    dateString: $(Fe(t, 12), at.fullDate),
+    weekNumber: Ue(t, { locale: e }),
+    year: Lt(t),
     month: pt(t),
-    dayOfMonth: zt(t),
+    dayOfMonth: qt(t),
     dayOfWeek: r,
     isFirstDayOfWeek: r === 1,
     isLastDayOfWeek: r === 7,
-    isFirstDayOfMonth: v(He(t), t),
-    isLastDayOfMonth: v(Be(t), t)
+    isFirstDayOfMonth: Y(Oe(t), t),
+    isLastDayOfMonth: Y($e(t), t)
   };
-}, Kr = (t, e) => ve({
+}, Kr = (t, e) => We({
   start: t,
   end: Z(t, 6)
-}).map((r) => Cr(r, e)), zr = (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 }, qr = "_calendar_1b766_1", Jr = "_weekNumberVisible_1b766_41", Ie = {
-  calendar: qr,
-  weekNumberVisible: Jr
-}, Gr = (t, e, r) => !!(e && e.indexOf(r) >= 0 || t && t.highlights && t.highlights.indexOf(r) >= 0), ut = (t, e, r, n, s) => {
+}).map((r) => Cr(r, e)), zr = (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 }, Gr = "_calendar_1b766_1", qr = "_weekNumberVisible_1b766_41", Ae = {
+  calendar: Gr,
+  weekNumberVisible: qr
+}, Jr = (t, e, r) => !!(e && e.indexOf(r) >= 0 || t && t.highlights && t.highlights.indexOf(r) >= 0), ut = (t, e, r, n, s) => {
   if (r.length !== n.length)
     throw new Error(
       "Select highlight failed, number of values do not equal number of highlights."
@@ -191,7 +191,7 @@ const Re = (t, e, r, n) => {
   if (r.length === 0)
     return s;
   for (let i = 0; i < r.length; i++)
-    if (typeof r[i] == "boolean" && r[i] || typeof r[i] == "string" && Gr(
+    if (typeof r[i] == "boolean" && r[i] || typeof r[i] == "string" && Jr(
       t,
       e,
       r[i]
@@ -319,7 +319,7 @@ const Re = (t, e, r, n) => {
   CalendarMonth: {
     headerTextColor: "var(--swui-calendar-week-day-text-color)"
   }
-}, qs = {
+}, Js = {
   ...Mt,
   width: "37px",
   height: "37px"
@@ -329,7 +329,7 @@ const Re = (t, e, r, n) => {
   theme: r
 }) => {
   const n = /* @__PURE__ */ c(
-    Y,
+    B,
     {
       width: r.width,
       height: r.height,
@@ -346,7 +346,7 @@ const Re = (t, e, r, n) => {
     }
   );
   return t ? /* @__PURE__ */ c(
-    _e,
+    ve,
     {
       borderRadius: "var(--swui-calendar-day-border-radius)",
       onClick: (s) => t(e.dayOfWeek, s),
@@ -354,7 +354,7 @@ const Re = (t, e, r, n) => {
       children: n
     }
   ) : n;
-}, je = function({
+}, ze = function({
   day: e,
   week: r,
   month: n,
@@ -366,7 +366,7 @@ const Re = (t, e, r, n) => {
   defaultHighlights: d
 }) {
   const u = /* @__PURE__ */ c(
-    Y,
+    B,
     {
       width: "100%",
       height: "100%",
@@ -387,7 +387,7 @@ const Re = (t, e, r, n) => {
         }
       )
     }
-  ), m = te.td({
+  ), f = te.td({
     ...a.CalendarDay.tdStyle && a.CalendarDay.tdStyle(
       d,
       s,
@@ -396,7 +396,7 @@ const Re = (t, e, r, n) => {
       n,
       i
     )
-  }), h = te.div({
+  }), m = te.div({
     ...a.CalendarDay.innerWrapperStyle && a.CalendarDay.innerWrapperStyle(
       d,
       s,
@@ -407,7 +407,7 @@ const Re = (t, e, r, n) => {
     ),
     width: "100%",
     height: "100%"
-  }), f = te.div({
+  }), h = te.div({
     ...a.CalendarDay.cellWrapperStyle && a.CalendarDay.cellWrapperStyle(
       d,
       s,
@@ -419,12 +419,12 @@ const Re = (t, e, r, n) => {
     width: "100%",
     height: "100%",
     position: "relative"
-  }), g = Vr(d, s);
+  }), p = Vr(d, s);
   return /* @__PURE__ */ c(
-    m,
+    f,
     {
-      onClick: g ? void 0 : (p) => o == null ? void 0 : o(e, i, p),
-      children: /* @__PURE__ */ c(h, { children: /* @__PURE__ */ c(f, { children: e.month === n.monthInYear && /* @__PURE__ */ _(ue, { children: [
+      onClick: p ? void 0 : (g) => o == null ? void 0 : o(e, i, g),
+      children: /* @__PURE__ */ c(m, { children: /* @__PURE__ */ c(h, { children: e.month === n.monthInYear && /* @__PURE__ */ N(ue, { children: [
         l && /* @__PURE__ */ c(
           l,
           {
@@ -454,16 +454,16 @@ const Re = (t, e, r, n) => {
   backgroundColor: s,
   prefix: i
 }) => {
-  const o = /* @__PURE__ */ _(
-    Y,
+  const o = /* @__PURE__ */ N(
+    B,
     {
       width: e.width,
       height: e.height,
       justifyContent: "center",
       alignItems: "center",
       children: [
-        n && /* @__PURE__ */ c(Y, { position: "absolute", children: n }),
-        /* @__PURE__ */ c(Y, { position: "absolute", children: /* @__PURE__ */ _(
+        n && /* @__PURE__ */ c(B, { position: "absolute", children: n }),
+        /* @__PURE__ */ c(B, { position: "absolute", children: /* @__PURE__ */ N(
           yt,
           {
             color: t ? e.WeekNumber.clickableTextColor : e.WeekNumber.textColor,
@@ -477,12 +477,12 @@ const Re = (t, e, r, n) => {
     }
   );
   return /* @__PURE__ */ c(
-    Y,
+    B,
     {
       background: s || e.WeekNumber.backgroundColor,
       position: "relative",
       children: t ? /* @__PURE__ */ c(
-        _e,
+        ve,
         {
           borderRadius: "var(--swui-calendar-day-border-radius)",
           onClick: (a) => t(r, a),
@@ -492,7 +492,7 @@ const Re = (t, e, r, n) => {
       ) : o
     }
   );
-}, en = (t, e, r) => e && ot(t, e) ? v(t, e) : r && V(t, r) ? v(t, r) : !0, rn = function({
+}, en = (t, e, r) => e && ot(t, e) ? Y(t, e) : r && V(t, r) ? Y(t, r) : !0, rn = function({
   dayComponent: e,
   minDate: r,
   maxDate: n,
@@ -500,15 +500,15 @@ const Re = (t, e, r, n) => {
   day: i,
   ...o
 }) {
-  const a = E(
-    () => en(i.date, r, n) ? s : Fe(s, ["disabled"]),
+  const a = T(
+    () => en(i.date, r, n) ? s : Ke(s, ["disabled"]),
     [i.date, s, n, r]
   );
   return /* @__PURE__ */ c(e, { day: i, ...o, dayState: a });
 };
 function nn({
   month: t,
-  dayComponent: e = je,
+  dayComponent: e = ze,
   statePerWeek: r,
   userDataPerWeek: n,
   minDate: s,
@@ -518,82 +518,82 @@ function nn({
   onClickWeekDay: l,
   onClickMonth: d,
   renderWeekNumber: u,
-  renderWeekDay: m,
-  headerRightContent: h,
-  theme: f = Mt,
-  extraDayContent: g,
-  defaultHighlights: p,
-  showWeekNumber: y
+  renderWeekDay: f,
+  headerRightContent: m,
+  theme: h = Mt,
+  extraDayContent: p,
+  defaultHighlights: g,
+  showWeekNumber: w
 }) {
-  return /* @__PURE__ */ c(ue, { children: /* @__PURE__ */ _(Y, { alignItems: "stretch", children: [
-    /* @__PURE__ */ _(
-      B,
+  return /* @__PURE__ */ c(ue, { children: /* @__PURE__ */ N(B, { alignItems: "stretch", children: [
+    /* @__PURE__ */ N(
+      P,
       {
-        justifyContent: h ? "space-between" : "center",
+        justifyContent: m ? "space-between" : "center",
         alignItems: "center",
         children: [
-          /* @__PURE__ */ c(B, { justifyContent: "center", alignItems: "center", children: d ? /* @__PURE__ */ c(
+          /* @__PURE__ */ c(P, { justifyContent: "center", alignItems: "center", children: d ? /* @__PURE__ */ c(
             tt,
             {
               onClick: () => d(t),
               label: t.name + " " + String(t.year),
               rightIcon: he
             }
-          ) : /* @__PURE__ */ _(yt, { whiteSpace: "nowrap", children: [
+          ) : /* @__PURE__ */ N(yt, { whiteSpace: "nowrap", children: [
             t.name,
             " ",
             t.year
           ] }) }),
-          h && /* @__PURE__ */ c(Y, { alignItems: "center", children: h })
+          m && /* @__PURE__ */ c(B, { alignItems: "center", children: m })
         ]
       }
     ),
-    /* @__PURE__ */ c("table", { children: /* @__PURE__ */ _("tbody", { children: [
-      /* @__PURE__ */ _("tr", { children: [
-        y && /* @__PURE__ */ c("td", { children: /* @__PURE__ */ c(Y, { width: f.width, height: f.height }) }),
-        t.weeks[0].days.map((M) => /* @__PURE__ */ c("td", { children: m ? m(M.name, f, l) : /* @__PURE__ */ c(
+    /* @__PURE__ */ c("table", { children: /* @__PURE__ */ N("tbody", { children: [
+      /* @__PURE__ */ N("tr", { children: [
+        w && /* @__PURE__ */ c("td", { children: /* @__PURE__ */ c(B, { width: h.width, height: h.height }) }),
+        t.weeks[0].days.map((y) => /* @__PURE__ */ c("td", { children: f ? f(y.name, h, l) : /* @__PURE__ */ c(
           Zr,
           {
-            day: M,
+            day: y,
             onClickWeekDay: l,
-            theme: f
+            theme: h
           }
-        ) }, M.name))
+        ) }, y.name))
       ] }),
-      t.weeks.map((M) => /* @__PURE__ */ _("tr", { children: [
-        y && /* @__PURE__ */ c("td", { children: u ? u(M, f, a) : /* @__PURE__ */ c(
+      t.weeks.map((y) => /* @__PURE__ */ N("tr", { children: [
+        w && /* @__PURE__ */ c("td", { children: u ? u(y, h, a) : /* @__PURE__ */ c(
           tn,
           {
-            week: M,
+            week: y,
             onClickWeek: a,
-            theme: f
+            theme: h
           }
         ) }),
-        M.days.map((D) => /* @__PURE__ */ c(
+        y.days.map((b) => /* @__PURE__ */ c(
           rn,
           {
             dayComponent: e,
-            day: D,
-            week: M,
+            day: b,
+            week: y,
             month: t,
-            dayState: r && r[M.weekNumber] && r[M.weekNumber][D.dayOfMonth],
-            userData: n && n[M.weekNumber] && n[M.weekNumber][D.dayOfMonth],
+            dayState: r && r[y.weekNumber] && r[y.weekNumber][b.dayOfMonth],
+            userData: n && n[y.weekNumber] && n[y.weekNumber][b.dayOfMonth],
             onClickDay: o,
-            theme: f,
-            extraDayContent: g,
-            defaultHighlights: p,
+            theme: h,
+            extraDayContent: p,
+            defaultHighlights: g,
             minDate: s,
             maxDate: i
           },
-          D.dateString
+          b.dateString
         ))
-      ] }, M.weekNumber))
+      ] }, y.weekNumber))
     ] }) })
   ] }) });
 }
 function sn({
   monthRows: t,
-  dayComponent: e = je,
+  dayComponent: e = ze,
   userDataPerMonth: r,
   statePerMonth: n,
   minDate: s,
@@ -603,17 +603,17 @@ function sn({
   onClickWeek: l,
   onClickMonth: d,
   renderWeekDay: u,
-  renderWeekNumber: m,
-  headerRightContent: h,
-  extraDayContent: f,
-  defaultHighlights: g,
-  showWeekNumber: p,
-  theme: y = Mt
+  renderWeekNumber: f,
+  headerRightContent: m,
+  extraDayContent: h,
+  defaultHighlights: p,
+  showWeekNumber: g,
+  theme: w = Mt
 }) {
-  const M = E(
+  const y = T(
     () => s ? bt(s, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
     [s]
-  ), D = E(
+  ), b = T(
     () => i ? bt(i, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
     [i]
   );
@@ -621,31 +621,31 @@ function sn({
     "div",
     {
       className: wt(
-        Ie.calendar,
-        p && Ie.weekNumberVisible
+        Ae.calendar,
+        g && Ae.weekNumberVisible
       ),
-      children: t.map((b, S) => /* @__PURE__ */ c(nr, { children: /* @__PURE__ */ c(B, { gap: 2, children: b.map((R) => /* @__PURE__ */ c(
+      children: t.map((D, S) => /* @__PURE__ */ c(ir, { children: /* @__PURE__ */ c(P, { gap: 2, children: D.map((I) => /* @__PURE__ */ c(
         nn,
         {
-          month: R,
+          month: I,
           dayComponent: e,
-          userDataPerWeek: r && r[R.monthString],
-          statePerWeek: n && n[R.monthString],
+          userDataPerWeek: r && r[I.monthString],
+          statePerWeek: n && n[I.monthString],
           onClickDay: o,
           onClickWeekDay: a,
           onClickWeek: l,
           onClickMonth: d,
-          theme: y,
-          renderWeekNumber: m,
+          theme: w,
+          renderWeekNumber: f,
           renderWeekDay: u,
-          headerRightContent: h,
-          extraDayContent: f,
-          defaultHighlights: g,
-          minDate: M,
-          maxDate: D,
-          showWeekNumber: p ?? !1
+          headerRightContent: m,
+          extraDayContent: h,
+          defaultHighlights: p,
+          minDate: y,
+          maxDate: b,
+          showWeekNumber: g ?? !1
         },
-        R.name
+        I.name
       )) }) }, S))
     }
   );
@@ -657,7 +657,7 @@ function oe(t) {
   ), s = cn(
     r,
     n,
-    t.locale ?? qt,
+    t.locale ?? pe,
     t.numMonths,
     t.monthsPerRow
   ), i = Or(
@@ -684,18 +684,18 @@ const on = (t, e, r) => {
   if (r)
     return {
       month: pt(r),
-      year: _t(r)
+      year: Lt(r)
     };
   const n = /* @__PURE__ */ new Date();
   return {
     month: pt(n),
-    year: _t(n)
+    year: Lt(n)
   };
-}, cn = (t, e, r, n, s) => n == null ? [[Gt(t, e, r)]] : s == null ? [Re(t, e, n, r)] : Oe(Re(t, e, n, r), s), Ce = (t, e) => `${t.row}-${t.column}-${e}`, an = (t, e, r, n) => {
+}, cn = (t, e, r, n, s) => n == null ? [[Qt(t, e, r)]] : s == null ? [Ee(t, e, n, r)] : je(Ee(t, e, n, r), s), Ge = (t, e) => `${t.row}-${t.column}-${e}`, an = (t, e, r, n) => {
   let s = e;
   for (let i = 0; i < n; i++) {
     s = ln(s, t, n);
-    const o = Ce(s, r);
+    const o = Ge(s, r);
     if (document.getElementById(o))
       return o;
   }
@@ -705,50 +705,88 @@ const on = (t, e, r) => {
     column: s,
     row: n
   };
-}, dn = ({
+}, Tt = {
+  "en-US": Tr,
+  "en-GB": pe,
+  "de-AT": Rr,
+  "de-DE": Re,
+  "sv-SE": Ie,
+  "da-DK": xe,
+  fr: Ir,
+  de: Re,
+  es: xr,
+  sv: Ie,
+  pl: Er,
+  da: xe,
+  nl: Ar,
+  nb: _r
+}, Rt = (t) => {
+  const e = Tt[t];
+  if (e != null)
+    return e;
+  const r = dn(t);
+  if (r != null) {
+    const n = Tt[r];
+    if (n != null)
+      return n;
+  }
+}, dn = (t) => {
+  const [e] = t.split("-"), r = Object.keys(Tt);
+  for (const n of r)
+    if (n.startsWith(e))
+      return n;
+}, qe = () => Tt.sv, un = (t) => {
+  const e = Object.keys(Tt);
+  for (const r of e)
+    if (Tt[r].code === t.code)
+      return r;
+}, fn = ({
   month: t,
   onClick: e,
   selected: r,
-  locale: n,
+  localeCode: n,
   autoFocus: s,
   monthPickerId: i,
   position: o,
   size: a
 }) => {
-  const l = E(
-    () => Nt($(t, "MMM", { locale: n })),
-    [n, t]
-  ), d = E(
-    () => Nt($(t, "MMMM", { locale: n })),
-    [n, t]
-  ), u = U(null), m = Ce(o, i), h = r ? 0 : -1;
+  const l = T(
+    () => Rt(n) ?? Rt("en-GB"),
+    [n]
+  ), d = T(
+    () => vt($(t, "MMM", { locale: l })),
+    [l, t]
+  ), u = T(
+    () => vt($(t, "MMMM", { locale: l })),
+    [l, t]
+  ), f = U(null), m = Ge(o, i), h = r ? 0 : -1;
   rt(() => {
     var g;
-    (g = u.current) == null || g.focus();
+    (g = f.current) == null || g.focus();
   }, []);
-  const f = w(
+  const p = M(
     (g) => {
       var y;
-      const p = an(
+      const w = an(
         g.key,
         o,
         i,
         4
       );
-      p && ((y = document.getElementById(p)) == null || y.focus());
+      w && ((y = document.getElementById(w)) == null || y.focus());
     },
     [i, o]
   );
-  return /* @__PURE__ */ c(B, { justifyContent: "center", onKeyDown: f, children: r ? /* @__PURE__ */ c(
-    Tt,
+  return /* @__PURE__ */ c(P, { justifyContent: "center", onKeyDown: p, children: r ? /* @__PURE__ */ c(
+    It,
     {
       id: m,
-      "aria-label": d,
-      label: l,
+      "aria-label": u,
+      label: d,
       onClick: e,
       "aria-selected": !0,
       autoFocus: s,
-      ref: u,
+      ref: f,
       size: a === "large" ? "large" : "medium",
       tabIndex: h
     }
@@ -756,14 +794,14 @@ const on = (t, e, r) => {
     tt,
     {
       id: m,
-      label: l,
-      "aria-label": d,
+      label: d,
+      "aria-label": u,
       onClick: e,
       size: a === "large" ? "large" : "medium",
       tabIndex: h
     }
   ) });
-}, un = (t, e, r) => {
+}, hn = (t, e, r) => {
   let n = t.getFullYear(), s = 0, i = 0, o = t;
   const a = {
     yearOrder: [],
@@ -786,53 +824,53 @@ const on = (t, e, r) => {
       a.years[n].rows.push(s);
       break;
     }
-    o = vt(o, 1), o.getFullYear() !== n ? (a.years[n].rows.push(s), n++, i = 0, s++) : (i++, i > r - 1 && (a.years[n].rows.push(s), i = 0, s++));
+    o = Ht(o, 1), o.getFullYear() !== n ? (a.years[n].rows.push(s), n++, i = 0, s++) : (i++, i > r - 1 && (a.years[n].rows.push(s), i = 0, s++));
   }
   return a.lastMonthColumn = i, a.lastMonthRow = s, a;
-}, ye = () => E(() => /* @__PURE__ */ new Date(), []), Ht = ({
+}, Me = () => T(() => /* @__PURE__ */ new Date(), []), $t = ({
   value: t,
   onValueChange: e,
-  locale: r = qt,
-  firstMonth: n,
+  firstMonth: r,
+  localeCode: n,
   numMonths: s,
   onCancel: i,
   size: o = "medium"
 }) => {
-  const a = be(), l = ye(), d = s > 0 ? s : 12, [u, m] = I(!1), h = un(n, d, hn(o)), f = E(() => vt(n, d), [d, n]);
+  const a = we(), l = Me(), d = s > 0 ? s : 12, [u, f] = R(!1), m = hn(r, d, gn(o)), h = T(() => Ht(r, d), [d, r]);
   rt(() => {
-    m(!0);
+    f(!0);
   }, []);
-  const g = w(
-    (p) => {
-      p.key === "Escape" && (i == null || i(), p.preventDefault(), p.stopPropagation());
+  const p = M(
+    (g) => {
+      g.key === "Escape" && (i == null || i(), g.preventDefault(), g.stopPropagation());
     },
     [i]
   );
-  return /* @__PURE__ */ c(Q, { gap: 1, maxWidth: fn(o), onKeyDown: g, children: h.yearOrder.map((p, y) => {
-    const { rows: M } = h.years[p];
-    return /* @__PURE__ */ _(De.Fragment, { children: [
-      (y !== 0 || p !== l.getFullYear()) && /* @__PURE__ */ c(Yt, { variant: "h4", children: p }),
-      /* @__PURE__ */ c("table", { style: { borderSpacing: "0 8px" }, children: /* @__PURE__ */ c("tbody", { children: M.map((D) => {
-        const { columns: b } = h.rows[D];
-        return /* @__PURE__ */ c("tr", { children: b.map(({ month: S, position: R }) => /* @__PURE__ */ c("td", { children: /* @__PURE__ */ c(
-          dn,
+  return /* @__PURE__ */ c(Q, { gap: 1, maxWidth: mn(o), onKeyDown: p, children: m.yearOrder.map((g, w) => {
+    const { rows: y } = m.years[g];
+    return /* @__PURE__ */ N(be.Fragment, { children: [
+      (w !== 0 || g !== l.getFullYear()) && /* @__PURE__ */ c(Yt, { variant: "h4", children: g }),
+      /* @__PURE__ */ c("table", { style: { borderSpacing: "0 8px" }, children: /* @__PURE__ */ c("tbody", { children: y.map((b) => {
+        const { columns: D } = m.rows[b];
+        return /* @__PURE__ */ c("tr", { children: D.map(({ month: S, position: I }) => /* @__PURE__ */ c("td", { children: /* @__PURE__ */ c(
+          fn,
           {
             month: S,
-            firstAvailableMonth: n,
-            lastAvailableMonth: f,
-            locale: r,
+            firstAvailableMonth: r,
+            lastAvailableMonth: h,
+            localeCode: n,
             selected: t ? ct(t, S) : !1,
             autoFocus: u,
             onClick: () => e == null ? void 0 : e(S),
             monthPickerId: a,
-            position: R,
+            position: I,
             size: o
           }
-        ) }, S.getMonth())) }, D);
+        ) }, S.getMonth())) }, b);
       }) }) })
-    ] }, p);
+    ] }, g);
   }) });
-}, fn = (t) => {
+}, mn = (t) => {
   switch (t) {
     case "small":
       return "280px";
@@ -843,7 +881,7 @@ const on = (t, e, r) => {
     default:
       return fe(t, "336px");
   }
-}, hn = (t) => {
+}, gn = (t) => {
   switch (t) {
     case "small":
       return 3;
@@ -854,7 +892,7 @@ const on = (t, e, r) => {
     default:
       return fe(t, 4);
   }
-}, mn = (t) => [
+}, pn = (t) => [
   {
     label: "Past",
     presets: [
@@ -873,13 +911,13 @@ const on = (t, e, r) => {
       { label: "Next 45 days", startDate: t, endDate: Z(t, 44) }
     ]
   }
-], gn = ({
+], Dn = ({
   onClickPreset: t
 }) => {
-  const [e, r] = I(0), n = E(() => mn(/* @__PURE__ */ new Date()), []), s = n[e] ?? n[0];
-  return /* @__PURE__ */ _(Q, { children: [
-    /* @__PURE__ */ _(
-      B,
+  const [e, r] = R(0), n = T(() => pn(/* @__PURE__ */ new Date()), []), s = n[e] ?? n[0];
+  return /* @__PURE__ */ N(Q, { children: [
+    /* @__PURE__ */ N(
+      P,
       {
         justifyContent: "space-between",
         alignItems: "center",
@@ -889,7 +927,7 @@ const on = (t, e, r) => {
             tt,
             {
               size: "small",
-              leftIcon: ir,
+              leftIcon: cr,
               disabled: e === 0,
               onClick: () => r(e - 1)
             }
@@ -899,7 +937,7 @@ const on = (t, e, r) => {
             tt,
             {
               size: "small",
-              leftIcon: or,
+              leftIcon: ar,
               disabled: e === n.length - 1,
               onClick: () => r(e + 1)
             }
@@ -908,9 +946,9 @@ const on = (t, e, r) => {
       }
     ),
     /* @__PURE__ */ c(St, {}),
-    /* @__PURE__ */ c(Q, { alignItems: "center", children: s.presets.map((i) => /* @__PURE__ */ _(De.Fragment, { children: [
+    /* @__PURE__ */ c(Q, { alignItems: "center", children: s.presets.map((i) => /* @__PURE__ */ N(be.Fragment, { children: [
       /* @__PURE__ */ c(
-        Tt,
+        It,
         {
           label: i.label,
           onClick: () => t(i)
@@ -919,7 +957,7 @@ const on = (t, e, r) => {
       /* @__PURE__ */ c(St, {})
     ] }, i.label)) })
   ] });
-}, pn = function({
+}, bn = function({
   locale: e,
   dateInFocus: r,
   setDateInFocus: n,
@@ -928,12 +966,15 @@ const on = (t, e, r) => {
   renderMonthPicker: o,
   ...a
 }) {
-  const l = w(
-    (u) => {
-      n && n(u), i("calendar");
+  const l = T(
+    () => e == null ? "en-GB" : un(e) ?? "en-GB",
+    [e]
+  ), d = M(
+    (f) => {
+      n && n(f), i("calendar");
     },
     [n, i]
-  ), d = w(() => {
+  ), u = M(() => {
     i("month");
   }, [i]);
   switch (s) {
@@ -943,52 +984,52 @@ const on = (t, e, r) => {
         {
           ...a,
           date: r,
-          onClickMonth: d,
+          onClickMonth: u,
           locale: e
         }
       );
     case "month":
       return o ? o({
         value: r,
-        onValueChange: l,
+        onValueChange: d,
         locale: e,
         firstMonth: /* @__PURE__ */ new Date(),
         numMonths: 24,
         dateInFocus: r
       }) : /* @__PURE__ */ c(
-        Ht,
+        $t,
         {
           value: r,
-          onValueChange: l,
-          locale: e,
+          onValueChange: d,
+          localeCode: l,
           firstMonth: /* @__PURE__ */ new Date(),
           numMonths: 24
         }
       );
     case "presets":
-      return /* @__PURE__ */ c(gn, { onClickPreset: () => {
+      return /* @__PURE__ */ c(Dn, { onClickPreset: () => {
       } });
     default:
-      return /* @__PURE__ */ c(Y, { children: /* @__PURE__ */ c(
-        Tt,
+      return /* @__PURE__ */ c(B, { children: /* @__PURE__ */ c(
+        It,
         {
           label: "Show calendar",
           onClick: () => i("calendar")
         }
       ) });
   }
-}, Dn = (t, e, r, n) => {
-  const s = w(() => {
-    const l = vt(t, r ?? n ?? 1);
+}, wn = (t, e, r, n) => {
+  const s = M(() => {
+    const l = Ht(t, r ?? n ?? 1);
     e == null || e(l);
-  }, [e, t, r, n]), i = w(() => {
-    const l = Dr(t, 1);
+  }, [e, t, r, n]), i = M(() => {
+    const l = wr(t, 1);
     e == null || e(l);
-  }, [e, t]), o = w(() => {
+  }, [e, t]), o = M(() => {
     const l = ge(t, r ?? n ?? 1);
     e == null || e(l);
-  }, [e, t, r, n]), a = w(() => {
-    const l = br(t, 1);
+  }, [e, t, r, n]), a = M(() => {
+    const l = yr(t, 1);
     e == null || e(l);
   }, [e, t]);
   return {
@@ -997,23 +1038,23 @@ const on = (t, e, r) => {
     nextYear: i,
     prevYear: a
   };
-}, bn = ({
+}, yn = ({
   children: t,
   prevMonth: e,
   nextMonth: r,
   prevYear: n,
   nextYear: s
-}) => /* @__PURE__ */ _("div", { children: [
+}) => /* @__PURE__ */ N("div", { children: [
   t,
-  /* @__PURE__ */ c(Et, { children: /* @__PURE__ */ _(B, { gap: 1, children: [
-    /* @__PURE__ */ c(ft, { onClick: n, leftIcon: cr }),
-    /* @__PURE__ */ c(ft, { onClick: e, leftIcon: Kt }),
-    /* @__PURE__ */ c(Et, { num: 2 }),
+  /* @__PURE__ */ c(_t, { children: /* @__PURE__ */ N(P, { gap: 1, children: [
+    /* @__PURE__ */ c(ft, { onClick: n, leftIcon: lr }),
+    /* @__PURE__ */ c(ft, { onClick: e, leftIcon: Gt }),
+    /* @__PURE__ */ c(_t, { num: 2 }),
     /* @__PURE__ */ c(ft, { onClick: r, leftIcon: Pt }),
-    /* @__PURE__ */ c(ft, { onClick: s, leftIcon: ar })
+    /* @__PURE__ */ c(ft, { onClick: s, leftIcon: dr })
   ] }) }),
   /* @__PURE__ */ c(St, {})
-] }), wn = () => {
+] }), Mn = () => {
 };
 function kt({
   monthSwitcherPlacement: t,
@@ -1022,35 +1063,35 @@ function kt({
   setDateInFocus: n,
   currentPanel: s,
   setCurrentPanel: i,
-  onSelectPreset: o = wn,
+  onSelectPreset: o = Mn,
   renderMonthPicker: a,
   ...l
 }) {
-  const { nextMonth: d, prevMonth: u, nextYear: m, prevYear: h } = Dn(
+  const { nextMonth: d, prevMonth: u, nextYear: f, prevYear: m } = wn(
     r,
     n,
     l.monthsPerRow,
     l.numMonths
   );
-  switch (yn(
+  switch (kn(
     t,
     l.numMonths
   )) {
     case "below":
       return /* @__PURE__ */ c(
-        bn,
+        yn,
         {
           theme: e,
           nextMonth: d,
           prevMonth: u,
-          nextYear: m,
-          prevYear: h,
+          nextYear: f,
+          prevYear: m,
           children: /* @__PURE__ */ c(oe, { ...l, theme: e, date: r })
         }
       );
     case "header":
       return /* @__PURE__ */ c(Q, { children: /* @__PURE__ */ c(
-        pn,
+        bn,
         {
           ...l,
           theme: e,
@@ -1060,12 +1101,12 @@ function kt({
           currentPanel: s,
           setCurrentPanel: i,
           onSelectPreset: o,
-          headerRightContent: /* @__PURE__ */ _(B, { alignItems: "center", gap: 1, children: [
+          headerRightContent: /* @__PURE__ */ N(P, { alignItems: "center", gap: 1, children: [
             /* @__PURE__ */ c(
               ft,
               {
                 onClick: u,
-                leftIcon: Kt
+                leftIcon: Gt
               }
             ),
             /* @__PURE__ */ c(
@@ -1082,10 +1123,10 @@ function kt({
       return /* @__PURE__ */ c(oe, { ...l, theme: e, date: r });
   }
 }
-const yn = (t, e) => t || (e || 1) > 1 ? "below" : "header", Mn = (t) => ({
+const kn = (t, e) => t || (e || 1) > 1 ? "below" : "header", Sn = (t) => ({
   startDate: t.startDate ? $(t.startDate, "yyyy-MM-dd") : void 0,
   endDate: t.endDate ? $(t.endDate, "yyyy-MM-dd") : void 0
-}), kn = ({
+}), Tn = ({
   startDate: t,
   endDate: e
 }) => {
@@ -1094,21 +1135,21 @@ const yn = (t, e) => t || (e || 1) > 1 ? "below" : "header", Mn = (t) => ({
     startDate: t ? bt(t, "yyyy-MM-dd", r) : void 0,
     endDate: e ? bt(e, "yyyy-MM-dd", r) : void 0
   };
-}, Ke = ({
+}, Je = ({
   startDate: t,
   endDate: e
-}) => !!(t && e && !v(t, e) && V(t, e)), ze = (t) => Ke(t) ? {
+}) => !!(t && e && !Y(t, e) && V(t, e)), Qe = (t) => Je(t) ? {
   startDate: t.endDate,
   endDate: t.startDate
-} : t, Js = (t) => t.startDate && t.endDate ? Mn(
-  ze(kn(t))
-) : t, Sn = (t, e, r, n) => w(
+} : t, Qs = (t) => t.startDate && t.endDate ? Sn(
+  Qe(Tn(t))
+) : t, Rn = (t, e, r, n) => M(
   (s) => {
     const i = {
       startDate: r === "startDate" ? s.date : t == null ? void 0 : t.startDate,
       endDate: r === "endDate" ? s.date : t == null ? void 0 : t.endDate
     };
-    Ke(i) || n(r === "startDate" ? "endDate" : "startDate"), e == null || e(ze(i));
+    Je(i) || n(r === "startDate" ? "endDate" : "startDate"), e == null || e(Qe(i));
   },
   [
     r,
@@ -1117,8 +1158,8 @@ const yn = (t, e) => t || (e || 1) > 1 ? "below" : "header", Mn = (t) => ({
     t == null ? void 0 : t.endDate,
     t == null ? void 0 : t.startDate
   ]
-), Qt = (t) => {
-  const [e, r] = I("calendar"), n = w(
+), Xt = (t) => {
+  const [e, r] = R("calendar"), n = M(
     (s) => {
       r(s), t == null || t(s);
     },
@@ -1128,7 +1169,7 @@ const yn = (t, e) => t || (e || 1) > 1 ? "below" : "header", Mn = (t) => ({
     currentPanel: e,
     setCurrentPanel: n
   };
-}, Tn = ({
+}, In = ({
   focusedInput: t,
   value: e,
   onValueChange: r,
@@ -1137,15 +1178,15 @@ const yn = (t, e) => t || (e || 1) > 1 ? "below" : "header", Mn = (t) => ({
   onChangePanel: i,
   initialDateInFocus: o
 }) => {
-  const { currentPanel: a, setCurrentPanel: l } = Qt(i), [d, u] = I(
+  const { currentPanel: a, setCurrentPanel: l } = Xt(i), [d, u] = R(
     () => o ?? /* @__PURE__ */ new Date()
-  ), m = Sn(
+  ), f = Rn(
     e,
     r,
     t,
     n
-  ), h = E(
-    () => Lt(
+  ), m = T(
+    () => Bt(
       s,
       e == null ? void 0 : e.startDate,
       e == null ? void 0 : e.endDate
@@ -1153,20 +1194,20 @@ const yn = (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: m,
-    statePerMonth: h,
+    onClickDay: f,
+    statePerMonth: m,
     currentPanel: a,
     setCurrentPanel: l,
     setDateInFocus: u,
     dateInFocus: d
   };
 };
-function Gs(t) {
-  const e = Tn(t);
+function Xs(t) {
+  const e = In(t);
   return /* @__PURE__ */ c(kt, { ...t, ...e });
 }
-const Qs = () => {
-  const [t, e] = I(), [r, n] = I(), [s, i] = I("startDate");
+const Zs = () => {
+  const [t, e] = R(), [r, n] = R(), [s, i] = R("startDate");
   return {
     startDate: t,
     setStartDate: e,
@@ -1175,18 +1216,18 @@ const Qs = () => {
     focusedInput: s,
     setFocusedInput: i
   };
-}, Rn = ({
+}, xn = ({
   onChange: t,
   value: e,
   statePerMonth: r,
   onChangePanel: n
 }) => {
-  const { currentPanel: s, setCurrentPanel: i } = Qt(n), [o, a] = I(() => e ?? /* @__PURE__ */ new Date()), l = w(
+  const { currentPanel: s, setCurrentPanel: i } = Xt(n), [o, a] = R(() => e ?? /* @__PURE__ */ new Date()), l = M(
     (u) => {
       t && t(u.date);
     },
     [t]
-  ), d = E(
+  ), d = T(
     () => e ? ht(r, e, [
       "selected",
       "singleSelected"
@@ -1203,26 +1244,26 @@ const Qs = () => {
     setDateInFocus: a
   };
 };
-function qe(t) {
-  const e = Rn(t);
+function Xe(t) {
+  const e = xn(t);
   return /* @__PURE__ */ c(kt, { ...t, ...e });
 }
-const In = ({
+const En = ({
   onChange: t,
   value: e,
   statePerMonth: r,
   onChangePanel: n
 }) => {
-  const { currentPanel: s, setCurrentPanel: i } = Qt(n), [o, a] = I(() => /* @__PURE__ */ new Date()), l = w(
+  const { currentPanel: s, setCurrentPanel: i } = Xt(n), [o, a] = R(() => /* @__PURE__ */ new Date()), l = M(
     (u) => {
       if (!t)
         return;
-      const m = e && e.find((h) => v(h, u.date));
-      t(e && m ? e.filter((h) => !v(h, u.date)) : [...e || [], u.date]);
+      const f = e && e.find((m) => Y(m, u.date));
+      t(e && f ? e.filter((m) => !Y(m, u.date)) : [...e || [], u.date]);
     },
     [t, e]
-  ), d = E(() => e ? e.reduce(
-    (u, m) => ht(u, m, ["selected"]),
+  ), d = T(() => e ? e.reduce(
+    (u, f) => ht(u, f, ["selected"]),
     r
   ) : r, [r, e]);
   return {
@@ -1234,40 +1275,40 @@ const In = ({
     setDateInFocus: a
   };
 };
-function Xs(t) {
-  const e = In(t);
+function Vs(t) {
+  const e = En(t);
   return /* @__PURE__ */ c(kt, { ...t, ...e });
 }
-const xn = ({
+const An = ({
   onChange: t,
   value: e,
   statePerMonth: r,
   onChangePanel: n,
-  locale: s = qt
+  locale: s = pe
 }) => {
-  const [i, o] = I(() => {
-    const f = ee(e, s);
-    return f ? f.days[0].date : /* @__PURE__ */ new Date();
-  }), { currentPanel: a, setCurrentPanel: l } = Qt(n), d = w(
-    (f) => {
-      t && t(xe(we(f.date, s)));
+  const [i, o] = R(() => {
+    const h = ee(e, s);
+    return h ? h.days[0].date : /* @__PURE__ */ new Date();
+  }), { currentPanel: a, setCurrentPanel: l } = Xt(n), d = M(
+    (h) => {
+      t && t(_e(ye(h.date, s)));
     },
     [s, t]
-  ), u = w(
-    (f) => {
-      t && t(xe(f));
+  ), u = M(
+    (h) => {
+      t && t(_e(h));
     },
     [t]
-  ), m = E(() => {
-    const f = ee(e, s);
-    return f ? Wr(r, f) : r;
-  }, [e, s, r]), h = E(() => {
-    const f = ee(e, s);
-    return f ? f.days[0].date : /* @__PURE__ */ new Date();
+  ), f = T(() => {
+    const h = ee(e, s);
+    return h ? $r(r, h) : r;
+  }, [e, s, r]), m = T(() => {
+    const h = ee(e, s);
+    return h ? h.days[0].date : /* @__PURE__ */ new Date();
   }, [s, e]);
   return {
-    statePerMonth: m,
-    date: h,
+    statePerMonth: f,
+    date: m,
     dateInFocus: i,
     setDateInFocus: o,
     onClickDay: d,
@@ -1275,7 +1316,7 @@ const xn = ({
     currentPanel: a,
     setCurrentPanel: l
   };
-}, xe = (t) => {
+}, _e = (t) => {
   if (t)
     return `${t.endYear}-${t.weekNumber}`;
 }, ee = (t, e) => {
@@ -1283,17 +1324,17 @@ const xn = ({
     return;
   const r = t.split("-"), n = parseInt(r[1], 10), s = parseInt(r[0], 10), i = /* @__PURE__ */ new Date();
   i.setFullYear(s);
-  const o = Ft(wr(i, n), { locale: e });
-  return we(o, e);
+  const o = Ct(Mr(i, n), { locale: e });
+  return ye(o, e);
 };
-function Zs(t) {
-  const e = xn(t);
+function ti(t) {
+  const e = An(t);
   return /* @__PURE__ */ c(kt, { ...t, ...e });
 }
-const $t = "bottom", En = (t, e, r) => {
-  const [n, s] = I(r || !1), i = w(() => (s(!0), !0), [s]), o = w(() => {
+const Ot = "bottom", _n = (t, e, r) => {
+  const [n, s] = R(r || !1), i = M(() => (s(!0), !0), [s]), o = M(() => {
     s(!1), e && e();
-  }, [s, e]), a = w(
+  }, [s, e]), a = M(
     (l) => {
       t && t(l), setTimeout(o, 150);
     },
@@ -1305,7 +1346,7 @@ const $t = "bottom", En = (t, e, r) => {
     showingCalendar: n,
     onSelectDate: a
   };
-}, Wt = "2999-12-31", Vs = ({
+}, Ut = "2999-12-31", ei = ({
   displayFormat: t = at.fullDate,
   placeholder: e = "Enter date",
   value: r,
@@ -1317,62 +1358,66 @@ const $t = "bottom", En = (t, e, r) => {
   variant: l,
   width: d,
   minDate: u,
-  maxDate: m = Wt,
-  disabled: h
+  maxDate: f = Ut,
+  disabled: m,
+  portalTarget: h,
+  zIndex: p
 }) => {
-  const { hideCalendar: f, showingCalendar: g, onSelectDate: p, showCalendar: y } = En(a, o, i);
-  return /* @__PURE__ */ c(Y, { width: d, children: /* @__PURE__ */ c(
-    Bt,
+  const { hideCalendar: g, showingCalendar: w, onSelectDate: y, showCalendar: b } = _n(a, o, i);
+  return /* @__PURE__ */ c(B, { width: d, children: /* @__PURE__ */ c(
+    Wt,
     {
       hideArrow: !0,
-      open: g,
-      onRequestClose: f,
-      renderTrigger: (M) => /* @__PURE__ */ c(Y, { ...M, children: /* @__PURE__ */ c(
+      open: w,
+      onRequestClose: g,
+      appendTo: h,
+      zIndex: p,
+      renderTrigger: (D) => /* @__PURE__ */ c(B, { ...D, children: /* @__PURE__ */ c(
         mt,
         {
           type: "date",
-          onFocus: y,
-          buttonRight: /* @__PURE__ */ c(lr, { onClick: y, icon: At }),
+          onFocus: b,
+          buttonRight: /* @__PURE__ */ c(ur, { onClick: b, icon: Nt }),
           value: r ? $(r, t) : "",
           placeholder: e,
           size: 9,
-          disabled: h,
+          disabled: m,
           autoFocus: i,
           variant: l,
           min: u,
-          max: m
+          max: f
         }
       ) }),
-      placement: $t,
+      placement: Ot,
       children: /* @__PURE__ */ c(
-        qe,
+        Xe,
         {
           ...s,
-          onChange: p,
+          onChange: y,
           value: r,
           theme: n,
           minDate: u,
-          maxDate: m
+          maxDate: f
         }
       )
     }
   ) });
-}, An = (t, e) => {
-  const r = U(null), n = U(null), [s, i] = I(!1), [o, a] = I(void 0), l = w(() => (a("startDate"), i(!0), !0), [a, i]), d = w(() => (a("endDate"), i(!0), !0), [a, i]), u = w(() => {
+}, Nn = (t, e) => {
+  const r = U(null), n = U(null), [s, i] = R(!1), [o, a] = R(void 0), l = M(() => (a("startDate"), i(!0), !0), [a, i]), d = M(() => (a("endDate"), i(!0), !0), [a, i]), u = M(() => {
     i(!1);
-  }, [i]), m = w(
-    (f) => {
-      var g, p;
+  }, [i]), f = M(
+    (h) => {
+      var p, g;
       o === "startDate" ? (e == null || e({
-        startDate: f.date,
+        startDate: h.date,
         endDate: t == null ? void 0 : t.endDate
-      }), t != null && t.endDate ? setTimeout(u, 150) : (a("endDate"), (g = n.current) == null || g.focus())) : o === "endDate" && (e == null || e({
+      }), t != null && t.endDate ? setTimeout(u, 150) : (a("endDate"), (p = n.current) == null || p.focus())) : o === "endDate" && (e == null || e({
         startDate: t == null ? void 0 : t.startDate,
-        endDate: f.date
-      }), t != null && t.startDate ? setTimeout(u, 150) : (a("startDate"), (p = r.current) == null || p.focus()));
+        endDate: h.date
+      }), t != null && t.startDate ? setTimeout(u, 150) : (a("startDate"), (g = r.current) == null || g.focus()));
     },
     [o, e, a, u, t]
-  ), h = E(
+  ), m = T(
     () => (t == null ? void 0 : t.startDate) && (t == null ? void 0 : t.endDate) && V(t.startDate, t.endDate),
     [t == null ? void 0 : t.startDate, t == null ? void 0 : t.endDate]
   );
@@ -1385,11 +1430,11 @@ const $t = "bottom", En = (t, e, r) => {
     setFocusedInput: a,
     startDateInputRef: r,
     endDateInputRef: n,
-    onClickDay: m,
-    startDateIsAfterEnd: h
+    onClickDay: f,
+    startDateIsAfterEnd: m
   };
 };
-function ti({
+function ri({
   displayFormat: t = at.fullDate,
   placeholderStartDate: e = "Start date",
   placeholderEndDate: r = "End date",
@@ -1399,49 +1444,53 @@ function ti({
   calendarTheme: o = Mt,
   calendarProps: a,
   minDate: l,
-  maxDate: d = Wt,
-  disabled: u
+  maxDate: d = Ut,
+  disabled: u,
+  portalTarget: f,
+  zIndex: m
 }) {
-  const [m, h] = I("calendar"), {
-    hideCalendar: f,
-    showCalendarEndDate: g,
-    showCalendarStartDate: p,
-    showingCalendar: y,
-    focusedInput: M,
-    startDateInputRef: D,
-    endDateInputRef: b,
-    onClickDay: S,
-    startDateIsAfterEnd: R
-  } = An(n, s), [N, A] = I(
-    () => (M && (n == null ? void 0 : n[M])) ?? /* @__PURE__ */ new Date()
-  ), T = E(
-    () => Lt(void 0, n == null ? void 0 : n.startDate, n == null ? void 0 : n.endDate),
+  const [h, p] = R("calendar"), {
+    hideCalendar: g,
+    showCalendarEndDate: w,
+    showCalendarStartDate: y,
+    showingCalendar: b,
+    focusedInput: D,
+    startDateInputRef: S,
+    endDateInputRef: I,
+    onClickDay: L,
+    startDateIsAfterEnd: E
+  } = Nn(n, s), [A, k] = R(
+    () => (D && (n == null ? void 0 : n[D])) ?? /* @__PURE__ */ new Date()
+  ), _ = T(
+    () => Bt(void 0, n == null ? void 0 : n.startDate, n == null ? void 0 : n.endDate),
     [n]
   );
   return /* @__PURE__ */ c(
-    Bt,
+    Wt,
     {
       hideArrow: !0,
-      renderTrigger: (k) => /* @__PURE__ */ _(B, { alignItems: "center", ...k, children: [
+      appendTo: f,
+      zIndex: m,
+      renderTrigger: (H) => /* @__PURE__ */ N(P, { alignItems: "center", ...H, children: [
         /* @__PURE__ */ c(
           mt,
           {
-            iconLeft: At,
-            onFocus: p,
+            iconLeft: Nt,
+            onFocus: y,
             value: n != null && n.startDate ? $(n.startDate, t) : "",
             placeholder: e,
             width: i,
             disabled: u,
-            inputRef: D,
+            inputRef: S,
             size: 9,
-            variant: R ? "error" : void 0
+            variant: E ? "error" : void 0
           }
         ),
         /* @__PURE__ */ c(St, {}),
         /* @__PURE__ */ c(
-          Le,
+          Ye,
           {
-            icon: dr,
+            icon: fr,
             color: Jt("--lhds-color-ui-500"),
             size: 14
           }
@@ -1450,32 +1499,32 @@ function ti({
         /* @__PURE__ */ c(
           mt,
           {
-            iconLeft: At,
-            onFocus: g,
+            iconLeft: Nt,
+            onFocus: w,
             value: n != null && n.endDate ? $(n.endDate, t) : "",
             placeholder: r,
             width: i,
             disabled: u,
-            inputRef: b,
+            inputRef: I,
             size: 9,
-            variant: R ? "error" : void 0
+            variant: E ? "error" : void 0
           }
         )
       ] }),
-      open: y,
-      placement: $t,
-      onRequestClose: f,
+      open: b,
+      placement: Ot,
+      onRequestClose: g,
       children: /* @__PURE__ */ c(
         kt,
         {
           ...a,
-          dateInFocus: N,
-          setDateInFocus: A,
-          statePerMonth: T,
+          dateInFocus: A,
+          setDateInFocus: k,
+          statePerMonth: _,
           theme: o,
-          onClickDay: S,
-          currentPanel: m,
-          setCurrentPanel: h,
+          onClickDay: L,
+          currentPanel: h,
+          setCurrentPanel: p,
           minDate: l,
           maxDate: d
         }
@@ -1483,7 +1532,7 @@ function ti({
     }
   );
 }
-const ei = ({
+const ni = ({
   calendarProps: t,
   closeOnCalendarSelectDate: e = !0,
   dateFormat: r = at.fullDate,
@@ -1495,76 +1544,80 @@ const ei = ({
   calendarTheme: l = Mt,
   hideCalenderIcon: d = !1,
   minDate: u,
-  maxDate: m = Wt,
-  variant: h,
-  ...f
+  maxDate: f = Ut,
+  variant: m,
+  portalTarget: h,
+  zIndex: p,
+  ...g
 }) => {
-  const [g, p] = I(!1), y = w(() => {
-    p(!g);
-  }, [p, g]), M = w(() => {
-    p(!1);
-  }, [p]), D = w(
-    (T) => {
-      s && s(T);
+  const [w, y] = R(!1), b = M(() => {
+    y(!w);
+  }, [y, w]), D = M(() => {
+    y(!1);
+  }, [y]), S = M(
+    (_) => {
+      s && s(_);
     },
     [s]
-  ), b = w(
-    (T) => {
-      T && (D($(T, r)), e && setTimeout(() => p(!g), 200));
+  ), I = M(
+    (_) => {
+      _ && (S($(_, r)), e && setTimeout(() => y(!w), 200));
     },
     [
-      D,
+      S,
       r,
       e,
-      p,
-      g
+      y,
+      w
     ]
-  ), S = !!o && !/^[-/\\.0-9]+$/.test(o), R = !!o && yr(bt(o, r, /* @__PURE__ */ new Date())), A = !!o && o.length >= r.length && !R || S;
-  return /* @__PURE__ */ c(Y, { width: a, children: /* @__PURE__ */ c(
-    Bt,
+  ), L = !!o && !/^[-/\\.0-9]+$/.test(o), E = !!o && kr(bt(o, r, /* @__PURE__ */ new Date())), k = !!o && o.length >= r.length && !E || L;
+  return /* @__PURE__ */ c(B, { width: a, children: /* @__PURE__ */ c(
+    Wt,
     {
-      renderTrigger: (T) => /* @__PURE__ */ c(
+      appendTo: h,
+      zIndex: p,
+      renderTrigger: (_) => /* @__PURE__ */ c(
         mt,
         {
-          ...f,
-          variant: A ? "error" : h,
+          ...g,
+          variant: k ? "error" : m,
           disableContentPaddingRight: !0,
-          contentRight: d ? void 0 : /* @__PURE__ */ c(B, { alignItems: "center", indent: 0.5, children: /* @__PURE__ */ c(
+          contentRight: d ? void 0 : /* @__PURE__ */ c(P, { alignItems: "center", indent: 0.5, children: /* @__PURE__ */ c(
             tt,
             {
               size: "small",
-              disabled: f.disabled || n,
-              leftIcon: At,
-              onClick: y
+              disabled: g.disabled || n,
+              leftIcon: Nt,
+              onClick: b
             }
           ) }),
-          onValueChange: D,
+          onValueChange: S,
           placeholder: i,
           value: o || "",
           min: u,
-          max: m,
+          max: f,
           size: 10,
-          ...T
+          ..._
         }
       ),
       hideArrow: !0,
-      open: g,
-      placement: $t,
-      onRequestClose: M,
+      open: w,
+      placement: Ot,
+      onRequestClose: D,
       children: /* @__PURE__ */ c(
-        qe,
+        Xe,
         {
           ...t,
-          onChange: b,
-          value: o && R ? bt(o, r, /* @__PURE__ */ new Date()) : void 0,
+          onChange: I,
+          value: o && E ? bt(o, r, /* @__PURE__ */ new Date()) : void 0,
           minDate: u,
-          maxDate: m,
+          maxDate: f,
           theme: l
         }
       )
     }
   ) });
-}, jt = (t) => {
+}, Kt = (t) => {
   if (t === "")
     return "00";
   const e = parseInt(t, 10);
@@ -1580,7 +1633,7 @@ const ei = ({
     default:
       throw new Error("Invalid hour string");
   }
-}, Ct = (t) => {
+}, zt = (t) => {
   if (t === "")
     return "00";
   const e = parseInt(t, 10);
@@ -1596,13 +1649,13 @@ const ei = ({
     default:
       throw new Error("Invalid minute string");
   }
-}, _n = (t) => {
+}, Ln = (t) => {
   if (!ce(t))
     return { time: t, success: !1 };
   const e = t && t.split(/-|:|,|;|[/]|[.]| /);
   if (e && e.length === 2)
     try {
-      const r = jt(e[0]), n = Ct(e[1]);
+      const r = Kt(e[0]), n = zt(e[1]);
       return { time: `${r}:${n}`, success: !0 };
     } catch {
       return { time: t, success: !1 };
@@ -1631,7 +1684,7 @@ const ei = ({
     }
   }
   return { time: t, success: !1 };
-}, ce = (t) => t ? /^[-:.,/; 0-9]+$/.test(t) : !0, ri = ({
+}, ce = (t) => t ? /^[-:.,/; 0-9]+$/.test(t) : !0, si = ({
   onValueChange: t,
   showPlaceholder: e = !0,
   useIcon: r = !0,
@@ -1640,15 +1693,15 @@ const ei = ({
   variant: i,
   ...o
 }) => {
-  const [a, l] = I(() => ce(n)), d = "hh:mm", u = w(() => {
+  const [a, l] = R(() => ce(n)), d = "hh:mm", u = M(() => {
     if (n) {
-      const h = _n(n);
-      l(h.success), h.success && t && t(h.time);
+      const m = Ln(n);
+      l(m.success), m.success && t && t(m.time);
     }
-  }, [n, t, l]), m = w(
-    (h) => {
-      const f = h.target.value, g = ce(f);
-      l(g && f.length <= d.length), t && t(f);
+  }, [n, t, l]), f = M(
+    (m) => {
+      const h = m.target.value, p = ce(h);
+      l(p && h.length <= d.length), t && t(h);
     },
     [t, l]
   );
@@ -1658,15 +1711,15 @@ const ei = ({
       ...o,
       type: "time",
       variant: a ? i : "error",
-      iconLeft: r ? Ye : void 0,
+      iconLeft: r ? Pe : void 0,
       value: n,
       placeholder: e ? d : void 0,
-      onChange: m,
+      onChange: f,
       onBlur: u,
       width: s
     }
   );
-}, Je = ({
+}, Ze = ({
   autoFocusLeft: t,
   autoFocusRight: e,
   onEsc: r,
@@ -1678,82 +1731,82 @@ const ei = ({
   placeholderRight: l,
   typeLeft: d,
   typeRight: u,
-  onChangeLeft: m,
-  onChangeRight: h,
-  valueLeft: f,
-  valueRight: g,
-  minLeft: p,
-  maxLeft: y,
-  minRight: M,
-  maxRight: D,
-  onClickLeft: b,
+  onChangeLeft: f,
+  onChangeRight: m,
+  valueLeft: h,
+  valueRight: p,
+  minLeft: g,
+  maxLeft: w,
+  minRight: y,
+  maxRight: b,
+  onClickLeft: D,
   onClickRight: S,
-  onClickCalendar: R,
-  onClickArrowDown: N,
-  onBlurLeft: A,
-  onBlurRight: T,
+  onClickCalendar: I,
+  onClickArrowDown: L,
+  onBlurLeft: E,
+  onBlurRight: A,
   onFocusLeft: k,
-  onFocusRight: P,
-  inputRefLeft: W,
+  onFocusRight: _,
+  inputRefLeft: H,
   inputRefRight: x,
-  variant: J,
+  variant: q,
   variantLeft: F,
   variantRight: C,
   onBlur: O,
   showPresets: K,
-  widthLeft: G,
+  widthLeft: J,
   widthRight: X,
   disabled: z
 }) => {
-  const H = U(0), q = E(
-    () => Lr((L) => {
-      L === 0 && (O == null || O());
+  const W = U(0), G = T(
+    () => Lr((v) => {
+      v === 0 && (O == null || O());
     }, 10),
     [O]
-  ), lt = w(
-    (L) => {
-      H.current++, q(H.current), k && k(L);
+  ), lt = M(
+    (v) => {
+      W.current++, G(W.current), k && k(v);
     },
-    [k, H, q]
-  ), nt = w(
-    (L) => {
-      H.current++, q(H.current), P && P(L);
+    [k, W, G]
+  ), nt = M(
+    (v) => {
+      W.current++, G(W.current), _ && _(v);
     },
-    [P, H, q]
-  ), st = w(
-    (L) => {
-      H.current--, q(H.current), A && A(L);
+    [_, W, G]
+  ), st = M(
+    (v) => {
+      W.current--, G(W.current), E && E(v);
     },
-    [A, H, q]
-  ), j = w(
-    (L) => {
-      H.current--, q(H.current), T && T(L);
+    [E, W, G]
+  ), j = M(
+    (v) => {
+      W.current--, G(W.current), A && A(v);
     },
-    [T, H, q]
+    [A, W, G]
   );
-  return /* @__PURE__ */ c(Y, { children: /* @__PURE__ */ _(
-    Pr,
+  return /* @__PURE__ */ c(B, { children: /* @__PURE__ */ N(
+    Br,
     {
       disableContentPaddingRight: !0,
       disabled: z,
-      variant: J,
-      contentRight: /* @__PURE__ */ _(B, { alignItems: "center", children: [
-        /* @__PURE__ */ c(Et, { num: 0.5, children: /* @__PURE__ */ c(
+      variant: q,
+      contentRight: /* @__PURE__ */ N(P, { alignItems: "center", children: [
+        /* @__PURE__ */ c(_t, { num: 0.5, children: /* @__PURE__ */ c(
           tt,
           {
-            leftIcon: At,
-            onClick: R,
+            leftIcon: Nt,
+            onClick: I,
             disabled: z,
             size: "small"
           }
         ) }),
-        K ? /* @__PURE__ */ _(ue, { children: [
-          /* @__PURE__ */ c(B, { height: "22px", children: /* @__PURE__ */ c(sr, { vertical: !0 }) }),
-          /* @__PURE__ */ c(Et, { num: 0.5, children: /* @__PURE__ */ c(
+        K ? /* @__PURE__ */ N(ue, { children: [
+          /* @__PURE__ */ c(P, { height: "22px", children: /* @__PURE__ */ c(or, { vertical: !0 }) }),
+          /* @__PURE__ */ c(_t, { num: 0.5, children: /* @__PURE__ */ c(
             tt,
             {
               leftIcon: he,
-              onClick: N,
+              onClick: L,
               disabled: z,
               size: "small"
             }
@@ -1761,37 +1814,37 @@ const ei = ({
         ] }) : null
       ] }),
       children: [
-        /* @__PURE__ */ c(Y, { width: G, children: /* @__PURE__ */ c(
+        /* @__PURE__ */ c(B, { width: J, children: /* @__PURE__ */ c(
           mt,
           {
             onEsc: r,
             onEnter: n,
-            onClick: b,
+            onClick: D,
             disabled: z,
             hideBorder: !0,
             placeholder: a,
-            value: f,
+            value: h,
             onValueChange: s,
-            onChange: m,
+            onChange: f,
             onBlur: st,
             onFocus: lt,
-            inputRef: W,
+            inputRef: H,
             variant: F,
             type: d,
             autoFocus: t,
-            min: p,
-            max: y
+            min: g,
+            max: w
           }
         ) }),
-        /* @__PURE__ */ c(B, { indent: 0.5, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ c(
-          Le,
+        /* @__PURE__ */ c(P, { indent: 0.5, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ c(
+          Ye,
           {
             icon: o,
             size: 12,
             color: Jt("--lhds-color-ui-500")
           }
         ) }),
-        /* @__PURE__ */ c(Y, { width: X, children: /* @__PURE__ */ c(
+        /* @__PURE__ */ c(B, { width: X, children: /* @__PURE__ */ c(
           mt,
           {
             onEsc: r,
@@ -1800,23 +1853,23 @@ const ei = ({
             disabled: z,
             hideBorder: !0,
             placeholder: l,
-            value: g,
+            value: p,
             onValueChange: i,
-            onChange: h,
+            onChange: m,
             onBlur: j,
             onFocus: nt,
             inputRef: x,
             variant: C,
             type: u,
             autoFocus: e,
-            min: M,
-            max: D
+            min: y,
+            max: b
           }
         ) })
       ]
     }
   ) });
-}, Nn = (t) => {
+}, vn = (t) => {
   if (t == null)
     throw new Error("Time is not set.");
   if (t === "")
@@ -1838,30 +1891,30 @@ const ei = ({
   if (n < 0 || n > 59)
     throw new Error("Invalid time.");
   return r * 100 + n;
-}, Ln = (t) => {
+}, Bn = (t) => {
   try {
-    return Nn(t), !0;
+    return vn(t), !0;
   } catch {
     return !1;
   }
-}, Ut = (t) => {
-  if (t && Ln(t)) {
+}, jt = (t) => {
+  if (t && Bn(t)) {
     const e = t.split(":");
     return {
-      hour: ke(e[0]),
-      minute: ke(e[1])
+      hour: Se(e[0]),
+      minute: Se(e[1])
     };
   }
   return {
     hour: void 0,
     minute: void 0
   };
-}, Yn = (t) => `${jt(String(t.getHours()))}:${Ct(
+}, Yn = (t) => `${Kt(String(t.getHours()))}:${zt(
   String(t.getMinutes())
-)}`, Pn = "_timePicker_1w05d_1", vn = "_timePickerColumn_1w05d_6", Ge = {
+)}`, Pn = "_timePicker_1w05d_1", Hn = "_timePickerColumn_1w05d_6", Ve = {
   timePicker: Pn,
-  timePickerColumn: vn
-}, Bn = ({
+  timePickerColumn: Hn
+}, Wn = ({
   onClick: t,
   item: e,
   selected: r,
@@ -1878,7 +1931,7 @@ const ei = ({
     },
     [n, e, r, s]
   ), /* @__PURE__ */ c(
-    B,
+    P,
     {
       width: "64px",
       justifyContent: "center",
@@ -1886,9 +1939,9 @@ const ei = ({
       indent: 0.5,
       ref: i,
       children: r ? /* @__PURE__ */ c(
-        Tt,
+        It,
         {
-          label: Yr(String(e), 2, "0"),
+          label: vr(String(e), 2, "0"),
           onClick: () => t && t(e)
         }
       ) : /* @__PURE__ */ c(
@@ -1900,15 +1953,15 @@ const ei = ({
       )
     }
   );
-}, Ee = ({
+}, Ne = ({
   onClick: t,
   items: e,
   selectedItem: r,
   canScrollRef: n
 }) => {
   const s = U(null);
-  return /* @__PURE__ */ c(Q, { className: Ge.timePickerColumn, ref: s, children: e.map((i) => /* @__PURE__ */ c(
-    Bn,
+  return /* @__PURE__ */ c(Q, { className: Ve.timePickerColumn, ref: s, children: e.map((i) => /* @__PURE__ */ c(
+    Wn,
     {
       item: i,
       onClick: t,
@@ -1918,54 +1971,54 @@ const ei = ({
     },
     i
   )) });
-}, Hn = pe(0, 24), $n = pe(0, 60), Wn = ({
+}, $n = De(0, 24), On = De(0, 60), Un = ({
   value: t,
   onValueChange: e
 }) => {
-  const r = U(!0), [n, s] = I(void 0), [i, o] = I(void 0);
+  const r = U(!0), [n, s] = R(void 0), [i, o] = R(void 0);
   rt(() => {
     if (t) {
-      const { minute: d, hour: u } = Ut(t);
+      const { minute: d, hour: u } = jt(t);
       s(u), o(d);
     }
   }, [t]);
-  const a = w(
+  const a = M(
     (d) => {
       s(d), e == null || e(
-        `${jt(String(d ?? 0))}:${Ct(String(i ?? 0))}`
+        `${Kt(String(d ?? 0))}:${zt(String(i ?? 0))}`
       );
     },
     [i, e]
-  ), l = w(
+  ), l = M(
     (d) => {
       o(d), e == null || e(
-        `${jt(String(n ?? 0))}:${Ct(String(d ?? 0))}`
+        `${Kt(String(n ?? 0))}:${zt(String(d ?? 0))}`
       );
     },
     [n, e]
   );
-  return /* @__PURE__ */ _(B, { className: Ge.timePicker, children: [
+  return /* @__PURE__ */ N(P, { className: Ve.timePicker, children: [
     /* @__PURE__ */ c(
-      Ee,
+      Ne,
       {
-        items: Hn,
+        items: $n,
         onClick: a,
         selectedItem: n,
         canScrollRef: r
       }
     ),
-    /* @__PURE__ */ c(Et, {}),
+    /* @__PURE__ */ c(_t, {}),
     /* @__PURE__ */ c(
-      Ee,
+      Ne,
       {
-        items: $n,
+        items: On,
         onClick: l,
         selectedItem: i,
         canScrollRef: r
       }
     )
   ] });
-}, On = (t, e, r) => {
+}, Fn = (t, e, r) => {
   rt(
     function() {
       t && e(t);
@@ -1979,7 +2032,7 @@ const ei = ({
     },
     [t, r]
   );
-}, Un = (t, e, {
+}, jn = (t, e, {
   setDateInFocus: r,
   showCalendarInternal: n,
   hideCalendarInternal: s,
@@ -1989,83 +2042,83 @@ const ei = ({
   setLocalTime: l,
   localDate: d,
   setLocalDate: u
-}, m) => {
-  const h = w(
-    (D) => {
-      if (!D)
+}, f) => {
+  const m = M(
+    (b) => {
+      if (!b)
         return;
-      const b = new Date(D);
+      const D = new Date(b);
       if (t)
-        b.setHours(t.getHours()), b.setMinutes(t.getMinutes()), e == null || e(b), u(void 0);
+        D.setHours(t.getHours()), D.setMinutes(t.getMinutes()), e == null || e(D), u(void 0);
       else if (a) {
-        const { minute: S, hour: R } = Ut(a);
-        b.setHours(R ?? 0), b.setMinutes(S ?? 0), e == null || e(b), u(void 0);
+        const { minute: S, hour: I } = jt(a);
+        D.setHours(I ?? 0), D.setMinutes(S ?? 0), e == null || e(D), u(void 0);
       } else
-        u(b);
-      r(b), m.current && (m.current.valueAsDate = new Date(
+        u(D);
+      r(D), f.current && (f.current.valueAsDate = new Date(
         Date.UTC(
-          b.getFullYear(),
-          b.getMonth(),
-          b.getDate()
+          D.getFullYear(),
+          D.getMonth(),
+          D.getDate()
         )
       ));
     },
     [
       t,
-      m,
+      f,
       a,
       e,
       r,
       u
     ]
-  ), f = w(
-    (D) => {
-      if (D)
+  ), h = M(
+    (b) => {
+      if (b)
         if (t) {
-          const b = Ut(D), S = new Date(t);
-          S.setHours(b.hour || 0), S.setMinutes(b.minute || 0), e == null || e(S), l(void 0);
+          const D = jt(b), S = new Date(t);
+          S.setHours(D.hour || 0), S.setMinutes(D.minute || 0), e == null || e(S), l(void 0);
         } else if (d) {
-          const b = Ut(D), S = new Date(d);
-          S.setHours(b.hour || 0), S.setMinutes(b.minute || 0), e == null || e(S), l(void 0);
+          const D = jt(b), S = new Date(d);
+          S.setHours(D.hour || 0), S.setMinutes(D.minute || 0), e == null || e(S), l(void 0);
         } else
-          l(D);
+          l(b);
     },
     [e, t, d, l]
-  ), g = w(
-    (D) => {
-      D.target.value[0] !== "0" && h(D.target.valueAsDate);
+  ), p = M(
+    (b) => {
+      b.target.value[0] !== "0" && m(b.target.valueAsDate);
     },
+    [m]
+  ), g = M(
+    (b) => h(b.target.value),
     [h]
-  ), p = w(
-    (D) => f(D.target.value),
-    [f]
-  ), y = w(() => {
+  ), w = M(() => {
     r(t || /* @__PURE__ */ new Date()), o("calendar"), n();
-  }, [t, o, n, r]), M = w(() => {
+  }, [t, o, n, r]), y = M(() => {
     i(void 0), s();
   }, [i, s]);
   return {
-    inputLeftChangeHandler: g,
-    inputRightChangeHandler: p,
-    hideCalendar: M,
-    showCalendar: y,
-    onChangeTime: f,
-    onChangeDate: h
+    inputLeftChangeHandler: p,
+    inputRightChangeHandler: g,
+    hideCalendar: y,
+    showCalendar: w,
+    onChangeTime: h,
+    onChangeDate: m
   };
-}, Fn = (t) => {
-  const [e, r] = I(void 0), [n, s] = I(void 0), [i, o, a] = ie(!1), [l, d, u] = ie(!1), [m, h] = I(void 0), [f, g] = I(
+}, Cn = (t) => {
+  const [e, r] = R(void 0), [n, s] = R(void 0), [i, o, a] = ie(!1), [l, d, u] = ie(!1), [f, m] = R(void 0), [h, p] = R(
     () => t ?? /* @__PURE__ */ new Date()
-  ), [p, y] = I("calendar");
+  ), [g, w] = R("calendar");
   return {
     isCalendarVisible: i,
     showCalendarInternal: o,
     hideCalendarInternal: a,
-    firstFocusedInput: m,
-    setFirstFocusedInput: h,
-    dateInFocus: f,
-    setDateInFocus: g,
-    currentPanel: p,
-    setCurrentPanel: y,
+    firstFocusedInput: f,
+    setFirstFocusedInput: m,
+    dateInFocus: h,
+    setDateInFocus: p,
+    currentPanel: g,
+    setCurrentPanel: w,
     isTimePickerVisible: l,
     showTimePicker: d,
     hideTimePicker: u,
@@ -2074,35 +2127,35 @@ const ei = ({
     localTime: n,
     setLocalTime: s
   };
-}, jn = (t, e, r, n, {
+}, Kn = (t, e, r, n, {
   isCalendarVisible: s,
   setCurrentPanel: i,
   showTimePicker: o,
   hideTimePicker: a
 }) => {
-  const l = w(() => {
+  const l = M(() => {
     s || r(), i("calendar"), a();
-  }, [a, s, i, r]), d = w(() => {
+  }, [a, s, i, r]), d = M(() => {
     n(), o();
-  }, [n, o]), u = w(
-    (g) => {
-      t(g.date), n(), o();
+  }, [n, o]), u = M(
+    (p) => {
+      t(p.date), n(), o();
     },
     [t, n, o]
-  ), m = w(() => {
+  ), f = M(() => {
     i("presets"), r();
-  }, [i, r]), h = w(() => {
-    var g;
-    s ? n() : ((g = e.current) == null || g.focus(), i("calendar"), r());
+  }, [i, r]), m = M(() => {
+    var p;
+    s ? n() : ((p = e.current) == null || p.focus(), i("calendar"), r());
   }, [
     s,
     n,
     e,
     i,
     r
-  ]), f = w(
-    (g) => {
-      g.key === "Escape" && n();
+  ]), h = M(
+    (p) => {
+      p.key === "Escape" && n();
     },
     [n]
   );
@@ -2110,11 +2163,11 @@ const ei = ({
     onFocusLeft: l,
     onFocusRight: d,
     onClickDay: u,
-    onClickArrowButton: m,
-    onClickCalendarButton: h,
-    onKeyDownHandler: f
+    onClickArrowButton: f,
+    onClickCalendarButton: m,
+    onKeyDownHandler: h
   };
-}, ni = ({
+}, ii = ({
   value: t,
   onValueChange: e,
   onEnter: r,
@@ -2124,85 +2177,85 @@ const ei = ({
   minDate: o,
   widthLeft: a = 128,
   widthRight: l = 80,
-  maxDate: d = Wt,
+  maxDate: d = Ut,
   variant: u,
-  disabled: m,
-  zIndex: h,
-  appendTo: f
+  disabled: f,
+  zIndex: m,
+  appendTo: h
 }) => {
-  const g = U(null), p = U(null), y = Fn(t), {
-    setCurrentPanel: M,
-    currentPanel: D,
-    isCalendarVisible: b,
+  const p = U(null), g = U(null), w = Cn(t), {
+    setCurrentPanel: y,
+    currentPanel: b,
+    isCalendarVisible: D,
     dateInFocus: S,
-    setDateInFocus: R,
-    isTimePickerVisible: N,
-    hideTimePicker: A,
-    localTime: T,
+    setDateInFocus: I,
+    isTimePickerVisible: L,
+    hideTimePicker: E,
+    localTime: A,
     localDate: k
-  } = y, {
-    showCalendar: P,
-    hideCalendar: W,
+  } = w, {
+    showCalendar: _,
+    hideCalendar: H,
     inputLeftChangeHandler: x,
-    inputRightChangeHandler: J,
+    inputRightChangeHandler: q,
     onChangeTime: F,
     onChangeDate: C
-  } = Un(t, e, y, g), {
+  } = jn(t, e, w, p), {
     onKeyDownHandler: O,
     onFocusRight: K,
-    onFocusLeft: G,
+    onFocusLeft: J,
     onClickDay: X,
     onClickCalendarButton: z,
-    onClickArrowButton: H
-  } = jn(
+    onClickArrowButton: W
+  } = Kn(
     C,
-    g,
-    P,
-    W,
-    y
+    p,
+    _,
+    H,
+    w
   );
-  On(t, R, g);
-  const q = E(() => {
-    const L = t || k;
-    return L ? ht(void 0, L, [
+  Fn(t, I, p);
+  const G = T(() => {
+    const v = t || k;
+    return v ? ht(void 0, v, [
       "singleSelected",
       "selected"
     ]) : {};
-  }, [k, t]), lt = w(() => {
-    W(), A();
-  }, [W, A]), nt = E(
-    () => t ? Yn(t) : T,
-    [t, T]
-  ), st = Se(b, 300), j = Se(N, 300);
-  return /* @__PURE__ */ c(Y, { onKeyDown: O, children: /* @__PURE__ */ c(
-    Bt,
+  }, [k, t]), lt = M(() => {
+    H(), E();
+  }, [H, E]), nt = T(
+    () => t ? Yn(t) : A,
+    [t, A]
+  ), st = Te(D, 300), j = Te(L, 300);
+  return /* @__PURE__ */ c(B, { onKeyDown: O, children: /* @__PURE__ */ c(
+    Wt,
     {
       hideArrow: !0,
-      zIndex: h,
-      appendTo: f,
-      renderTrigger: (L) => /* @__PURE__ */ c(Y, { ...L, children: /* @__PURE__ */ c(
-        Je,
+      zIndex: m,
+      appendTo: h,
+      renderTrigger: (v) => /* @__PURE__ */ c(B, { ...v, children: /* @__PURE__ */ c(
+        Ze,
         {
           autoFocusLeft: i,
           onEsc: n,
           onEnter: r,
           onBlur: s,
-          disabled: m,
-          separatorIcon: Ye,
+          disabled: f,
+          separatorIcon: Pe,
           typeLeft: "date",
           typeRight: "time",
           placeholderLeft: "yyyy-mm-dd",
           placeholderRight: "hh:mm",
           onChangeLeft: x,
-          onChangeRight: J,
-          onClickArrowDown: H,
+          onChangeRight: q,
+          onClickArrowDown: W,
           onClickCalendar: z,
-          onFocusLeft: G,
+          onFocusLeft: J,
           onFocusRight: K,
-          onClickLeft: G,
+          onClickLeft: J,
           onClickRight: K,
-          inputRefLeft: g,
-          inputRefRight: p,
+          inputRefLeft: p,
+          inputRefRight: g,
           valueRight: nt ?? "",
           widthLeft: a,
           widthRight: l,
@@ -2211,62 +2264,62 @@ const ei = ({
           variant: u
         }
       ) }),
-      placement: $t,
-      open: b || N,
+      placement: Ot,
+      open: D || L,
       onRequestClose: lt,
       children: (st || j) && /* @__PURE__ */ c(Q, { children: st ? /* @__PURE__ */ c(
         kt,
         {
-          statePerMonth: q,
+          statePerMonth: G,
           onClickDay: X,
           dateInFocus: S,
-          setDateInFocus: R,
-          currentPanel: D,
-          setCurrentPanel: M,
+          setDateInFocus: I,
+          currentPanel: b,
+          setCurrentPanel: y,
           minDate: o,
           maxDate: d
         }
-      ) : j ? /* @__PURE__ */ _(Q, { children: [
+      ) : j ? /* @__PURE__ */ N(Q, { children: [
         /* @__PURE__ */ c(Q, { overflow: "hidden", height: "250px", children: /* @__PURE__ */ c(
-          Wn,
+          Un,
           {
             value: nt ?? "",
             onValueChange: F
           }
         ) }),
         /* @__PURE__ */ c(St, {}),
-        /* @__PURE__ */ c(B, { justifyContent: "flex-end", children: /* @__PURE__ */ c(Tt, { label: "Done", onClick: A }) })
+        /* @__PURE__ */ c(P, { justifyContent: "flex-end", children: /* @__PURE__ */ c(It, { label: "Done", onClick: E }) })
       ] }) : null })
     }
   ) });
-}, Cn = ({
+}, zn = ({
   value: t,
   onValueChange: e,
   year: r
 }) => {
   const n = String(r);
-  return /* @__PURE__ */ c(B, { justifyContent: "center", children: t === r ? /* @__PURE__ */ c(Tt, { label: n, onClick: () => e == null ? void 0 : e(r) }) : /* @__PURE__ */ c(tt, { label: n, onClick: () => e == null ? void 0 : e(r) }) });
-}, si = ({
+  return /* @__PURE__ */ c(P, { justifyContent: "center", children: t === r ? /* @__PURE__ */ c(It, { label: n, onClick: () => e == null ? void 0 : e(r) }) : /* @__PURE__ */ c(tt, { label: n, onClick: () => e == null ? void 0 : e(r) }) });
+}, oi = ({
   value: t,
   onValueChange: e,
   initialLastYear: r
 }) => {
-  const [n, s] = I(() => t ? t + 4 : r ?? (/* @__PURE__ */ new Date()).getFullYear() + 4), i = E(() => {
+  const [n, s] = R(() => t ? t + 4 : r ?? (/* @__PURE__ */ new Date()).getFullYear() + 4), i = T(() => {
     const o = n - 11;
-    return Oe(pe(o, n + 1), 3);
+    return je(De(o, n + 1), 3);
   }, [n]);
   return rt(() => {
-    s((o) => Kn(t, o));
-  }, [t]), /* @__PURE__ */ _(B, { children: [
+    s((o) => Gn(t, o));
+  }, [t]), /* @__PURE__ */ N(P, { children: [
     /* @__PURE__ */ c(Q, { justifyContent: "center", children: /* @__PURE__ */ c(
       tt,
       {
-        leftIcon: Kt,
+        leftIcon: Gt,
         onClick: () => s(n - 3)
       }
     ) }),
-    /* @__PURE__ */ c(Q, { gap: 1, children: i.map((o) => /* @__PURE__ */ c(B, { gap: 1, children: o.map((a) => /* @__PURE__ */ c(
-      Cn,
+    /* @__PURE__ */ c(Q, { gap: 1, children: i.map((o) => /* @__PURE__ */ c(P, { gap: 1, children: o.map((a) => /* @__PURE__ */ c(
+      zn,
       {
         year: a,
         onValueChange: e,
@@ -2282,7 +2335,7 @@ const ei = ({
       }
     ) })
   ] });
-}, Kn = (t, e) => {
+}, Gn = (t, e) => {
   if (t == null)
     return e;
   if (t > e) {
@@ -2295,7 +2348,7 @@ const ei = ({
     return e - i;
   }
   return e;
-}, zn = (t, e, r, n, s) => {
+}, qn = (t, e, r, n, s) => {
   rt(
     function() {
       t && r(t);
@@ -2329,30 +2382,30 @@ const ei = ({
     },
     [e, s]
   );
-}, qn = (t, e, r, {
+}, Jn = (t, e, r, {
   setDateInFocus: n,
   showCalendarInternal: s,
   hideCalendarInternal: i,
   setFirstFocusedInput: o,
   setCurrentPanel: a
 }) => {
-  const l = w(
-    (h) => {
-      h.target.value[0] !== "0" && (r == null || r({
-        startDate: h.target.valueAsDate ?? void 0,
+  const l = M(
+    (m) => {
+      m.target.value[0] !== "0" && (r == null || r({
+        startDate: m.target.valueAsDate ?? void 0,
         endDate: e
       }));
     },
     [r, e]
-  ), d = w(
-    (h) => {
-      h.target.value[0] !== "0" && (r == null || r({
+  ), d = M(
+    (m) => {
+      m.target.value[0] !== "0" && (r == null || r({
         startDate: t,
-        endDate: h.target.valueAsDate ?? void 0
+        endDate: m.target.valueAsDate ?? void 0
       }));
     },
     [r, t]
-  ), u = w(() => {
+  ), u = M(() => {
     n(t || e || /* @__PURE__ */ new Date()), a("calendar"), s();
   }, [
     t,
@@ -2360,19 +2413,19 @@ const ei = ({
     a,
     s,
     n
-  ]), m = w(() => {
+  ]), f = M(() => {
     o(void 0), i();
   }, [o, i]);
   return {
     inputLeftChangeHandler: l,
     inputRightChangeHandler: d,
-    hideCalendar: m,
+    hideCalendar: f,
     setDateInFocus: n,
     setCurrentPanel: a,
     showCalendar: u
   };
-}, Jn = (t, e) => {
-  const [r, n, s] = ie(!1), [i, o] = I(void 0), [a, l] = I("startDate"), [d, u] = I(() => (a === "startDate" ? t : a === "endDate" ? e : void 0) ?? /* @__PURE__ */ new Date()), [m, h] = I("calendar");
+}, Qn = (t, e) => {
+  const [r, n, s] = ie(!1), [i, o] = R(void 0), [a, l] = R("startDate"), [d, u] = R(() => (a === "startDate" ? t : a === "endDate" ? e : void 0) ?? /* @__PURE__ */ new Date()), [f, m] = R("calendar");
   return {
     isCalendarVisible: r,
     showCalendarInternal: n,
@@ -2383,18 +2436,18 @@ const ei = ({
     setFocusedInput: l,
     dateInFocus: d,
     setDateInFocus: u,
-    currentPanel: m,
-    setCurrentPanel: h
+    currentPanel: f,
+    setCurrentPanel: m
   };
-}, Gn = (t, e, r, n, s, i, o, {
+}, Xn = (t, e, r, n, s, i, o, {
   firstFocusedInput: a,
   setFirstFocusedInput: l,
   isCalendarVisible: d,
   setFocusedInput: u,
-  focusedInput: m,
-  setCurrentPanel: h
+  focusedInput: f,
+  setCurrentPanel: m
 }) => {
-  const f = w(() => {
+  const h = M(() => {
     a == null && l("startDate"), u("startDate"), d || i();
   }, [
     d,
@@ -2402,7 +2455,7 @@ const ei = ({
     i,
     l,
     a
-  ]), g = w(() => {
+  ]), p = M(() => {
     a == null && l("endDate"), u("endDate"), d || i();
   }, [
     d,
@@ -2410,28 +2463,28 @@ const ei = ({
     i,
     l,
     a
-  ]), p = w(
-    (b) => {
-      var S, R, N, A;
-      m === "startDate" ? e != null && V(b.date, e) ? (r == null || r({
-        startDate: b.date,
+  ]), g = M(
+    (D) => {
+      var S, I, L, E;
+      f === "startDate" ? e != null && V(D.date, e) ? (r == null || r({
+        startDate: D.date,
         endDate: void 0
       }), u("endDate"), (S = s.current) == null || S.focus()) : (r == null || r({
-        startDate: b.date,
+        startDate: D.date,
         endDate: e
-      }), a === "startDate" ? (u("endDate"), (R = s.current) == null || R.focus()) : setTimeout(o, 50)) : m === "endDate" && (t ? V(t, b.date) ? (r == null || r({
-        startDate: b.date,
+      }), a === "startDate" ? (u("endDate"), (I = s.current) == null || I.focus()) : setTimeout(o, 50)) : f === "endDate" && (t ? V(t, D.date) ? (r == null || r({
+        startDate: D.date,
         endDate: void 0
-      }), u("endDate"), (A = s.current) == null || A.focus()) : (r == null || r({
+      }), u("endDate"), (E = s.current) == null || E.focus()) : (r == null || r({
         startDate: t,
-        endDate: b.date
+        endDate: D.date
       }), setTimeout(o, 50)) : (r == null || r({
         startDate: t,
-        endDate: b.date
-      }), u("startDate"), (N = n.current) == null || N.focus()));
+        endDate: D.date
+      }), u("startDate"), (L = n.current) == null || L.focus()));
     },
     [
-      m,
+      f,
       r,
       e,
       a,
@@ -2441,35 +2494,35 @@ const ei = ({
       t,
       n
     ]
-  ), y = w(() => {
-    h("presets"), i();
-  }, [h, i]), M = w(() => {
-    var b;
-    d ? o() : (u("startDate"), l("startDate"), (b = n.current) == null || b.focus(), h("calendar"), i());
+  ), w = M(() => {
+    m("presets"), i();
+  }, [m, i]), y = M(() => {
+    var D;
+    d ? o() : (u("startDate"), l("startDate"), (D = n.current) == null || D.focus(), m("calendar"), i());
   }, [
     d,
     o,
     u,
     l,
     n,
-    h,
+    m,
     i
-  ]), D = w(
-    (b) => {
-      b.key === "Escape" && o();
+  ]), b = M(
+    (D) => {
+      D.key === "Escape" && o();
     },
     [o]
   );
   return {
-    onFocusLeft: f,
-    onFocusRight: g,
-    onClickDay: p,
-    onClickArrowButton: y,
-    onClickCalendarButton: M,
-    onKeyDownHandler: D
+    onFocusLeft: h,
+    onFocusRight: p,
+    onClickDay: g,
+    onClickArrowButton: w,
+    onClickCalendarButton: y,
+    onKeyDownHandler: b
   };
 };
-function ii({
+function ci({
   value: t,
   onValueChange: e,
   autoFocus: r,
@@ -2477,94 +2530,94 @@ function ii({
   onEnter: s,
   onEsc: i,
   minDate: o,
-  maxDate: a = Wt,
+  maxDate: a = Ut,
   calendarProps: l,
   widthLeft: d = 128,
   widthRight: u = 128,
-  variant: m,
-  disabled: h,
-  zIndex: f,
-  appendTo: g
+  variant: f,
+  disabled: m,
+  zIndex: h,
+  appendTo: p
 }) {
-  const { startDate: p, endDate: y } = t || {}, M = U(null), D = U(null), b = Jn(p, y), {
+  const { startDate: g, endDate: w } = t || {}, y = U(null), b = U(null), D = Qn(g, w), {
     dateInFocus: S,
-    setDateInFocus: R,
-    isCalendarVisible: N,
-    currentPanel: A,
-    setCurrentPanel: T
-  } = b, {
+    setDateInFocus: I,
+    isCalendarVisible: L,
+    currentPanel: E,
+    setCurrentPanel: A
+  } = D, {
     showCalendar: k,
-    hideCalendar: P,
-    inputLeftChangeHandler: W,
+    hideCalendar: _,
+    inputLeftChangeHandler: H,
     inputRightChangeHandler: x
-  } = qn(p, y, e, b), {
-    onKeyDownHandler: J,
+  } = Jn(g, w, e, D), {
+    onKeyDownHandler: q,
     onFocusRight: F,
     onFocusLeft: C,
     onClickDay: O,
     onClickCalendarButton: K,
-    onClickArrowButton: G
-  } = Gn(
-    p,
-    y,
+    onClickArrowButton: J
+  } = Xn(
+    g,
+    w,
     e,
-    M,
-    D,
+    y,
+    b,
     k,
-    P,
-    b
+    _,
+    D
   );
-  zn(
-    p,
+  qn(
+    g,
+    w,
+    I,
     y,
-    R,
-    M,
-    D
+    b
   );
-  const X = E(
-    () => p && y && V(p, y),
-    [p, y]
-  ), z = E(
+  const X = T(
+    () => g && w && V(g, w),
+    [g, w]
+  ), z = T(
     () => Hr(
       l == null ? void 0 : l.statePerMonth,
-      p,
-      y,
+      g,
+      w,
       S
     ),
-    [l == null ? void 0 : l.statePerMonth, p, y, S]
+    [l == null ? void 0 : l.statePerMonth, g, w, S]
   );
-  return /* @__PURE__ */ c(Y, { onKeyDown: J, children: /* @__PURE__ */ c(
-    Bt,
+  return /* @__PURE__ */ c(B, { onKeyDown: q, children: /* @__PURE__ */ c(
+    Wt,
     {
       hideArrow: !0,
       restoreFocus: !1,
       returnFocus: !1,
-      zIndex: f,
-      appendTo: g,
-      renderTrigger: (H) => /* @__PURE__ */ c(Y, { ...H, children: /* @__PURE__ */ c(
-        Je,
+      zIndex: h,
+      appendTo: p,
+      renderTrigger: (W) => /* @__PURE__ */ c(B, { ...W, children: /* @__PURE__ */ c(
+        Ze,
         {
           autoFocusLeft: r,
           onEsc: i,
           onEnter: s,
           onBlur: n,
-          disabled: h,
+          disabled: m,
           separatorIcon: Pt,
           typeLeft: "date",
           typeRight: "date",
           placeholderLeft: "Start date",
           placeholderRight: "End date",
-          onChangeLeft: W,
+          onChangeLeft: H,
           onChangeRight: x,
-          onClickArrowDown: G,
+          onClickArrowDown: J,
           onClickCalendar: K,
           onFocusLeft: C,
           onFocusRight: F,
           onClickLeft: C,
           onClickRight: F,
-          inputRefLeft: M,
-          inputRefRight: D,
-          variant: X ? "error" : m,
+          inputRefLeft: y,
+          inputRefRight: b,
+          variant: X ? "error" : f,
           widthLeft: d,
           widthRight: u,
           minLeft: o,
@@ -2573,17 +2626,17 @@ function ii({
           maxRight: a
         }
       ) }),
-      placement: $t,
-      onRequestClose: P,
-      open: N,
+      placement: Ot,
+      onRequestClose: _,
+      open: L,
       children: /* @__PURE__ */ c(
         kt,
         {
           onClickDay: O,
           dateInFocus: S,
-          setDateInFocus: R,
-          currentPanel: A,
-          setCurrentPanel: T,
+          setDateInFocus: I,
+          currentPanel: E,
+          setCurrentPanel: A,
           minDate: o,
           maxDate: a,
           ...l,
@@ -2605,16 +2658,16 @@ const ae = ({
   showMask: l,
   calendarSize: d,
   onFocus: u,
-  onBlur: m,
-  placeholderWhenBlurred: h,
-  placeholder: f,
-  valueWhenBlurred: g,
-  label: p,
-  variant: y,
-  ...M
+  onBlur: f,
+  placeholderWhenBlurred: m,
+  placeholder: h,
+  valueWhenBlurred: p,
+  label: g,
+  variant: w,
+  ...y
 }) => {
-  const D = U(null), [b, S] = I(!1), { onChange: R } = Br(
-    D,
+  const b = U(null), [D, S] = R(!1), { onChange: I } = Pr(
+    b,
     t,
     e,
     r,
@@ -2624,49 +2677,49 @@ const ae = ({
     o,
     a,
     l,
-    b
-  ), N = w(
+    D
+  ), L = M(
     (k) => {
       u == null || u(k), S(!0);
     },
     [u]
-  ), A = w(
+  ), E = M(
     (k) => {
-      m == null || m(k), S(!1);
+      f == null || f(k), S(!1);
     },
-    [m]
-  ), T = b ? f : h ?? f;
-  return y === "standard" ? /* @__PURE__ */ c(ur, { text: p ?? "", children: /* @__PURE__ */ c(
+    [f]
+  ), A = D ? h : m ?? h;
+  return w === "standard" ? /* @__PURE__ */ c(hr, { text: g ?? "", children: /* @__PURE__ */ c(
     mt,
     {
-      ...M,
+      ...y,
       "aria-live": "polite",
-      value: (b ? s : g) ?? "",
-      inputRef: D,
-      placeholder: T,
-      onFocus: N,
-      onBlur: A,
-      onChange: R,
-      width: Ae(d),
+      value: (D ? s : p) ?? "",
+      inputRef: b,
+      placeholder: A,
+      onFocus: L,
+      onBlur: E,
+      onChange: I,
+      width: Le(d),
       alwaysShowPlaceholder: !0
     }
   ) }) : /* @__PURE__ */ c(
-    vr,
+    Yr,
     {
-      ...M,
-      label: p,
+      ...y,
+      label: g,
       "aria-live": "polite",
-      value: (b ? s : g) ?? "",
-      ref: D,
-      placeholder: T,
-      onFocus: N,
-      onBlur: A,
-      onChange: R,
-      width: Ae(d),
+      value: (D ? s : p) ?? "",
+      ref: b,
+      placeholder: A,
+      onFocus: L,
+      onBlur: E,
+      onChange: I,
+      width: Le(d),
       size: d === "large" ? "large" : "medium"
     }
   );
-}, Ae = (t) => {
+}, Le = (t) => {
   switch (t) {
     case "small":
       return "140px";
@@ -2677,53 +2730,40 @@ const ae = ({
     default:
       return fe(t, "168px");
   }
-}, Qn = [/[1-2]/, /\d/, /\d/, /\d/], Xn = [/[0-1]/, /\d/], Zn = [/[0-3]/, /\d/], Qe = (t) => ts(t).flatMap(Vn), Vn = (t) => {
+}, Zn = [/[1-2]/, /\d/, /\d/, /\d/], Vn = [/[0-1]/, /\d/], ts = [/[0-3]/, /\d/], tr = (t) => rs(t).flatMap(es), es = (t) => {
   switch (t) {
     case "yyyy":
-      return Qn;
+      return Zn;
     case "mm":
     case "MM":
-      return Xn;
+      return Vn;
     case "dd":
     case "DD":
-      return Zn;
+      return ts;
     default:
       return [t];
   }
-}, ts = (t) => {
+}, rs = (t) => {
   if (t.length === 0) return [];
   const e = [];
   let r = t[0];
   for (let n = 1; n < t.length; n++)
     t[n] !== t[n - 1] ? (e.push(r), r = t[n]) : r += t[n];
   return e.push(r), e;
-}, Rt = (t) => {
+}, xt = (t) => {
   const r = new Intl.DateTimeFormat(t, { dateStyle: "short" }).formatToParts(/* @__PURE__ */ new Date()), n = {
     year: "yyyy",
     month: "MM",
     day: "dd"
   };
   return r.map((s) => n[s.type] || s.value).join("");
-}, Xe = {
-  "en-US": kr,
-  "en-GB": qt,
-  "de-AT": Sr,
-  "de-DE": Te,
-  fr: Tr,
-  de: Te,
-  es: Rr,
-  sv: Ir,
-  pl: xr,
-  da: Er,
-  nl: Ar,
-  nb: _r
-}, Xt = (t) => Xe[t], Ze = () => Xe.sv, Dt = (t, e, r) => {
-  const n = Xt(e);
+}, Dt = (t, e, r) => {
+  const n = Rt(e);
   if (n == null)
     return;
   const s = bt(
     t,
-    Rt(e),
+    xt(e),
     r ?? /* @__PURE__ */ new Date(),
     {
       locale: n
@@ -2731,13 +2771,13 @@ const ae = ({
   );
   if (!isNaN(s.getTime()))
     return s;
-}, xt = (t, e) => $(t, Rt(e), {
-  locale: Xt(e)
+}, At = (t, e) => $(t, xt(e), {
+  locale: Rt(e)
 }), le = (t, e) => {
   const r = Dt(t, e);
   if (r != null)
-    return xt(r, e);
-}, Ve = ({
+    return At(r, e);
+}, er = ({
   value: t,
   onValueChange: e,
   localeCode: r,
@@ -2749,109 +2789,109 @@ const ae = ({
   placeholderWhenBlurredEndDate: l,
   valueWhenBlurredStartDate: d,
   valueWhenBlurredEndDate: u,
-  variant: m
+  variant: f
 }) => {
-  const { mask: h, placeholder: f } = E(() => {
-    const g = Rt(r);
+  const { mask: m, placeholder: h } = T(() => {
+    const p = xt(r);
     return {
-      mask: Qe(g),
-      placeholder: g.toLowerCase()
+      mask: tr(p),
+      placeholder: p.toLowerCase()
     };
   }, [r]);
-  return /* @__PURE__ */ _(B, { children: [
+  return /* @__PURE__ */ N(P, { children: [
     /* @__PURE__ */ c(
       ae,
       {
-        mask: h,
+        mask: m,
         value: t == null ? void 0 : t.startDate,
-        onValueChange: (g) => {
-          e == null || e({ startDate: g });
+        onValueChange: (p) => {
+          e == null || e({ startDate: p });
         },
-        onBlur: (g) => {
-          const p = le(
-            g.target.value,
+        onBlur: (p) => {
+          const g = le(
+            p.target.value,
             r
           );
-          p && p !== (t == null ? void 0 : t.startDate) && (e == null || e({ startDate: p }));
+          g && g !== (t == null ? void 0 : t.startDate) && (e == null || e({ startDate: g }));
         },
         onFocus: i,
         label: n,
         borderRadiusVariant: "onlyLeft",
-        placeholder: f,
+        placeholder: h,
         placeholderWhenBlurred: a,
         valueWhenBlurred: d,
         calendarSize: o,
-        variant: m
+        variant: f
       }
     ),
     /* @__PURE__ */ c(
       ae,
       {
-        mask: h,
+        mask: m,
         value: t == null ? void 0 : t.endDate,
-        onValueChange: (g) => e == null ? void 0 : e({ endDate: g }),
-        onBlur: (g) => {
-          const p = le(
-            g.target.value,
+        onValueChange: (p) => e == null ? void 0 : e({ endDate: p }),
+        onBlur: (p) => {
+          const g = le(
+            p.target.value,
             r
           );
-          p && p !== (t == null ? void 0 : t.endDate) && (e == null || e({ endDate: p }));
+          g && g !== (t == null ? void 0 : t.endDate) && (e == null || e({ endDate: g }));
         },
         onFocus: i,
         label: s,
         borderRadiusVariant: "onlyRight",
-        placeholder: f,
+        placeholder: h,
         placeholderWhenBlurred: l,
         valueWhenBlurred: u,
         calendarSize: o,
-        variant: m
+        variant: f
       }
     )
   ] });
 }, de = (t, e, r) => {
-  const n = Mr(t, e) ? "" : " y";
+  const n = Sr(t, e) ? "" : " y";
   return r.code.startsWith("en") ? $(t, "eee MMM d" + n, { locale: r }).replace(".", "") : $(t, "eee d MMM" + n, { locale: r }).replace(".", "");
-}, tr = (t, e, r, n) => {
-  const s = Xt(r) ?? Ze(), i = be(), o = ye(), a = U(null), l = E(
-    () => Rt(r),
+}, rr = (t, e, r, n) => {
+  const s = Rt(r) ?? qe(), i = we(), o = Me(), a = U(null), l = T(
+    () => xt(r),
     [r]
-  ), d = E(
+  ), d = T(
     () => {
       var x;
       return ((x = t == null ? void 0 : t.startDate) == null ? void 0 : x.length) === l.length ? Dt(t.startDate, r) : void 0;
     },
     [l.length, r, t == null ? void 0 : t.startDate]
-  ), u = E(
+  ), u = T(
     () => {
       var x;
       return ((x = t == null ? void 0 : t.endDate) == null ? void 0 : x.length) === l.length ? Dt(t.endDate, r) : void 0;
     },
     [l.length, r, t == null ? void 0 : t.endDate]
-  ), m = E(
+  ), f = T(
     () => d != null ? de(d, o, s) : void 0,
     [s, d, o]
-  ), h = E(
+  ), m = T(
     () => u != null ? de(u, o, s) : void 0,
     [s, u, o]
-  ), [f, g] = I(
+  ), [h, p] = R(
     n ?? d ?? /* @__PURE__ */ new Date()
-  ), p = w(
+  ), g = M(
     (x) => {
-      ct(x, o) || V(x, o) ? g(x) : g(o);
+      ct(x, o) || V(x, o) ? p(x) : p(o);
     },
     [o]
-  ), y = E(
-    () => Gt(
-      f.getFullYear(),
-      f.getMonth(),
+  ), w = T(
+    () => Qt(
+      h.getFullYear(),
+      h.getMonth(),
       s
     ),
-    [s, f]
-  ), M = E(() => Nt($(f, "MMMM yyyy", { locale: s })), [s, f]), D = E(() => ct(o, f), [o, f]), [b, S] = I(), [R, N] = I("calendar"), A = w(
+    [s, h]
+  ), y = T(() => vt($(h, "MMMM yyyy", { locale: s })), [s, h]), b = T(() => ct(o, h), [o, h]), [D, S] = R(), [I, L] = R("calendar"), E = M(
     (x) => {
       var C, O;
-      const J = ((C = x == null ? void 0 : x.startDate) == null ? void 0 : C.length) === l.length ? Dt(x.startDate, r) : void 0, F = ((O = x == null ? void 0 : x.endDate) == null ? void 0 : O.length) === l.length ? Dt(x.endDate, r) : void 0;
-      J ? p(J) : F && p(F), e == null || e({
+      const q = ((C = x == null ? void 0 : x.startDate) == null ? void 0 : C.length) === l.length ? Dt(x.startDate, r) : void 0, F = ((O = x == null ? void 0 : x.endDate) == null ? void 0 : O.length) === l.length ? Dt(x.endDate, r) : void 0;
+      q ? g(q) : F && g(F), e == null || e({
         ...t,
         ...x
       });
@@ -2860,52 +2900,52 @@ const ae = ({
       l.length,
       r,
       e,
-      p,
+      g,
       t
     ]
-  ), T = E(
-    () => ct(o, f) || ot(f, o),
-    [o, f]
-  ), k = E(
-    () => (d && u && (v(d, u) || ot(d, u))) ?? !1,
+  ), A = T(
+    () => ct(o, h) || ot(h, o),
+    [o, h]
+  ), k = T(
+    () => (d && u && (Y(d, u) || ot(d, u))) ?? !1,
     [u, d]
   );
   return {
-    isDateDisabled: w(
-      (x) => !v(x, o) && ot(x, o),
+    isDateDisabled: M(
+      (x) => !Y(x, o) && ot(x, o),
       [o]
     ),
     onClickDate: (x) => {
-      x.getFullYear() === f.getFullYear() && x.getMonth() === f.getMonth() && (d && u == null ? ot(x, d) ? e == null || e({
-        startDate: xt(x, r),
+      x.getFullYear() === h.getFullYear() && x.getMonth() === h.getMonth() && (d && u == null ? ot(x, d) ? e == null || e({
+        startDate: At(x, r),
         endDate: void 0
       }) : e == null || e({
         startDate: t == null ? void 0 : t.startDate,
-        endDate: xt(x, r)
+        endDate: At(x, r)
       }) : e == null || e({
-        startDate: xt(x, r),
+        startDate: At(x, r),
         endDate: void 0
       }));
     },
-    onValueChangeByInputs: A,
+    onValueChangeByInputs: E,
     isValidDateRange: k,
-    prevMonthDisabled: T,
+    prevMonthDisabled: A,
     monthPickerButtonRef: a,
     calendarId: i,
-    monthPickerButtonLabel: M,
-    visiblePanel: R,
-    setVisiblePanel: N,
-    setVisibleMonth: g,
-    visibleMonthData: y,
-    todayIsInVisibleMonth: D,
-    hoverDate: b,
+    monthPickerButtonLabel: y,
+    visiblePanel: I,
+    setVisiblePanel: L,
+    setVisibleMonth: p,
+    visibleMonthData: w,
+    todayIsInVisibleMonth: b,
+    hoverDate: D,
     setHoverDate: S,
     selectedStartDate: d,
     selectedEndDate: u,
     today: o,
-    visibleMonth: f,
-    valueWhenBlurredStartDate: m,
-    valueWhenBlurredEndDate: h
+    visibleMonth: h,
+    valueWhenBlurredStartDate: f,
+    valueWhenBlurredEndDate: m
   };
 }, Zt = ({
   previousMonthButtonAriaLabel: t,
@@ -2919,14 +2959,14 @@ const ae = ({
   prevMonthDisabled: l,
   calendarSize: d,
   previousMonthButtonTestId: u,
-  nextMonthButtonTestId: m
-}) => /* @__PURE__ */ _(B, { alignSelf: "center", justifyContent: "space-between", width: "100%", children: [
+  nextMonthButtonTestId: f
+}) => /* @__PURE__ */ N(P, { alignSelf: "center", justifyContent: "space-between", width: "100%", children: [
   /* @__PURE__ */ c(
     tt,
     {
       "aria-live": "polite",
       label: r,
-      rightIcon: n === "calendar" ? he : fr,
+      rightIcon: n === "calendar" ? he : mr,
       onClick: () => s(
         n === "calendar" ? "month-picker" : "calendar"
       ),
@@ -2934,11 +2974,11 @@ const ae = ({
       size: d === "small" ? "medium" : "large"
     }
   ),
-  /* @__PURE__ */ _(B, { alignItems: "center", gap: 2, children: [
+  /* @__PURE__ */ N(P, { alignItems: "center", gap: 2, children: [
     /* @__PURE__ */ c(
       ft,
       {
-        leftIcon: Kt,
+        leftIcon: Gt,
         onClick: () => o(ge(a, 1)),
         disabled: l,
         "aria-label": t,
@@ -2950,34 +2990,34 @@ const ae = ({
       ft,
       {
         leftIcon: Pt,
-        onClick: () => o(vt(a, 1)),
+        onClick: () => o(Ht(a, 1)),
         "aria-label": e,
         size: d === "small" ? "medium" : "large",
-        "data-testid": m
+        "data-testid": f
       }
     )
   ] })
-] }), es = "_travelDateCell_h6vcn_1", rs = "_small_h6vcn_4", ns = "_medium_h6vcn_9", ss = "_large_h6vcn_14", is = "_outline_h6vcn_26", os = "_contentWrapper_h6vcn_39", cs = "_disabled_h6vcn_60", as = "_isToday_h6vcn_63", ls = "_isSelectionStart_h6vcn_67", ds = "_isSelectionEnd_h6vcn_68", us = "_hover_h6vcn_83", fs = "_startSelected_h6vcn_86", hs = "_endSelected_h6vcn_86", et = {
-  travelDateCell: es,
-  small: rs,
-  medium: ns,
-  large: ss,
-  outline: is,
-  contentWrapper: os,
-  disabled: cs,
-  isToday: as,
-  isSelectionStart: ls,
-  isSelectionEnd: ds,
-  hover: us,
-  startSelected: fs,
-  endSelected: hs
-}, dt = Jt("--lhds-color-red-100"), ms = (t, e, r, n, s, i) => {
+] }), ns = "_travelDateCell_h6vcn_1", ss = "_small_h6vcn_4", is = "_medium_h6vcn_9", os = "_large_h6vcn_14", cs = "_outline_h6vcn_26", as = "_contentWrapper_h6vcn_39", ls = "_disabled_h6vcn_60", ds = "_isToday_h6vcn_63", us = "_isSelectionStart_h6vcn_67", fs = "_isSelectionEnd_h6vcn_68", hs = "_hover_h6vcn_83", ms = "_startSelected_h6vcn_86", gs = "_endSelected_h6vcn_86", et = {
+  travelDateCell: ns,
+  small: ss,
+  medium: is,
+  large: os,
+  outline: cs,
+  contentWrapper: as,
+  disabled: ls,
+  isToday: ds,
+  isSelectionStart: us,
+  isSelectionEnd: fs,
+  hover: hs,
+  startSelected: ms,
+  endSelected: gs
+}, dt = Jt("--lhds-color-red-100"), ps = (t, e, r, n, s, i) => {
   if (!s)
     return {
       left: "transparent",
       right: "transparent"
     };
-  if (e && r && v(e, r))
+  if (e && r && Y(e, r))
     return {
       left: "transparent",
       right: "transparent"
@@ -2987,17 +3027,17 @@ const ae = ({
       left: "transparent",
       right: "transparent"
     };
-  const o = e && r ? V(t, e) && ot(t, r) && !v(t, e) && !v(t, r) : !1, a = e && n ? V(t, e) && ot(t, n) && !v(t, e) && !v(t, n) : !1;
+  const o = e && r ? V(t, e) && ot(t, r) && !Y(t, e) && !Y(t, r) : !1, a = e && n ? V(t, e) && ot(t, n) && !Y(t, e) && !Y(t, n) : !1;
   if (o)
     return {
       left: dt,
       right: dt
     };
   if (e && r)
-    return v(t, e) ? {
+    return Y(t, e) ? {
       left: "transparent",
       right: dt
-    } : v(t, r) ? {
+    } : Y(t, r) ? {
       left: dt,
       right: "transparent"
     } : {
@@ -3005,12 +3045,12 @@ const ae = ({
       right: "transparent"
     };
   if (e && n && V(n, e)) {
-    if (v(t, e))
+    if (Y(t, e))
       return {
         left: "transparent",
         right: dt
       };
-    if (v(t, n))
+    if (Y(t, n))
       return {
         left: dt,
         right: "transparent"
@@ -3023,16 +3063,16 @@ const ae = ({
     left: "transparent",
     right: "transparent"
   };
-}, gs = (t, e) => {
+}, Ds = (t, e) => {
   switch (e) {
     case "PageUp":
       return ge(t, 1);
     case "PageDown":
-      return vt(t, 1);
+      return Ht(t, 1);
     case "Home":
-      return Ft(t);
+      return Ct(t);
     case "End":
-      return Z(Ft(t), 6);
+      return Z(Ct(t), 6);
     case "ArrowLeft":
       return gt(t, 1);
     case "ArrowUp":
@@ -3044,27 +3084,27 @@ const ae = ({
     default:
       return;
   }
-}, re = (t, e) => $(We(t, 12), at.fullDate) + e, ps = "_travelDateCellBackground_1k07m_1", Ds = "_small_1k07m_2", bs = "_medium_1k07m_7", ws = "_large_1k07m_12", Ot = {
-  travelDateCellBackground: ps,
-  small: Ds,
-  medium: bs,
-  large: ws
-}, ys = ({ calendarSize: t, bgColorLeft: e, bgColorRight: r }) => /* @__PURE__ */ _(B, { children: [
+}, re = (t, e) => $(Fe(t, 12), at.fullDate) + e, bs = "_travelDateCellBackground_1k07m_1", ws = "_small_1k07m_2", ys = "_medium_1k07m_7", Ms = "_large_1k07m_12", Ft = {
+  travelDateCellBackground: bs,
+  small: ws,
+  medium: ys,
+  large: Ms
+}, ks = ({ calendarSize: t, bgColorLeft: e, bgColorRight: r }) => /* @__PURE__ */ N(P, { children: [
   /* @__PURE__ */ c(
-    Y,
+    B,
     {
-      className: wt(Ot.travelDateCellBackground, Ot[t]),
+      className: wt(Ft.travelDateCellBackground, Ft[t]),
       background: e
     }
   ),
   /* @__PURE__ */ c(
-    Y,
+    B,
     {
-      className: wt(Ot.travelDateCellBackground, Ot[t]),
+      className: wt(Ft.travelDateCellBackground, Ft[t]),
       background: r
     }
   )
-] }), Ms = ({
+] }), Ss = ({
   onClick: t,
   visibleMonth: e,
   onChangeVisibleMonth: r,
@@ -3076,83 +3116,83 @@ const ae = ({
   onEndHover: l,
   hoverDate: d,
   today: u,
-  todayIsInVisibleMonth: m,
-  calendarId: h,
-  isDateDisabled: f,
-  size: g,
-  dateTestId: p
+  todayIsInVisibleMonth: f,
+  calendarId: m,
+  isDateDisabled: h,
+  size: p,
+  dateTestId: g
 }) => {
-  const y = w(
-    async (A) => {
+  const w = M(
+    async (E) => {
       var k;
-      const T = gs(n.date, A.key);
-      T && !f(T) && (a(T), ct(n.date, T) ? (k = document.getElementById(re(T, h))) == null || k.focus() : (r(T), setTimeout(() => {
-        var P;
-        (P = document.getElementById(re(T, h))) == null || P.focus();
-      }, 10))), (A.key === "Enter" || A.code === "Space") && t(n.date);
+      const A = Ds(n.date, E.key);
+      A && !h(A) && (a(A), ct(n.date, A) ? (k = document.getElementById(re(A, m))) == null || k.focus() : (r(A), setTimeout(() => {
+        var _;
+        (_ = document.getElementById(re(A, m))) == null || _.focus();
+      }, 10))), (E.key === "Enter" || E.code === "Space") && t(n.date);
     },
     [
-      h,
+      m,
       n.date,
-      f,
+      h,
       r,
       t,
       a
     ]
-  ), M = n.month === e.getMonth(), D = f(n.date), b = i ? v(i, n.date) : !1, S = o ? v(o, n.date) : !1, R = v(n.date, u), N = ms(
+  ), y = n.month === e.getMonth(), b = h(n.date), D = i ? Y(i, n.date) : !1, S = o ? Y(o, n.date) : !1, I = Y(n.date, u), L = ps(
     n.date,
     i,
     o,
     d,
-    M,
+    y,
     s
   );
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ N(
     "td",
     {
-      className: wt(et.travelDateCell, et[g]),
-      onClick: D ? void 0 : () => t(n.date),
-      onMouseOver: D ? void 0 : () => M && a(n.date),
-      onMouseOut: D ? void 0 : () => M && l(n.date),
-      tabIndex: D ? void 0 : ks(
+      className: wt(et.travelDateCell, et[p]),
+      onClick: b ? void 0 : () => t(n.date),
+      onMouseOver: b ? void 0 : () => y && a(n.date),
+      onMouseOut: b ? void 0 : () => y && l(n.date),
+      tabIndex: b ? void 0 : Ts(
         n,
         i,
-        R,
+        I,
         e,
-        m
+        f
       ),
-      id: D ? void 0 : re(n.date, h),
-      onKeyDown: D ? void 0 : y,
-      ...D ? void 0 : { "aria-selected": b || S },
-      "data-testid": p == null ? void 0 : p(n.date),
+      id: b ? void 0 : re(n.date, m),
+      onKeyDown: b ? void 0 : w,
+      ...b ? void 0 : { "aria-selected": D || S },
+      "data-testid": g == null ? void 0 : g(n.date),
       children: [
         /* @__PURE__ */ c("div", { className: et.outline }),
         /* @__PURE__ */ c(
-          ys,
+          ks,
           {
-            calendarSize: g,
-            bgColorLeft: N.left,
-            bgColorRight: N.right
+            calendarSize: p,
+            bgColorLeft: L.left,
+            bgColorRight: L.right
           }
         ),
-        M && /* @__PURE__ */ c(
+        y && /* @__PURE__ */ c(
           "div",
           {
             className: wt(
               et.contentWrapper,
-              R ? et.isToday : void 0,
+              I ? et.isToday : void 0,
               i ? et.startSelected : void 0,
               o ? et.endSelected : void 0,
-              d && v(d, n.date) ? et.hover : void 0,
-              b && et.isSelectionStart,
+              d && Y(d, n.date) ? et.hover : void 0,
+              D && et.isSelectionStart,
               S && et.isSelectionEnd,
-              D && et.disabled
+              b && et.disabled
             ),
             children: /* @__PURE__ */ c(
               yt,
               {
                 variant: "bold",
-                color: D ? Jt("--lhds-color-ui-500") : void 0,
+                color: b ? Jt("--lhds-color-ui-500") : void 0,
                 children: n.dayOfMonth
               }
             )
@@ -3161,11 +3201,11 @@ const ae = ({
       ]
     }
   );
-}, ks = (t, e, r, n, s) => {
+}, Ts = (t, e, r, n, s) => {
   const i = e ? ct(e, n) : !1;
-  return (e && i ? v(t.date, e) : r) || !i && !s && t.date.getDate() === 1 ? 0 : -1;
-}, Ss = "_travelCalendar_18pjj_1", Ts = {
-  travelCalendar: Ss
+  return (e && i ? Y(t.date, e) : r) || !i && !s && t.date.getDate() === 1 ? 0 : -1;
+}, Rs = "_travelCalendar_18pjj_1", Is = {
+  travelCalendar: Rs
 }, Vt = ({
   visibleMonthData: t,
   onClickDate: e,
@@ -3178,48 +3218,48 @@ const ae = ({
   hoverDate: l,
   today: d,
   calendarId: u,
-  isDateDisabled: m,
-  todayIsInVisibleMonth: h,
-  size: f = "medium",
-  multiSelectable: g,
-  dateTestId: p
+  isDateDisabled: f,
+  todayIsInVisibleMonth: m,
+  size: h = "medium",
+  multiSelectable: p,
+  dateTestId: g
 }) => /* @__PURE__ */ c(
   "table",
   {
-    className: Ts.travelCalendar,
+    className: Is.travelCalendar,
     role: "grid",
-    ...g ? { "aria-multiselectable": !0 } : void 0,
-    children: /* @__PURE__ */ _("tbody", { children: [
-      /* @__PURE__ */ c("tr", { children: t.weeks[0].days.map((y) => /* @__PURE__ */ c("th", { abbr: y.fullName, children: /* @__PURE__ */ c(yt, { children: y.name }) }, y.name)) }),
-      t.weeks.map((y) => /* @__PURE__ */ c(De.Fragment, { children: /* @__PURE__ */ c("tr", { children: y.days.map((M) => /* @__PURE__ */ c(
-        Ms,
+    ...p ? { "aria-multiselectable": !0 } : void 0,
+    children: /* @__PURE__ */ N("tbody", { children: [
+      /* @__PURE__ */ c("tr", { children: t.weeks[0].days.map((w) => /* @__PURE__ */ c("th", { abbr: w.fullName, children: /* @__PURE__ */ c(yt, { children: w.name }) }, w.name)) }),
+      t.weeks.map((w) => /* @__PURE__ */ c(be.Fragment, { children: /* @__PURE__ */ c("tr", { children: w.days.map((y) => /* @__PURE__ */ c(
+        Ss,
         {
-          size: f,
-          onClick: (D) => e(D),
+          size: h,
+          onClick: (b) => e(b),
           visibleMonth: s,
           onChangeVisibleMonth: n,
           isValidDateRange: i,
-          day: M,
-          onStartHover: (D) => r(D),
-          onEndHover: (D) => r((b) => b && v(b, D) ? void 0 : b),
+          day: y,
+          onStartHover: (b) => r(b),
+          onEndHover: (b) => r((D) => D && Y(D, b) ? void 0 : D),
           selectedStartDate: o,
           selectedEndDate: a,
           hoverDate: l,
           today: d,
-          todayIsInVisibleMonth: h,
+          todayIsInVisibleMonth: m,
           calendarId: u,
-          isDateDisabled: m,
-          dateTestId: p
+          isDateDisabled: f,
+          dateTestId: g
         },
-        M.dateString
-      )) }, y.weekNumber) }, y.weekNumber))
+        y.dateString
+      )) }, w.weekNumber) }, w.weekNumber))
     ] })
   }
-), Rs = "_travelDateRangeInput_1j7rp_1", Is = "_overlay_1j7rp_2", xs = "_calendarVisible_1j7rp_6", ne = {
-  travelDateRangeInput: Rs,
-  overlay: Is,
-  calendarVisible: xs
-}, oi = ({
+), xs = "_travelDateRangeInput_1j7rp_1", Es = "_overlay_1j7rp_2", As = "_calendarVisible_1j7rp_6", ne = {
+  travelDateRangeInput: xs,
+  overlay: Es,
+  calendarVisible: As
+}, ai = ({
   value: t,
   onValueChange: e,
   startDateLabel: r,
@@ -3231,144 +3271,145 @@ const ae = ({
   placeholderWhenBlurredStartDate: l,
   placeholderWhenBlurredEndDate: d,
   heading: u,
-  headingLevel: m,
-  numMonthsInMonthPicker: h = 12,
-  firstMonthInMonthPicker: f = /* @__PURE__ */ new Date(),
-  zIndex: g = 1e3,
-  zIndexWhenClosed: p,
-  onHideCalendar: y,
-  renderBelowCalendar: M,
-  size: D = "medium",
-  dateTestId: b,
+  headingLevel: f,
+  numMonthsInMonthPicker: m = 12,
+  firstMonthInMonthPicker: h = /* @__PURE__ */ new Date(),
+  zIndex: p = 1e3,
+  zIndexWhenClosed: g,
+  onHideCalendar: w,
+  renderBelowCalendar: y,
+  size: b = "medium",
+  dateTestId: D,
   previousMonthButtonTestId: S,
-  nextMonthButtonTestId: R,
-  textInputVariant: N = "standard"
+  nextMonthButtonTestId: I,
+  textInputVariant: L = "standard"
 }) => {
-  const [A, T] = I(!1), [k, P] = I(!1), [W, x] = I({
+  const [E, A] = R(!1), [k, _] = R(!1), [H, x] = R({
     // Sane defaults, this will be updated with actual data from DOM.
     width: 336,
     height: 66
-  }), J = D === "large" ? "8.8rem" : "6.6rem", F = U(!1), C = w(() => {
-    F.current = !0, P(!0), setTimeout(() => {
-      T(!0);
+  }), q = b === "large" ? "8.8rem" : "6.6rem", F = U(!1), C = M(() => {
+    F.current = !0, _(!0), setTimeout(() => {
+      A(!0);
     }, 10);
-  }, []), O = w(() => {
-    k && (T(!1), F.current = !1, y == null || y(), setTimeout(() => {
-      F.current || P(!1);
+  }, []), O = M(() => {
+    k && (A(!1), F.current = !1, w == null || w(), setTimeout(() => {
+      F.current || _(!1);
     }, 120));
-  }, [k, y]), K = U(null), G = U(null);
-  Ne(K, O), Ue(() => {
-    var It, Me;
-    const L = (It = G.current) == null ? void 0 : It.offsetWidth, it = (Me = G.current) == null ? void 0 : Me.offsetHeight;
-    L != null && it != null && (W.height !== it || W.width !== L) && x({ width: L, height: it });
-  }, [W.height, W.width]);
-  const X = tr(
+  }, [k, w]), K = U(null), J = U(null);
+  Be(K, O), Ce(() => {
+    var Et, ke;
+    const v = (Et = J.current) == null ? void 0 : Et.offsetWidth, it = (ke = J.current) == null ? void 0 : ke.offsetHeight;
+    v != null && it != null && (H.height !== it || H.width !== v) && x({ width: v, height: it });
+  }, [H.height, H.width]);
+  const X = rr(
     t,
     e,
     s,
     i
   ), {
     visiblePanel: z,
-    visibleMonth: H,
-    onValueChangeByInputs: q,
+    visibleMonth: W,
+    onValueChangeByInputs: G,
     setVisibleMonth: lt,
     setVisiblePanel: nt,
     monthPickerButtonRef: st
-  } = X, j = w(
-    (L) => {
-      L.key === "Escape" && O();
+  } = X, j = M(
+    (v) => {
+      v.key === "Escape" && O();
     },
     [O]
   );
-  return /* @__PURE__ */ _(
-    Y,
+  return /* @__PURE__ */ N(
+    B,
     {
       position: "relative",
       className: ne.travelDateRangeInput,
       ref: K,
       onKeyDown: j,
-      height: W.height,
-      width: W.width,
+      height: H.height,
+      width: H.width,
       children: [
         /* @__PURE__ */ c(
-          Y,
+          B,
           {
             position: "absolute",
-            ref: G,
-            zIndex: k ? g : p,
+            ref: J,
+            zIndex: k ? p : g,
             children: /* @__PURE__ */ c(
-              Ve,
+              er,
               {
                 ...X,
                 value: t,
-                onValueChange: q,
+                onValueChange: G,
                 localeCode: s,
                 startDateLabel: r,
                 endDateLabel: n,
                 onFocus: C,
-                calendarSize: D,
+                calendarSize: b,
                 placeholderWhenBlurredStartDate: l,
                 placeholderWhenBlurredEndDate: d,
-                variant: N
+                variant: L
               }
             )
           }
         ),
         k && /* @__PURE__ */ c(
-          Y,
+          B,
           {
             position: "absolute",
-            zIndex: g - 1,
+            zIndex: p - 1,
             left: "-2.4rem",
             top: u ? "-8.0rem" : "-2.4rem",
-            className: wt(ne.overlay, A && ne.calendarVisible),
+            className: wt(ne.overlay, E && ne.calendarVisible),
             children: /* @__PURE__ */ c(
-              Y,
+              B,
               {
                 background: "white",
                 shadow: "popover",
                 borderRadius: "var(--swui-border-radius-large)",
-                children: /* @__PURE__ */ _(Pe, { gap: 3, children: [
-                  u && /* @__PURE__ */ c(Yt, { variant: "h2", as: m, children: u }),
-                  /* @__PURE__ */ c(Y, { height: J }),
+                children: /* @__PURE__ */ N(He, { gap: 3, children: [
+                  u && /* @__PURE__ */ c(Yt, { variant: "h2", as: f, children: u }),
+                  /* @__PURE__ */ c(B, { height: q }),
                   /* @__PURE__ */ c(
                     Zt,
                     {
                       ...X,
                       previousMonthButtonAriaLabel: o,
                       nextMonthButtonAriaLabel: a,
-                      calendarSize: D,
+                      calendarSize: b,
                       previousMonthButtonTestId: S,
-                      nextMonthButtonTestId: R
+                      nextMonthButtonTestId: I
                     }
                   ),
                   z === "calendar" && /* @__PURE__ */ c(
                     Vt,
                     {
                       ...X,
-                      size: D,
+                      size: b,
                       multiSelectable: !0,
-                      dateTestId: b
+                      dateTestId: D
                     }
                   ),
                   z === "month-picker" && /* @__PURE__ */ c(
-                    Ht,
+                    $t,
                     {
-                      firstMonth: f,
-                      numMonths: h,
-                      value: H,
-                      size: D,
-                      onValueChange: (L) => {
+                      firstMonth: h,
+                      numMonths: m,
+                      value: W,
+                      size: b,
+                      localeCode: s,
+                      onValueChange: (v) => {
                         var it;
-                        lt(L), nt("calendar"), (it = st.current) == null || it.focus();
+                        lt(v), nt("calendar"), (it = st.current) == null || it.focus();
                       },
                       onCancel: () => {
-                        var L;
-                        nt("calendar"), (L = st.current) == null || L.focus();
+                        var v;
+                        nt("calendar"), (v = st.current) == null || v.focus();
                       }
                     }
                   ),
-                  M == null ? void 0 : M({ hideCalendar: O })
+                  y == null ? void 0 : y({ hideCalendar: O })
                 ] })
               }
             )
@@ -3377,11 +3418,11 @@ const ae = ({
       ]
     }
   );
-}, Es = "_travelDateInput_hmfbf_1", As = "_overlay_hmfbf_2", _s = "_calendarVisible_hmfbf_6", se = {
-  travelDateInput: Es,
-  overlay: As,
-  calendarVisible: _s
-}, er = ({
+}, _s = "_travelDateInput_hmfbf_1", Ns = "_overlay_hmfbf_2", Ls = "_calendarVisible_hmfbf_6", se = {
+  travelDateInput: _s,
+  overlay: Ns,
+  calendarVisible: Ls
+}, nr = ({
   value: t,
   onValueChange: e,
   label: r = "Date",
@@ -3392,22 +3433,22 @@ const ae = ({
   valueWhenBlurred: a,
   variant: l
 }) => {
-  const { mask: d, placeholder: u } = E(() => {
-    const m = Rt(n);
+  const { mask: d, placeholder: u } = T(() => {
+    const f = xt(n);
     return {
-      mask: Qe(m),
-      placeholder: m.toLowerCase()
+      mask: tr(f),
+      placeholder: f.toLowerCase()
     };
   }, [n]);
-  return /* @__PURE__ */ c(B, { children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ c(P, { children: /* @__PURE__ */ c(
     ae,
     {
       mask: d,
       value: t,
       onValueChange: e,
-      onBlur: (m) => {
-        const h = le(m.target.value, n);
-        h && h !== t && (e == null || e(h));
+      onBlur: (f) => {
+        const m = le(f.target.value, n);
+        m && m !== t && (e == null || e(m));
       },
       onFocus: s,
       label: r,
@@ -3418,66 +3459,66 @@ const ae = ({
       variant: l
     }
   ) });
-}, rr = (t, e, r, n) => {
-  const s = Xt(r) ?? Ze(), i = be(), o = ye(), a = U(null), l = E(
-    () => Rt(r),
+}, sr = (t, e, r, n) => {
+  const s = Rt(r) ?? qe(), i = we(), o = Me(), a = U(null), l = T(
+    () => xt(r),
     [r]
-  ), d = E(
+  ), d = T(
     () => (t == null ? void 0 : t.length) === l.length ? Dt(t, r) : void 0,
     [l.length, r, t]
-  ), u = E(
+  ), u = T(
     () => d != null ? de(d, o, s) : void 0,
     [s, d, o]
-  ), [m, h] = I(
+  ), [f, m] = R(
     n ?? d ?? /* @__PURE__ */ new Date()
-  ), f = w(
+  ), h = M(
     (k) => {
-      ct(k, o) || V(k, o) ? h(k) : h(o);
+      ct(k, o) || V(k, o) ? m(k) : m(o);
     },
     [o]
-  ), g = E(
-    () => Gt(
-      m.getFullYear(),
-      m.getMonth(),
+  ), p = T(
+    () => Qt(
+      f.getFullYear(),
+      f.getMonth(),
       s
     ),
-    [s, m]
-  ), p = E(() => Nt($(m, "MMMM yyyy", { locale: s })), [s, m]), y = E(() => ct(o, m), [o, m]), [M, D] = I(), [b, S] = I("calendar"), R = w(
+    [s, f]
+  ), g = T(() => vt($(f, "MMMM yyyy", { locale: s })), [s, f]), w = T(() => ct(o, f), [o, f]), [y, b] = R(), [D, S] = R("calendar"), I = M(
     (k) => {
-      const P = (k == null ? void 0 : k.length) === l.length ? Dt(k, r) : void 0;
-      P && f(P), e == null || e(k);
+      const _ = (k == null ? void 0 : k.length) === l.length ? Dt(k, r) : void 0;
+      _ && h(_), e == null || e(k);
     },
-    [l.length, r, e, f]
-  ), N = E(
-    () => ct(o, m) || ot(m, o),
-    [o, m]
+    [l.length, r, e, h]
+  ), L = T(
+    () => ct(o, f) || ot(f, o),
+    [o, f]
   );
   return {
-    isDateDisabled: w(
-      (k) => !v(k, o) && ot(k, o),
+    isDateDisabled: M(
+      (k) => !Y(k, o) && ot(k, o),
       [o]
     ),
     onClickDate: (k) => {
-      e == null || e(xt(k, r));
+      e == null || e(At(k, r));
     },
-    onValueChangeByInputs: R,
-    prevMonthDisabled: N,
+    onValueChangeByInputs: I,
+    prevMonthDisabled: L,
     monthPickerButtonRef: a,
     calendarId: i,
-    monthPickerButtonLabel: p,
-    visiblePanel: b,
+    monthPickerButtonLabel: g,
+    visiblePanel: D,
     setVisiblePanel: S,
-    setVisibleMonth: h,
-    visibleMonthData: g,
-    todayIsInVisibleMonth: y,
-    hoverDate: M,
-    setHoverDate: D,
+    setVisibleMonth: m,
+    visibleMonthData: p,
+    todayIsInVisibleMonth: w,
+    hoverDate: y,
+    setHoverDate: b,
     selectedDate: d,
     today: o,
-    visibleMonth: m,
+    visibleMonth: f,
     valueWhenBlurred: u
   };
-}, ci = ({
+}, li = ({
   value: t,
   onValueChange: e,
   label: r,
@@ -3489,56 +3530,56 @@ const ae = ({
   heading: l,
   headingLevel: d,
   numMonthsInMonthPicker: u = 12,
-  firstMonthInMonthPicker: m = /* @__PURE__ */ new Date(),
-  zIndex: h = 1e3,
-  zIndexWhenClosed: f,
-  onHideCalendar: g,
-  renderBelowCalendar: p,
-  size: y = "medium",
-  dateTestId: M,
-  previousMonthButtonTestId: D,
-  nextMonthButtonTestId: b,
+  firstMonthInMonthPicker: f = /* @__PURE__ */ new Date(),
+  zIndex: m = 1e3,
+  zIndexWhenClosed: h,
+  onHideCalendar: p,
+  renderBelowCalendar: g,
+  size: w = "medium",
+  dateTestId: y,
+  previousMonthButtonTestId: b,
+  nextMonthButtonTestId: D,
   textInputVariant: S = "standard"
 }) => {
-  const [R, N] = I(!1), [A, T] = I(!1), [k, P] = I({
+  const [I, L] = R(!1), [E, A] = R(!1), [k, _] = R({
     // Sane defaults, this will be updated with actual data from DOM.
     width: 336,
     height: 66
-  }), W = y === "large" ? "8.8rem" : "6.6rem", x = U(!1), J = w(() => {
-    x.current = !0, T(!0), setTimeout(() => {
-      N(!0);
+  }), H = w === "large" ? "8.8rem" : "6.6rem", x = U(!1), q = M(() => {
+    x.current = !0, A(!0), setTimeout(() => {
+      L(!0);
     }, 10);
-  }, []), F = w(() => {
-    A && (N(!1), x.current = !1, g == null || g(), setTimeout(() => {
-      x.current || T(!1);
+  }, []), F = M(() => {
+    E && (L(!1), x.current = !1, p == null || p(), setTimeout(() => {
+      x.current || A(!1);
     }, 120));
-  }, [A, g]), C = U(null), O = U(null);
-  Ne(C, F), Ue(() => {
-    var it, It;
-    const j = (it = O.current) == null ? void 0 : it.offsetWidth, L = (It = O.current) == null ? void 0 : It.offsetHeight;
-    j != null && L != null && (k.height !== L || k.width !== j) && P({ width: j, height: L });
+  }, [E, p]), C = U(null), O = U(null);
+  Be(C, F), Ce(() => {
+    var it, Et;
+    const j = (it = O.current) == null ? void 0 : it.offsetWidth, v = (Et = O.current) == null ? void 0 : Et.offsetHeight;
+    j != null && v != null && (k.height !== v || k.width !== j) && _({ width: j, height: v });
   }, [k.height, k.width]);
-  const K = rr(
+  const K = sr(
     t,
     e,
     n,
     s
   ), {
-    visiblePanel: G,
+    visiblePanel: J,
     visibleMonth: X,
     onValueChangeByInputs: z,
-    selectedDate: H,
-    setVisibleMonth: q,
+    selectedDate: W,
+    setVisibleMonth: G,
     setVisiblePanel: lt,
     monthPickerButtonRef: nt
-  } = K, st = w(
+  } = K, st = M(
     (j) => {
       j.key === "Escape" && F();
     },
     [F]
   );
-  return /* @__PURE__ */ _(
-    Y,
+  return /* @__PURE__ */ N(
+    B,
     {
       position: "relative",
       className: se.travelDateInput,
@@ -3548,77 +3589,78 @@ const ae = ({
       width: k.width,
       children: [
         /* @__PURE__ */ c(
-          Y,
+          B,
           {
             position: "absolute",
             ref: O,
-            zIndex: A ? h : f,
+            zIndex: E ? m : h,
             children: /* @__PURE__ */ c(
-              er,
+              nr,
               {
                 ...K,
                 value: t,
                 onValueChange: z,
                 localeCode: n,
                 label: r,
-                onFocus: J,
-                calendarSize: y,
+                onFocus: q,
+                calendarSize: w,
                 placeholderWhenBlurred: a,
                 variant: S
               }
             )
           }
         ),
-        A && /* @__PURE__ */ c(
-          Y,
+        E && /* @__PURE__ */ c(
+          B,
           {
             position: "absolute",
-            zIndex: h - 1,
+            zIndex: m - 1,
             left: "-2.4rem",
             top: l ? "-8.0rem" : "-2.4rem",
-            className: wt(se.overlay, R && se.calendarVisible),
+            className: wt(se.overlay, I && se.calendarVisible),
             children: /* @__PURE__ */ c(
-              Y,
+              B,
               {
                 background: "white",
                 shadow: "popover",
                 borderRadius: "var(--swui-border-radius-large)",
-                children: /* @__PURE__ */ _(Pe, { gap: 3, children: [
+                children: /* @__PURE__ */ N(He, { gap: 3, children: [
                   l && /* @__PURE__ */ c(Yt, { variant: "h2", as: d, children: l }),
-                  /* @__PURE__ */ c(Y, { height: W }),
+                  /* @__PURE__ */ c(B, { height: H }),
                   /* @__PURE__ */ c(
                     Zt,
                     {
                       ...K,
                       previousMonthButtonAriaLabel: i,
                       nextMonthButtonAriaLabel: o,
-                      calendarSize: y,
-                      previousMonthButtonTestId: D,
-                      nextMonthButtonTestId: b
+                      calendarSize: w,
+                      previousMonthButtonTestId: b,
+                      nextMonthButtonTestId: D
                     }
                   ),
-                  G === "calendar" && /* @__PURE__ */ c(
+                  J === "calendar" && /* @__PURE__ */ c(
                     Vt,
                     {
                       ...K,
-                      size: y,
-                      isValidDateRange: !!H,
-                      selectedStartDate: H,
-                      selectedEndDate: H,
+                      size: w,
+                      isValidDateRange: !!W,
+                      selectedStartDate: W,
+                      selectedEndDate: W,
                       multiSelectable: !1,
-                      dateTestId: M
+                      dateTestId: y
                     }
                   ),
-                  G === "month-picker" && /* @__PURE__ */ c(
-                    Ht,
+                  J === "month-picker" && /* @__PURE__ */ c(
+                    $t,
                     {
-                      firstMonth: m,
+                      firstMonth: f,
                       numMonths: u,
                       value: X,
-                      size: y,
+                      size: w,
+                      localeCode: n,
                       onValueChange: (j) => {
-                        var L;
-                        q(j), lt("calendar"), (L = nt.current) == null || L.focus();
+                        var v;
+                        G(j), lt("calendar"), (v = nt.current) == null || v.focus();
                       },
                       onCancel: () => {
                         var j;
@@ -3626,7 +3668,7 @@ const ae = ({
                       }
                     }
                   ),
-                  p == null ? void 0 : p({ hideCalendar: F })
+                  g == null ? void 0 : g({ hideCalendar: F })
                 ] })
               }
             )
@@ -3635,7 +3677,7 @@ const ae = ({
       ]
     }
   );
-}, ai = ({
+}, di = ({
   value: t,
   onValueChange: e,
   label: r,
@@ -3647,84 +3689,85 @@ const ae = ({
   heading: l,
   headingLevel: d,
   numMonthsInMonthPicker: u = 12,
-  firstMonthInMonthPicker: m = /* @__PURE__ */ new Date(),
-  dateTestId: h,
-  size: f = "medium",
-  previousMonthButtonTestId: g,
-  nextMonthButtonTestId: p,
-  textInputVariant: y = "standard"
+  firstMonthInMonthPicker: f = /* @__PURE__ */ new Date(),
+  dateTestId: m,
+  size: h = "medium",
+  previousMonthButtonTestId: p,
+  nextMonthButtonTestId: g,
+  textInputVariant: w = "standard"
 }) => {
-  const M = rr(
+  const y = sr(
     t,
     e,
     n,
     s
   ), {
-    visiblePanel: D,
-    visibleMonth: b,
+    visiblePanel: b,
+    visibleMonth: D,
     onValueChangeByInputs: S,
-    setVisibleMonth: R,
-    setVisiblePanel: N,
-    monthPickerButtonRef: A,
-    selectedDate: T
-  } = M;
-  return /* @__PURE__ */ _(Q, { gap: 3, children: [
+    setVisibleMonth: I,
+    setVisiblePanel: L,
+    monthPickerButtonRef: E,
+    selectedDate: A
+  } = y;
+  return /* @__PURE__ */ N(Q, { gap: 3, children: [
     l && /* @__PURE__ */ c(Yt, { variant: "h2", as: d, children: l }),
     /* @__PURE__ */ c(
-      er,
+      nr,
       {
-        ...M,
+        ...y,
         value: t,
         onValueChange: S,
         localeCode: n,
         label: r,
-        calendarSize: f,
+        calendarSize: h,
         placeholderWhenBlurred: a,
-        variant: y
+        variant: w
       }
     ),
     /* @__PURE__ */ c(
       Zt,
       {
-        ...M,
+        ...y,
         previousMonthButtonAriaLabel: i,
         nextMonthButtonAriaLabel: o,
-        calendarSize: f,
-        previousMonthButtonTestId: g,
-        nextMonthButtonTestId: p
+        calendarSize: h,
+        previousMonthButtonTestId: p,
+        nextMonthButtonTestId: g
       }
     ),
-    D === "calendar" && /* @__PURE__ */ c(
+    b === "calendar" && /* @__PURE__ */ c(
       Vt,
       {
-        ...M,
-        size: f,
-        selectedStartDate: T,
-        selectedEndDate: T,
-        isValidDateRange: !!T,
+        ...y,
+        size: h,
+        selectedStartDate: A,
+        selectedEndDate: A,
+        isValidDateRange: !!A,
         multiSelectable: !1,
-        dateTestId: h
+        dateTestId: m
       }
     ),
-    D === "month-picker" && /* @__PURE__ */ c(
-      Ht,
+    b === "month-picker" && /* @__PURE__ */ c(
+      $t,
       {
-        firstMonth: m,
+        firstMonth: f,
         numMonths: u,
-        value: b,
-        size: f,
+        value: D,
+        localeCode: n,
+        size: h,
         onValueChange: (k) => {
-          var P;
-          R(k), N("calendar"), (P = A.current) == null || P.focus();
+          var _;
+          I(k), L("calendar"), (_ = E.current) == null || _.focus();
         },
         onCancel: () => {
           var k;
-          N("calendar"), (k = A.current) == null || k.focus();
+          L("calendar"), (k = E.current) == null || k.focus();
         }
       }
     )
   ] });
-}, li = ({
+}, ui = ({
   value: t,
   onValueChange: e,
   startDateLabel: r,
@@ -3736,79 +3779,80 @@ const ae = ({
   heading: l,
   headingLevel: d,
   numMonthsInMonthPicker: u = 12,
-  firstMonthInMonthPicker: m = /* @__PURE__ */ new Date(),
-  size: h = "medium",
-  dateTestId: f,
-  previousMonthButtonTestId: g,
-  nextMonthButtonTestId: p,
-  placeholderWhenBlurredStartDate: y,
-  placeholderWhenBlurredEndDate: M,
-  textInputVariant: D = "standard"
+  firstMonthInMonthPicker: f = /* @__PURE__ */ new Date(),
+  size: m = "medium",
+  dateTestId: h,
+  previousMonthButtonTestId: p,
+  nextMonthButtonTestId: g,
+  placeholderWhenBlurredStartDate: w,
+  placeholderWhenBlurredEndDate: y,
+  textInputVariant: b = "standard"
 }) => {
-  const b = tr(
+  const D = rr(
     t,
     e,
     s,
     i
   ), {
     visiblePanel: S,
-    visibleMonth: R,
-    onValueChangeByInputs: N,
-    setVisibleMonth: A,
-    setVisiblePanel: T,
+    visibleMonth: I,
+    onValueChangeByInputs: L,
+    setVisibleMonth: E,
+    setVisiblePanel: A,
     monthPickerButtonRef: k
-  } = b;
-  return /* @__PURE__ */ _(Q, { gap: 3, children: [
+  } = D;
+  return /* @__PURE__ */ N(Q, { gap: 3, children: [
     l && /* @__PURE__ */ c(Yt, { variant: "h2", as: d, children: l }),
     /* @__PURE__ */ c(
-      Ve,
+      er,
       {
-        ...b,
+        ...D,
         value: t,
-        onValueChange: N,
+        onValueChange: L,
         localeCode: s,
         startDateLabel: r,
         endDateLabel: n,
-        calendarSize: h,
-        placeholderWhenBlurredStartDate: y,
-        placeholderWhenBlurredEndDate: M,
-        variant: D
+        calendarSize: m,
+        placeholderWhenBlurredStartDate: w,
+        placeholderWhenBlurredEndDate: y,
+        variant: b
       }
     ),
     /* @__PURE__ */ c(
       Zt,
       {
-        ...b,
+        ...D,
         previousMonthButtonAriaLabel: o,
         nextMonthButtonAriaLabel: a,
-        calendarSize: h,
-        previousMonthButtonTestId: g,
-        nextMonthButtonTestId: p
+        calendarSize: m,
+        previousMonthButtonTestId: p,
+        nextMonthButtonTestId: g
       }
     ),
     S === "calendar" && /* @__PURE__ */ c(
       Vt,
       {
-        ...b,
-        size: h,
+        ...D,
+        size: m,
         multiSelectable: !0,
-        dateTestId: f
+        dateTestId: h
       }
     ),
     S === "month-picker" && /* @__PURE__ */ c(
-      Ht,
+      $t,
       {
-        firstMonth: m,
+        firstMonth: f,
         numMonths: u,
-        value: R,
-        size: h,
-        onValueChange: (P) => {
-          var W;
-          A(P), T("calendar"), (W = k.current) == null || W.focus();
+        value: I,
+        size: m,
+        localeCode: s,
+        onValueChange: (_) => {
+          var H;
+          E(_), A("calendar"), (H = k.current) == null || H.focus();
         },
         onCancel: () => {
-          var P;
-          T("calendar"), (P = k.current) == null || P.focus();
+          var _;
+          A("calendar"), (_ = k.current) == null || _.focus();
         }
       }
     )
@@ -3816,65 +3860,67 @@ const ae = ({
 };
 export {
   oe as Calendar,
-  je as CalendarDay,
-  Vs as DateInput,
-  Gs as DateRangeCalendar,
-  ii as DateRangeDualTextInput,
-  ti as DateRangeInput,
-  ei as DateTextInput,
-  ni as DateTimeInput,
+  ze as CalendarDay,
+  ei as DateInput,
+  Xs as DateRangeCalendar,
+  ci as DateRangeDualTextInput,
+  ri as DateRangeInput,
+  ni as DateTextInput,
+  ii as DateTimeInput,
   Ur as Month,
-  Ht as MonthPicker,
-  Xs as MultiDateCalendar,
-  gn as PresetPicker,
-  qe as SingleDateCalendar,
-  Zs as SingleWeekCalendar,
-  ri as TimeTextInput,
-  ai as TravelDateCalendar,
-  ci as TravelDateInput,
-  li as TravelDateRangeCalendar,
-  oi as TravelDateRangeInput,
+  $t as MonthPicker,
+  Vs as MultiDateCalendar,
+  Dn as PresetPicker,
+  Xe as SingleDateCalendar,
+  ti as SingleWeekCalendar,
+  si as TimeTextInput,
+  di as TravelDateCalendar,
+  li as TravelDateInput,
+  ui as TravelDateRangeCalendar,
+  ai as TravelDateRangeInput,
   Fr as WeekDay,
   Zr as WeekDayCell,
   tn as WeekNumberCell,
-  si as YearPicker,
+  oi as YearPicker,
   ht as addDayStateHighlights,
-  Fe as addDayStateHighlightsOnSingleDay,
-  Wr as addWeekRangeHighlights,
-  zs as addWeekStateHighlights,
-  Lt as buildDayStateForDateRange,
-  $r as buildDayStateForRange,
+  Ke as addDayStateHighlightsOnSingleDay,
+  $r as addWeekRangeHighlights,
+  qs as addWeekStateHighlights,
+  Bt as buildDayStateForDateRange,
+  Wr as buildDayStateForRange,
   Hr as buildDayStateForSingleMonth,
   zr as calculateOverflowingMonth,
   Cr as createDay,
-  Mn as dateRangeToStrings,
-  Gr as dayHasHighlight,
+  Sn as dateRangeToStrings,
+  Jr as dayHasHighlight,
   ut as dayHighlightSelect,
   Mt as defaultCalendarTheme,
   Xr as defaultTextPropsProvider,
   Qr as defaultWrapperStyleProvider,
-  qs as extranetCalendarTheme,
-  xt as formatLocalizedDate,
-  Rt as getDateFormatForLocaleCode,
+  Js as extranetCalendarTheme,
+  At as formatLocalizedDate,
+  xt as getDateFormatForLocaleCode,
   Kr as getDaysForWeekForDate,
-  Ze as getDefaultLocaleForFormatting,
-  Xt as getLocaleForLocaleCode,
-  Gt as getMonthInYear,
-  Re as getMonthsInYear,
-  we as getWeekForDate,
+  qe as getDefaultLocaleForFormatting,
+  un as getLocaleCodeForLocale,
+  Rt as getLocaleForLocaleCode,
+  dn as getMappedLocaleCodeMatchingLanguage,
+  Qt as getMonthInYear,
+  Ee as getMonthsInYear,
+  ye as getWeekForDate,
   jr as getWeeksForMonth,
-  Ke as isDateRangeInvalid,
+  Je as isDateRangeInvalid,
   Dt as parseLocalizedDateString,
   le as reformatLocalizedDateString,
-  Cs as setDayStateValue,
-  Ks as setDayStateValueFunction,
-  kn as stringsToDateRange,
-  Js as toggleDateStringsIfEndIsEarlierThanStart,
-  ze as toggleDatesIfEndIsEarlierThanStart,
-  Qs as useDateRangeCalendarState,
-  Tn as useDateRangeSelection,
-  In as useMultiDateSelection,
-  Rn as useSingleDateSelection,
-  xn as useSingleWeekSelection
+  zs as setDayStateValue,
+  Gs as setDayStateValueFunction,
+  Tn as stringsToDateRange,
+  Qs as toggleDateStringsIfEndIsEarlierThanStart,
+  Qe as toggleDatesIfEndIsEarlierThanStart,
+  Zs as useDateRangeCalendarState,
+  In as useDateRangeSelection,
+  En as useMultiDateSelection,
+  xn as useSingleDateSelection,
+  An as useSingleWeekSelection
 };
 //# sourceMappingURL=index.es.js.map