@stenajs-webui/calendar 21.0.3 → 21.2.0

package/dist/index.es.js

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