@stenajs-webui/calendar 21.1.0 → 21.3.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 c, jsxs as _, Fragment as de } from "react/jsx-runtime";
+import { Box as L, Text as wt, Clickable as Ee, Row as B, Spacing as er, Column as J, Heading as Lt, exhaustSwitchCase as ue, Space as kt, Indent as xt, SeparatorLine as rr, parseIntElseUndefined as Me, useBoolean as se, useDelayedFalse as ke, useOnClickOutside as Ae } from "@stenajs-webui/core";
+import { FlatButton as tt, stenaAngleDown as fe, PrimaryButton as St, stenaAngleLeft as nr, stenaAngleRight as sr, SecondaryButton as ut, stenaAngleLeftDouble as ir, stenaArrowLeft as Ct, stenaArrowRight as Pt, stenaAngleRightDouble as or, TextInputButton as cr, stenaCalendar as Et, Icon as _e, stenaArrowWideRight as ar, stenaClock as Ne, stenaAngleUp as lr, CardBody as Le } from "@stenajs-webui/elements";
+import { isAfter as V, eachDayOfInterval as Pe, isSameDay as P, endOfMonth as Ye, startOfMonth as Be, min as dr, addDays as Z, max as ur, subDays as ht, format as v, getISOWeek as he, getDate as Kt, startOfWeek as Ut, addWeeks as fr, getMonth as mt, getWeek as ve, getYear as At, getISODay as hr, addHours as He, isBefore as ot, parse as pt, addMonths as Yt, isSameMonth as ct, addYears as mr, subMonths as me, subYears as gr, setWeek as pr, isValid as Dr, isSameYear as br } from "date-fns";
+import { enGB as zt, enUS as wr, deAT as yr, de as Se, fr as Mr, es as kr, sv as Sr, pl as Tr, da as Rr, nl as Ir, nb as xr } from "date-fns/locale";
+import { last as Er, startCase as _t, chunk as We, debounce as Ar, padStart as _r, range as ge } from "lodash-es";
+import * as pe from "react";
+import { useMemo as x, useRef as W, useEffect as rt, useCallback as D, useId as De, 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 Nr, LabelledTextInput as Lr } from "@stenajs-webui/forms";
+import { ControlledPopover as Bt } from "@stenajs-webui/tooltip";
+import { cssColor as qt } from "@stenajs-webui/theme";
+import { useMaskedInput as Pr } 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 && V(r, e))
+    return Pe({ 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 o = P(i, e), a = P(i, r);
+        return ft(s, i, o ? ["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;
+}, Yr = (t = {}, e, r, n) => Br(
   t,
   e,
   r,
-  Le(n),
-  Ne(n)
-), Nr = (t = {}, e, r, n, s) => e && r ? _t(
+  Be(n),
+  Ye(n)
+), Br = (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);
+  ur([e, ht(n, 1)]),
+  dr([r, Z(s, 1)])
+) : Nt(t, e, r), Fs = (t, e, r) => {
+  const n = v(e, at.yearAndMonth), s = he(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);
+}, js = (t, e, r) => {
+  const n = v(e, at.yearAndMonth), s = he(e), i = Kt(e);
   return {
     ...t,
     [n]: {
@@ -80,28 +80,28 @@ 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 = he(e), o = Kt(e), a = t && t[s] && t[s][i] && t[s][i][o];
   return {
     ...t,
     [s]: {
       ...t && t[s],
       [i]: {
         ...t && t[s] && t[s][i],
-        [c]: $e(a, r)
+        [o]: Oe(a, r)
       }
     }
   };
-}, $e = (t, e) => ({
+}, Oe = (t, e) => ({
   ...t,
   highlights: [...(t == null ? void 0 : t.highlights) ?? [], ...e]
-}), Ws = (t, e, r) => {
-  const n = e.days[0].date, s = n.getMonth() + 1, i = `${n.getFullYear()}-${s < 10 ? "0" : ""}${s}`, c = e.weekNumber;
+}), Cs = (t, e, r) => {
+  const n = e.days[0].date, s = n.getMonth() + 1, i = `${n.getFullYear()}-${s < 10 ? "0" : ""}${s}`, o = e.weekNumber;
   let a = t;
-  e.days.forEach((h) => {
-    a = ut(a, h.date, r);
+  e.days.forEach((m) => {
+    a = ft(a, m.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][o] : void 0, d = l && l.highlights ? [...l.highlights, ...r] : r, u = {
     ...l,
     highlights: d
   };
@@ -109,81 +109,81 @@ const ot = {
     ...a,
     [i]: {
       ...t && t[i],
-      [c]: u
+      [o]: u
     }
   };
-}, Lr = (t, e) => {
+}, vr = (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 = Er(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) => {
+}, Hr = (t, e) => x(() => t ? ft(e, /* @__PURE__ */ new Date(), ["today"]) : e, [t, e]);
+var Wr = /* @__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))(Wr || {}), $r = /* @__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))($r || {});
+const Te = (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: v(i, at.yearAndMonth),
+    name: _t(
+      v(i, at.fullMonthName, { locale: r })
     ),
     year: n,
     monthInYear: s,
-    weeks: Hr(n, s, r)
+    weeks: Or(n, s, r)
   };
-}, Hr = (t, e, r, n = !0) => {
-  const s = new Date(t, e, 1), i = Wt(s, { locale: r }), c = [];
+}, Or = (t, e, r, n = !0) => {
+  const s = new Date(t, e, 1), i = Ut(s, { locale: r }), o = [];
   for (let a = 0; a < 6; a++) {
-    const l = pe(lr(i, a), r);
+    const l = be(fr(i, a), r);
     if (a > 0 && l.startMonth !== e && !n)
-      return c;
-    c.push(l);
+      return o;
+    o.push(l);
   }
-  return c;
-}, pe = (t, e) => {
-  const r = mt(G(t, 7)) !== mt(t);
+  return o;
+}, be = (t, e) => {
+  const r = mt(Z(t, 7)) !== mt(t);
   return {
-    weekNumber: Ye(t, { locale: e }),
+    weekNumber: ve(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(Z(t, 6)),
+    endYear: At(Z(t, 6)),
+    days: Fr(t, e),
     isLastWeekOfMonth: r
   };
-}, $r = (t, e) => {
-  const r = dr(t);
+}, Ur = (t, e) => {
+  const r = hr(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),
+    name: v(t, "EEE", e ? { locale: e } : void 0),
+    fullName: v(t, "EEEE", e ? { locale: e } : void 0),
+    dateString: v(He(t, 12), at.fullDate),
+    weekNumber: ve(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(Be(t), t),
+    isLastDayOfMonth: P(Ye(t), t)
   };
-}, vr = (t, e) => _e({
+}, Fr = (t, e) => Pe({
   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: Z(t, 6)
+}).map((r) => Ur(r, e)), jr = (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 }, Cr = "_calendar_1b766_1", Kr = "_weekNumberVisible_1b766_41", Re = {
+  calendar: Cr,
+  weekNumberVisible: Kr
+}, zr = (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,29 +191,29 @@ 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" && zr(
       t,
       e,
       r[i]
     ))
       return n[i];
   return s;
-}, jr = ({
+}, qr = ({
   selectedBackground: t,
   todayBackground: e,
   rangeBackground: r,
   borderColor: n = "transparent"
-}) => (s, i, c, a, l) => ({
-  backgroundColor: lt(
+}) => (s, i, o, a, l) => ({
+  backgroundColor: dt(
     i,
     s,
-    ["selected", "range", "today", c.month === l.monthInYear],
+    ["selected", "range", "today", o.month === l.monthInYear],
     [t, r, e, "#fff"],
     "transparent"
   ),
   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,15 +271,15 @@ const Me = (t, e, r, n) => {
     "unset"
   ),
   boxSizing: "border-box"
-}), Cr = ({
+}), Jr = ({
   selectedColor: t,
   disabledColor: e,
   inOtherMonthColor: r,
   rangeTextColor: n
-}) => (s, i, c, a, l) => {
-  const d = c.month !== l.monthInYear;
+}) => (s, i, o, a, l) => {
+  const d = o.month !== l.monthInYear;
   return {
-    color: lt(
+    color: dt(
       i,
       s,
       [d, "selected", "range", "enabled", "disabled"],
@@ -305,12 +305,12 @@ const Me = (t, e, r, n) => {
     clickableTextColor: "var(--swui-calendar-week-day-clickable-text-color)"
   },
   CalendarDay: {
-    tdStyle: jr({
+    tdStyle: qr({
       selectedBackground: "var(--swui-calendar-wrapper-selected-background)",
       rangeBackground: "var(--swui-calendar-wrapper-range-background)",
       todayBackground: "var(--swui-calendar-wrapper-today-background)"
     }),
-    textProps: Cr({
+    textProps: Jr({
       selectedColor: "var(--swui-calendar-text-selected-color)",
       disabledColor: "var(--swui-calendar-text-disabled-color)",
       inOtherMonthColor: "var(--swui-calendar-text-in-other-month-color)"
@@ -319,23 +319,23 @@ const Me = (t, e, r, n) => {
   CalendarMonth: {
     headerTextColor: "var(--swui-calendar-week-day-text-color)"
   }
-}, Us = {
+}, Ks = {
   ...yt,
   width: "37px",
   height: "37px"
-}, Kr = ({
+}, Gr = ({
   onClickWeekDay: t,
   day: e,
   theme: r
 }) => {
-  const n = /* @__PURE__ */ o(
-    N,
+  const n = /* @__PURE__ */ c(
+    L,
     {
       width: r.width,
       height: r.height,
       justifyContent: "center",
       alignItems: "center",
-      children: /* @__PURE__ */ o(
+      children: /* @__PURE__ */ c(
         wt,
         {
           size: "small",
@@ -345,8 +345,8 @@ const Me = (t, e, r, n) => {
       )
     }
   );
-  return t ? /* @__PURE__ */ o(
-    Re,
+  return t ? /* @__PURE__ */ c(
+    Ee,
     {
       borderRadius: "var(--swui-calendar-day-border-radius)",
       onClick: (s) => t(e.dayOfWeek, s),
@@ -354,25 +354,25 @@ const Me = (t, e, r, n) => {
       children: n
     }
   ) : n;
-}, ve = function({
+}, Ue = function({
   day: e,
   week: r,
   month: n,
   dayState: s,
   userData: i,
-  onClickDay: c,
+  onClickDay: o,
   theme: a,
   extraDayContent: l,
   defaultHighlights: d
 }) {
-  const u = /* @__PURE__ */ o(
-    N,
+  const u = /* @__PURE__ */ c(
+    L,
     {
       width: "100%",
       height: "100%",
       justifyContent: "center",
       alignItems: "center",
-      children: /* @__PURE__ */ o(
+      children: /* @__PURE__ */ c(
         wt,
         {
           ...a.CalendarDay.textProps && a.CalendarDay.textProps(
@@ -387,7 +387,7 @@ const Me = (t, e, r, n) => {
         }
       )
     }
-  ), h = Zt.td({
+  ), m = Vt.td({
     ...a.CalendarDay.tdStyle && a.CalendarDay.tdStyle(
       d,
       s,
@@ -396,7 +396,7 @@ const Me = (t, e, r, n) => {
       n,
       i
     )
-  }), f = Zt.div({
+  }), h = Vt.div({
     ...a.CalendarDay.innerWrapperStyle && a.CalendarDay.innerWrapperStyle(
       d,
       s,
@@ -407,7 +407,7 @@ const Me = (t, e, r, n) => {
     ),
     width: "100%",
     height: "100%"
-  }), m = Zt.div({
+  }), f = Vt.div({
     ...a.CalendarDay.cellWrapperStyle && a.CalendarDay.cellWrapperStyle(
       d,
       s,
@@ -419,13 +419,13 @@ const Me = (t, e, r, n) => {
     width: "100%",
     height: "100%",
     position: "relative"
-  }), g = zr(d, s);
-  return /* @__PURE__ */ o(
-    h,
+  }), g = Qr(d, s);
+  return /* @__PURE__ */ c(
+    m,
     {
-      onClick: g ? void 0 : (p) => c == null ? void 0 : c(e, i, p),
-      children: /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(m, { children: e.month === n.monthInYear && /* @__PURE__ */ A(ae, { children: [
-        l && /* @__PURE__ */ o(
+      onClick: g ? void 0 : (w) => o == null ? void 0 : o(e, i, w),
+      children: /* @__PURE__ */ c(h, { children: /* @__PURE__ */ c(f, { children: e.month === n.monthInYear && /* @__PURE__ */ _(de, { children: [
+        l && /* @__PURE__ */ c(
           l,
           {
             week: r,
@@ -440,13 +440,13 @@ const Me = (t, e, r, n) => {
       ] }) }) })
     }
   );
-}, zr = (t, e) => !!lt(
+}, Qr = (t, e) => !!dt(
   e,
   t,
   ["disabled"],
   [!0],
   !1
-), qr = ({
+), Xr = ({
   onClickWeek: t,
   theme: e,
   week: r,
@@ -454,16 +454,16 @@ const Me = (t, e, r, n) => {
   backgroundColor: s,
   prefix: i
 }) => {
-  const c = /* @__PURE__ */ A(
-    N,
+  const o = /* @__PURE__ */ _(
+    L,
     {
       width: e.width,
       height: e.height,
       justifyContent: "center",
       alignItems: "center",
       children: [
-        n && /* @__PURE__ */ o(N, { position: "absolute", children: n }),
-        /* @__PURE__ */ o(N, { position: "absolute", children: /* @__PURE__ */ A(
+        n && /* @__PURE__ */ c(L, { position: "absolute", children: n }),
+        /* @__PURE__ */ c(L, { position: "absolute", children: /* @__PURE__ */ _(
           wt,
           {
             color: t ? e.WeekNumber.clickableTextColor : e.WeekNumber.textColor,
@@ -476,196 +476,196 @@ const Me = (t, e, r, n) => {
       ]
     }
   );
-  return /* @__PURE__ */ o(
-    N,
+  return /* @__PURE__ */ c(
+    L,
     {
       background: s || e.WeekNumber.backgroundColor,
       position: "relative",
-      children: t ? /* @__PURE__ */ o(
-        Re,
+      children: t ? /* @__PURE__ */ c(
+        Ee,
         {
           borderRadius: "var(--swui-calendar-day-border-radius)",
           onClick: (a) => t(r, a),
           disableFocusHighlight: !t,
-          children: c
+          children: o
         }
-      ) : c
+      ) : o
     }
   );
-}, Jr = (t, e, r) => e && st(t, e) ? L(t, e) : r && Q(t, r) ? L(t, r) : !0, Gr = function({
+}, Zr = (t, e, r) => e && ot(t, e) ? P(t, e) : r && V(t, r) ? P(t, r) : !0, Vr = function({
   dayComponent: e,
   minDate: r,
   maxDate: n,
   dayState: s,
   day: i,
-  ...c
+  ...o
 }) {
-  const a = E(
-    () => Jr(i.date, r, n) ? s : $e(s, ["disabled"]),
+  const a = x(
+    () => Zr(i.date, r, n) ? s : Oe(s, ["disabled"]),
     [i.date, s, n, r]
   );
-  return /* @__PURE__ */ o(e, { day: i, ...c, dayState: a });
+  return /* @__PURE__ */ c(e, { day: i, ...o, dayState: a });
 };
-function Qr({
+function tn({
   month: t,
-  dayComponent: e = ve,
+  dayComponent: e = Ue,
   statePerWeek: r,
   userDataPerWeek: n,
   minDate: s,
   maxDate: i,
-  onClickDay: c,
+  onClickDay: o,
   onClickWeek: a,
   onClickWeekDay: l,
   onClickMonth: d,
   renderWeekNumber: u,
-  renderWeekDay: h,
-  headerRightContent: f,
-  theme: m = yt,
+  renderWeekDay: m,
+  headerRightContent: h,
+  theme: f = yt,
   extraDayContent: g,
-  defaultHighlights: p,
+  defaultHighlights: w,
   showWeekNumber: y
 }) {
-  return /* @__PURE__ */ o(ae, { children: /* @__PURE__ */ A(N, { alignItems: "stretch", children: [
-    /* @__PURE__ */ A(
-      P,
+  return /* @__PURE__ */ c(de, { children: /* @__PURE__ */ _(L, { alignItems: "stretch", children: [
+    /* @__PURE__ */ _(
+      B,
       {
-        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__ */ c(B, { justifyContent: "center", alignItems: "center", children: d ? /* @__PURE__ */ c(
+            tt,
             {
               onClick: () => d(t),
               label: t.name + " " + String(t.year),
-              rightIcon: de
+              rightIcon: fe
             }
-          ) : /* @__PURE__ */ A(wt, { whiteSpace: "nowrap", children: [
+          ) : /* @__PURE__ */ _(wt, { whiteSpace: "nowrap", children: [
             t.name,
             " ",
             t.year
           ] }) }),
-          f && /* @__PURE__ */ o(N, { alignItems: "center", children: f })
+          h && /* @__PURE__ */ c(L, { 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,
+    /* @__PURE__ */ c("table", { children: /* @__PURE__ */ _("tbody", { children: [
+      /* @__PURE__ */ _("tr", { children: [
+        y && /* @__PURE__ */ c("td", { children: /* @__PURE__ */ c(L, { width: f.width, height: f.height }) }),
+        t.weeks[0].days.map((M) => /* @__PURE__ */ c("td", { children: m ? m(M.name, f, l) : /* @__PURE__ */ c(
+          Gr,
           {
             day: M,
             onClickWeekDay: l,
-            theme: m
+            theme: f
           }
         ) }, M.name))
       ] }),
-      t.weeks.map((M) => /* @__PURE__ */ A("tr", { children: [
-        y && /* @__PURE__ */ o("td", { children: u ? u(M, m, a) : /* @__PURE__ */ o(
-          qr,
+      t.weeks.map((M) => /* @__PURE__ */ _("tr", { children: [
+        y && /* @__PURE__ */ c("td", { children: u ? u(M, f, a) : /* @__PURE__ */ c(
+          Xr,
           {
             week: M,
             onClickWeek: a,
-            theme: m
+            theme: f
           }
         ) }),
-        M.days.map((b) => /* @__PURE__ */ o(
-          Gr,
+        M.days.map((p) => /* @__PURE__ */ c(
+          Vr,
           {
             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],
-            onClickDay: c,
-            theme: m,
+            dayState: r && r[M.weekNumber] && r[M.weekNumber][p.dayOfMonth],
+            userData: n && n[M.weekNumber] && n[M.weekNumber][p.dayOfMonth],
+            onClickDay: o,
+            theme: f,
             extraDayContent: g,
-            defaultHighlights: p,
+            defaultHighlights: w,
             minDate: s,
             maxDate: i
           },
-          b.dateString
+          p.dateString
         ))
       ] }, M.weekNumber))
     ] }) })
   ] }) });
 }
-function Xr({
+function en({
   monthRows: t,
-  dayComponent: e = ve,
+  dayComponent: e = Ue,
   userDataPerMonth: r,
   statePerMonth: n,
   minDate: s,
   maxDate: i,
-  onClickDay: c,
+  onClickDay: o,
   onClickWeekDay: a,
   onClickWeek: l,
   onClickMonth: d,
   renderWeekDay: u,
-  renderWeekNumber: h,
-  headerRightContent: f,
-  extraDayContent: m,
+  renderWeekNumber: m,
+  headerRightContent: h,
+  extraDayContent: f,
   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]
   );
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ c(
     "div",
     {
       className: Dt(
-        ke.calendar,
-        p && ke.weekNumberVisible
+        Re.calendar,
+        w && Re.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, S) => /* @__PURE__ */ c(er, { children: /* @__PURE__ */ c(B, { gap: 2, children: b.map((T) => /* @__PURE__ */ c(
+        tn,
         {
           month: T,
           dayComponent: e,
           userDataPerWeek: r && r[T.monthString],
           statePerWeek: n && n[T.monthString],
-          onClickDay: c,
+          onClickDay: o,
           onClickWeekDay: a,
           onClickWeek: l,
           onClickMonth: d,
           theme: y,
-          renderWeekNumber: h,
+          renderWeekNumber: m,
           renderWeekDay: u,
-          headerRightContent: f,
-          extraDayContent: m,
+          headerRightContent: h,
+          extraDayContent: f,
           defaultHighlights: g,
           minDate: M,
-          maxDate: b,
-          showWeekNumber: p ?? !1
+          maxDate: p,
+          showWeekNumber: w ?? !1
         },
         T.name
       )) }) }, S))
     }
   );
 }
-function se(t) {
-  const e = Zr(t.year, t.month, t.date), { year: r, month: n } = Or(
+function ie(t) {
+  const e = rn(t.year, t.month, t.date), { year: r, month: n } = jr(
     e.year,
     e.month
-  ), s = Vr(
+  ), s = nn(
     r,
     n,
-    t.locale ?? Kt,
+    t.locale ?? zt,
     t.numMonths,
     t.monthsPerRow
-  ), i = Yr(
+  ), i = Hr(
     t.highlightToday,
     t.statePerMonth
   );
-  return /* @__PURE__ */ o(
-    Xr,
+  return /* @__PURE__ */ c(
+    en,
     {
       year: r,
       month: n,
@@ -675,7 +675,7 @@ function se(t) {
     }
   );
 }
-const Zr = (t, e, r) => {
+const rn = (t, e, r) => {
   if (e && t)
     return {
       month: e,
@@ -684,65 +684,65 @@ 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) => {
+}, nn = (t, e, r, n, s) => n == null ? [[Jt(t, e, r)]] : s == null ? [Te(t, e, n, r)] : We(Te(t, e, n, r), s), Fe = (t, e) => `${t.row}-${t.column}-${e}`, sn = (t, e, r, n) => {
   let s = e;
   for (let i = 0; i < n; i++) {
-    s = en(s, t, n);
-    const c = Oe(s, r);
-    if (document.getElementById(c))
-      return c;
+    s = on(s, t, n);
+    const o = Fe(s, r);
+    if (document.getElementById(o))
+      return o;
   }
-}, en = (t, e, r) => {
+}, on = (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 = ({
+}, cn = ({
   month: t,
   onClick: e,
   selected: r,
   locale: n,
   autoFocus: s,
   monthPickerId: i,
-  position: c,
+  position: o,
   size: a
 }) => {
-  const l = E(
-    () => At(O(t, "MMM", { locale: n })),
+  const l = x(
+    () => _t(v(t, "MMM", { locale: n })),
     [n, t]
-  ), d = E(
-    () => At(O(t, "MMMM", { locale: n })),
+  ), d = x(
+    () => _t(v(t, "MMMM", { locale: n })),
     [n, t]
-  ), u = v(null), h = Oe(c, i), f = r ? 0 : -1;
-  et(() => {
+  ), u = W(null), m = Fe(o, i), h = r ? 0 : -1;
+  rt(() => {
     var g;
     (g = u.current) == null || g.focus();
   }, []);
-  const m = D(
+  const f = D(
     (g) => {
       var y;
-      const p = tn(
+      const w = sn(
         g.key,
-        c,
+        o,
         i,
         4
       );
-      p && ((y = document.getElementById(p)) == null || y.focus());
+      w && ((y = document.getElementById(w)) == null || y.focus());
     },
-    [i, c]
+    [i, o]
   );
-  return /* @__PURE__ */ o(P, { justifyContent: "center", onKeyDown: m, children: r ? /* @__PURE__ */ o(
+  return /* @__PURE__ */ c(B, { justifyContent: "center", onKeyDown: f, children: r ? /* @__PURE__ */ c(
     St,
     {
-      id: h,
+      id: m,
       "aria-label": d,
       label: l,
       onClick: e,
@@ -750,21 +750,21 @@ const Zr = (t, e, r) => {
       autoFocus: s,
       ref: u,
       size: a === "large" ? "large" : "medium",
-      tabIndex: f
+      tabIndex: h
     }
-  ) : /* @__PURE__ */ o(
-    X,
+  ) : /* @__PURE__ */ c(
+    tt,
     {
-      id: h,
+      id: m,
       label: l,
       "aria-label": d,
       onClick: e,
       size: a === "large" ? "large" : "medium",
-      tabIndex: f
+      tabIndex: h
     }
   ) });
-}, nn = (t, e, r) => {
-  let n = t.getFullYear(), s = 0, i = 0, c = t;
+}, an = (t, e, r) => {
+  let n = t.getFullYear(), s = 0, i = 0, o = t;
   const a = {
     yearOrder: [],
     rows: [],
@@ -781,58 +781,58 @@ const Zr = (t, e, r) => {
         column: i,
         row: s
       },
-      month: c
+      month: o
     }, l === e - 1) {
       a.years[n].rows.push(s);
       break;
     }
-    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++));
+    o = Yt(o, 1), o.getFullYear() !== n ? (a.years[n].rows.push(s), n++, i = 0, s++) : (i++, i > r - 1 && (a.years[n].rows.push(s), i = 0, s++));
   }
   return a.lastMonthColumn = i, a.lastMonthRow = s, a;
-}, De = () => E(() => /* @__PURE__ */ new Date(), []), Bt = ({
+}, we = () => x(() => /* @__PURE__ */ new Date(), []), vt = ({
   value: t,
   onValueChange: e,
-  locale: r = Kt,
+  locale: r = zt,
   firstMonth: n,
   numMonths: s,
   onCancel: i,
-  size: c = "medium"
+  size: o = "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 = De(), l = we(), d = s > 0 ? s : 12, [u, m] = I(!1), h = an(n, d, dn(o)), f = x(() => Yt(n, d), [d, n]);
+  rt(() => {
+    m(!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__ */ c(J, { gap: 1, maxWidth: ln(o), onKeyDown: g, children: h.yearOrder.map((w, y) => {
+    const { rows: M } = h.years[w];
+    return /* @__PURE__ */ _(pe.Fragment, { children: [
+      (y !== 0 || w !== l.getFullYear()) && /* @__PURE__ */ c(Lt, { variant: "h4", children: w }),
+      /* @__PURE__ */ c("table", { style: { borderSpacing: "0 8px" }, children: /* @__PURE__ */ c("tbody", { children: M.map((p) => {
+        const { columns: b } = h.rows[p];
+        return /* @__PURE__ */ c("tr", { children: b.map(({ month: S, position: T }) => /* @__PURE__ */ c("td", { children: /* @__PURE__ */ c(
+          cn,
           {
             month: S,
             firstAvailableMonth: n,
-            lastAvailableMonth: m,
+            lastAvailableMonth: f,
             locale: r,
-            selected: t ? it(t, S) : !1,
+            selected: t ? ct(t, S) : !1,
             autoFocus: u,
             onClick: () => e == null ? void 0 : e(S),
             monthPickerId: a,
             position: T,
-            size: c
+            size: o
           }
-        ) }, S.getMonth())) }, b);
+        ) }, S.getMonth())) }, p);
       }) }) })
-    ] }, p);
+    ] }, w);
   }) });
-}, sn = (t) => {
+}, ln = (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 ue(t, "336px");
   }
-}, on = (t) => {
+}, dn = (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 ue(t, 4);
   }
-}, cn = (t) => [
+}, un = (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: Z(t, 2) },
+      { label: "Next 7 days", startDate: t, endDate: Z(t, 6) },
+      { label: "Next 30 days", startDate: t, endDate: Z(t, 29) },
+      { label: "Next 45 days", startDate: t, endDate: Z(t, 44) }
     ]
   }
-], an = ({
+], fn = ({
   onClickPreset: t
 }) => {
-  const [e, r] = x(0), n = E(() => cn(/* @__PURE__ */ new Date()), []), s = n[e] ?? n[0];
-  return /* @__PURE__ */ A(J, { children: [
-    /* @__PURE__ */ A(
-      P,
+  const [e, r] = I(0), n = x(() => un(/* @__PURE__ */ new Date()), []), s = n[e] ?? n[0];
+  return /* @__PURE__ */ _(J, { children: [
+    /* @__PURE__ */ _(
+      B,
       {
         justifyContent: "space-between",
         alignItems: "center",
         width: "200px",
         children: [
-          /* @__PURE__ */ o(
-            X,
+          /* @__PURE__ */ c(
+            tt,
             {
               size: "small",
-              leftIcon: tr,
+              leftIcon: nr,
               disabled: e === 0,
               onClick: () => r(e - 1)
             }
           ),
-          /* @__PURE__ */ o(wt, { children: s.label }),
-          /* @__PURE__ */ o(
-            X,
+          /* @__PURE__ */ c(wt, { children: s.label }),
+          /* @__PURE__ */ c(
+            tt,
             {
               size: "small",
-              leftIcon: er,
+              leftIcon: sr,
               disabled: e === n.length - 1,
               onClick: () => r(e + 1)
             }
@@ -907,25 +907,25 @@ 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(
+    /* @__PURE__ */ c(kt, {}),
+    /* @__PURE__ */ c(J, { alignItems: "center", children: s.presets.map((i) => /* @__PURE__ */ _(pe.Fragment, { children: [
+      /* @__PURE__ */ c(
         St,
         {
           label: i.label,
           onClick: () => t(i)
         }
       ),
-      /* @__PURE__ */ o(kt, {})
+      /* @__PURE__ */ c(kt, {})
     ] }, i.label)) })
   ] });
-}, ln = function({
+}, hn = function({
   locale: e,
   dateInFocus: r,
   setDateInFocus: n,
   currentPanel: s,
   setCurrentPanel: i,
-  renderMonthPicker: c,
+  renderMonthPicker: o,
   ...a
 }) {
   const l = D(
@@ -938,8 +938,8 @@ const Zr = (t, e, r) => {
   }, [i]);
   switch (s) {
     case "calendar":
-      return /* @__PURE__ */ o(
-        se,
+      return /* @__PURE__ */ c(
+        ie,
         {
           ...a,
           date: r,
@@ -948,15 +948,15 @@ const Zr = (t, e, r) => {
         }
       );
     case "month":
-      return c ? c({
+      return o ? o({
         value: r,
         onValueChange: l,
         locale: e,
         firstMonth: /* @__PURE__ */ new Date(),
         numMonths: 24,
         dateInFocus: r
-      }) : /* @__PURE__ */ o(
-        Bt,
+      }) : /* @__PURE__ */ c(
+        vt,
         {
           value: r,
           onValueChange: l,
@@ -966,10 +966,10 @@ const Zr = (t, e, r) => {
         }
       );
     case "presets":
-      return /* @__PURE__ */ o(an, { onClickPreset: () => {
+      return /* @__PURE__ */ c(fn, { onClickPreset: () => {
       } });
     default:
-      return /* @__PURE__ */ o(N, { children: /* @__PURE__ */ o(
+      return /* @__PURE__ */ c(L, { children: /* @__PURE__ */ c(
         St,
         {
           label: "Show calendar",
@@ -977,43 +977,43 @@ const Zr = (t, e, r) => {
         }
       ) });
   }
-}, dn = (t, e, r, n) => {
+}, mn = (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 = mr(t, 1);
     e == null || e(l);
-  }, [e, t]), c = D(() => {
-    const l = fe(t, r ?? n ?? 1);
+  }, [e, t]), o = D(() => {
+    const l = me(t, r ?? n ?? 1);
     e == null || e(l);
   }, [e, t, r, n]), a = D(() => {
-    const l = fr(t, 1);
+    const l = gr(t, 1);
     e == null || e(l);
   }, [e, t]);
   return {
     nextMonth: s,
-    prevMonth: c,
+    prevMonth: o,
     nextYear: i,
     prevYear: a
   };
-}, un = ({
+}, gn = ({
   children: t,
   prevMonth: e,
   nextMonth: r,
   prevYear: n,
   nextYear: s
-}) => /* @__PURE__ */ A("div", { children: [
+}) => /* @__PURE__ */ _("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__ */ c(xt, { children: /* @__PURE__ */ _(B, { gap: 1, children: [
+    /* @__PURE__ */ c(ut, { onClick: n, leftIcon: ir }),
+    /* @__PURE__ */ c(ut, { onClick: e, leftIcon: Ct }),
+    /* @__PURE__ */ c(xt, { num: 2 }),
+    /* @__PURE__ */ c(ut, { onClick: r, leftIcon: Pt }),
+    /* @__PURE__ */ c(ut, { onClick: s, leftIcon: or })
   ] }) }),
-  /* @__PURE__ */ o(kt, {})
-] }), fn = () => {
+  /* @__PURE__ */ c(kt, {})
+] }), pn = () => {
 };
 function Mt({
   monthSwitcherPlacement: t,
@@ -1022,35 +1022,35 @@ function Mt({
   setDateInFocus: n,
   currentPanel: s,
   setCurrentPanel: i,
-  onSelectPreset: c = fn,
+  onSelectPreset: o = pn,
   renderMonthPicker: a,
   ...l
 }) {
-  const { nextMonth: d, prevMonth: u, nextYear: h, prevYear: f } = dn(
+  const { nextMonth: d, prevMonth: u, nextYear: m, prevYear: h } = mn(
     r,
     n,
     l.monthsPerRow,
     l.numMonths
   );
-  switch (hn(
+  switch (Dn(
     t,
     l.numMonths
   )) {
     case "below":
-      return /* @__PURE__ */ o(
-        un,
+      return /* @__PURE__ */ c(
+        gn,
         {
           theme: e,
           nextMonth: d,
           prevMonth: u,
-          nextYear: h,
-          prevYear: f,
-          children: /* @__PURE__ */ o(se, { ...l, theme: e, date: r })
+          nextYear: m,
+          prevYear: h,
+          children: /* @__PURE__ */ c(ie, { ...l, theme: e, date: r })
         }
       );
     case "header":
-      return /* @__PURE__ */ o(J, { children: /* @__PURE__ */ o(
-        ln,
+      return /* @__PURE__ */ c(J, { children: /* @__PURE__ */ c(
+        hn,
         {
           ...l,
           theme: e,
@@ -1059,33 +1059,33 @@ function Mt({
           setDateInFocus: n,
           currentPanel: s,
           setCurrentPanel: i,
-          onSelectPreset: c,
-          headerRightContent: /* @__PURE__ */ A(P, { alignItems: "center", gap: 1, children: [
-            /* @__PURE__ */ o(
-              dt,
+          onSelectPreset: o,
+          headerRightContent: /* @__PURE__ */ _(B, { alignItems: "center", gap: 1, children: [
+            /* @__PURE__ */ c(
+              ut,
               {
                 onClick: u,
-                leftIcon: jt
+                leftIcon: Ct
               }
             ),
-            /* @__PURE__ */ o(
-              dt,
+            /* @__PURE__ */ c(
+              ut,
               {
                 onClick: d,
-                leftIcon: Lt
+                leftIcon: Pt
               }
             )
           ] })
         }
       ) });
     default:
-      return /* @__PURE__ */ o(se, { ...l, theme: e, date: r });
+      return /* @__PURE__ */ c(ie, { ...l, theme: e, date: r });
   }
 }
-const hn = (t, e) => t || (e || 1) > 1 ? "below" : "header", mn = (t) => ({
-  startDate: t.startDate ? O(t.startDate, "yyyy-MM-dd") : void 0,
-  endDate: t.endDate ? O(t.endDate, "yyyy-MM-dd") : void 0
-}), gn = ({
+const Dn = (t, e) => t || (e || 1) > 1 ? "below" : "header", bn = (t) => ({
+  startDate: t.startDate ? v(t.startDate, "yyyy-MM-dd") : void 0,
+  endDate: t.endDate ? v(t.endDate, "yyyy-MM-dd") : void 0
+}), wn = ({
   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 = ({
+}, je = ({
   startDate: t,
   endDate: e
-}) => !!(t && e && !L(t, e) && Q(t, e)), Ue = (t) => We(t) ? {
+}) => !!(t && e && !P(t, e) && V(t, e)), Ce = (t) => je(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, zs = (t) => t.startDate && t.endDate ? bn(
+  Ce(wn(t))
+) : t, yn = (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));
+    je(i) || n(r === "startDate" ? "endDate" : "startDate"), e == null || e(Ce(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,24 +1128,24 @@ const hn = (t, e) => t || (e || 1) > 1 ? "below" : "header", mn = (t) => ({
     currentPanel: e,
     setCurrentPanel: n
   };
-}, Dn = ({
+}, Mn = ({
   focusedInput: t,
   value: e,
   onValueChange: r,
   setFocusedInput: n,
   statePerMonth: s,
   onChangePanel: i,
-  initialDateInFocus: c
+  initialDateInFocus: o
 }) => {
-  const { currentPanel: a, setCurrentPanel: l } = Jt(i), [d, u] = x(
-    () => c ?? /* @__PURE__ */ new Date()
-  ), h = pn(
+  const { currentPanel: a, setCurrentPanel: l } = Gt(i), [d, u] = I(
+    () => o ?? /* @__PURE__ */ new Date()
+  ), m = yn(
     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: m,
+    statePerMonth: h,
     currentPanel: a,
     setCurrentPanel: l,
     setDateInFocus: u,
     dateInFocus: d
   };
 };
-function js(t) {
-  const e = Dn(t);
-  return /* @__PURE__ */ o(Mt, { ...t, ...e });
+function qs(t) {
+  const e = Mn(t);
+  return /* @__PURE__ */ c(Mt, { ...t, ...e });
 }
-const Cs = () => {
-  const [t, e] = x(), [r, n] = x(), [s, i] = x("startDate");
+const Js = () => {
+  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 = ({
+}, kn = ({
   onChange: t,
   value: e,
   statePerMonth: r,
   onChangePanel: n
 }) => {
-  const { currentPanel: s, setCurrentPanel: i } = Jt(n), [c, a] = x(() => e ?? /* @__PURE__ */ new Date()), l = D(
+  const { currentPanel: s, setCurrentPanel: i } = Gt(n), [o, a] = I(() => e ?? /* @__PURE__ */ new Date()), l = D(
     (u) => {
       t && t(u.date);
     },
     [t]
-  ), d = E(
-    () => e ? ut(r, e, [
+  ), d = x(
+    () => e ? ft(r, e, [
       "selected",
       "singleSelected"
     ]) : r,
@@ -1199,30 +1199,30 @@ const Cs = () => {
     date: e,
     currentPanel: s,
     setCurrentPanel: i,
-    dateInFocus: c,
+    dateInFocus: o,
     setDateInFocus: a
   };
 };
-function Fe(t) {
-  const e = bn(t);
-  return /* @__PURE__ */ o(Mt, { ...t, ...e });
+function Ke(t) {
+  const e = kn(t);
+  return /* @__PURE__ */ c(Mt, { ...t, ...e });
 }
-const wn = ({
+const Sn = ({
   onChange: t,
   value: e,
   statePerMonth: r,
   onChangePanel: n
 }) => {
-  const { currentPanel: s, setCurrentPanel: i } = Jt(n), [c, a] = x(() => /* @__PURE__ */ new Date()), l = D(
+  const { currentPanel: s, setCurrentPanel: i } = Gt(n), [o, a] = I(() => /* @__PURE__ */ new Date()), l = D(
     (u) => {
       if (!t)
         return;
-      const h = e && e.find((f) => L(f, u.date));
-      t(e && h ? e.filter((f) => !L(f, u.date)) : [...e || [], u.date]);
+      const m = e && e.find((h) => P(h, u.date));
+      t(e && m ? e.filter((h) => !P(h, u.date)) : [...e || [], u.date]);
     },
     [t, e]
-  ), d = E(() => e ? e.reduce(
-    (u, h) => ut(u, h, ["selected"]),
+  ), d = x(() => e ? e.reduce(
+    (u, m) => ft(u, m, ["selected"]),
     r
   ) : r, [r, e]);
   return {
@@ -1230,149 +1230,149 @@ const wn = ({
     statePerMonth: d,
     currentPanel: s,
     setCurrentPanel: i,
-    dateInFocus: c,
+    dateInFocus: o,
     setDateInFocus: a
   };
 };
-function Ks(t) {
-  const e = wn(t);
-  return /* @__PURE__ */ o(Mt, { ...t, ...e });
+function Gs(t) {
+  const e = Sn(t);
+  return /* @__PURE__ */ c(Mt, { ...t, ...e });
 }
-const yn = ({
+const Tn = ({
   onChange: t,
   value: e,
   statePerMonth: r,
   onChangePanel: n,
-  locale: s = Kt
+  locale: s = zt
 }) => {
-  const [i, c] = x(() => {
-    const m = Vt(e, s);
-    return m ? m.days[0].date : /* @__PURE__ */ new Date();
-  }), { currentPanel: a, setCurrentPanel: l } = Jt(n), d = D(
-    (m) => {
-      t && t(Se(pe(m.date, s)));
+  const [i, o] = I(() => {
+    const f = te(e, s);
+    return f ? f.days[0].date : /* @__PURE__ */ new Date();
+  }), { currentPanel: a, setCurrentPanel: l } = Gt(n), d = D(
+    (f) => {
+      t && t(Ie(be(f.date, s)));
     },
     [s, t]
   ), u = D(
-    (m) => {
-      t && t(Se(m));
+    (f) => {
+      t && t(Ie(f));
     },
     [t]
-  ), h = E(() => {
-    const m = Vt(e, s);
-    return m ? Lr(r, m) : r;
-  }, [e, s, r]), f = E(() => {
-    const m = Vt(e, s);
-    return m ? m.days[0].date : /* @__PURE__ */ new Date();
+  ), m = x(() => {
+    const f = te(e, s);
+    return f ? vr(r, f) : r;
+  }, [e, s, r]), h = x(() => {
+    const f = te(e, s);
+    return f ? f.days[0].date : /* @__PURE__ */ new Date();
   }, [s, e]);
   return {
-    statePerMonth: h,
-    date: f,
+    statePerMonth: m,
+    date: h,
     dateInFocus: i,
-    setDateInFocus: c,
+    setDateInFocus: o,
     onClickDay: d,
     onClickWeek: u,
     currentPanel: a,
     setCurrentPanel: l
   };
-}, Se = (t) => {
+}, Ie = (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 o = Ut(pr(i, n), { locale: e });
+  return be(o, e);
 };
-function zs(t) {
-  const e = yn(t);
-  return /* @__PURE__ */ o(Mt, { ...t, ...e });
+function Qs(t) {
+  const e = Tn(t);
+  return /* @__PURE__ */ c(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 Ht = "bottom", Rn = (t, e, r) => {
+  const [n, s] = I(r || !1), i = D(() => (s(!0), !0), [s]), o = D(() => {
     s(!1), e && e();
   }, [s, e]), a = D(
     (l) => {
-      t && t(l), setTimeout(c, 150);
+      t && t(l), setTimeout(o, 150);
     },
-    [t, c]
+    [t, o]
   );
   return {
     showCalendar: i,
-    hideCalendar: c,
+    hideCalendar: o,
     showingCalendar: n,
     onSelectDate: a
   };
-}, $t = "2999-12-31", qs = ({
-  displayFormat: t = ot.fullDate,
+}, Wt = "2999-12-31", Xs = ({
+  displayFormat: t = at.fullDate,
   placeholder: e = "Enter date",
   value: r,
   calendarTheme: n = yt,
   calendarProps: s,
   openOnMount: i,
-  onClose: c,
+  onClose: o,
   onChange: a,
   variant: l,
   width: d,
   minDate: u,
-  maxDate: h = $t,
-  disabled: f
+  maxDate: m = Wt,
+  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: f, showingCalendar: g, onSelectDate: w, showCalendar: y } = Rn(a, o, i);
+  return /* @__PURE__ */ c(L, { width: d, children: /* @__PURE__ */ c(
+    Bt,
     {
       hideArrow: !0,
       open: g,
-      onRequestClose: m,
-      renderTrigger: (M) => /* @__PURE__ */ o(N, { ...M, children: /* @__PURE__ */ o(
+      onRequestClose: f,
+      renderTrigger: (M) => /* @__PURE__ */ c(L, { ...M, children: /* @__PURE__ */ c(
         bt,
         {
           type: "date",
           onFocus: y,
-          buttonRight: /* @__PURE__ */ o(sr, { onClick: y, icon: xt }),
-          value: r ? O(r, t) : "",
+          buttonRight: /* @__PURE__ */ c(cr, { onClick: y, icon: Et }),
+          value: r ? v(r, t) : "",
           placeholder: e,
           size: 9,
-          disabled: f,
+          disabled: h,
           autoFocus: i,
           variant: l,
           min: u,
-          max: h
+          max: m
         }
       ) }),
       placement: Ht,
-      children: /* @__PURE__ */ o(
-        Fe,
+      children: /* @__PURE__ */ c(
+        Ke,
         {
           ...s,
-          onChange: p,
+          onChange: w,
           value: r,
           theme: n,
           minDate: u,
-          maxDate: h
+          maxDate: m
         }
       )
     }
   ) });
-}, 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(() => {
+}, In = (t, e) => {
+  const r = W(null), n = W(null), [s, i] = I(!1), [o, a] = I(void 0), l = D(() => (a("startDate"), i(!0), !0), [a, i]), d = D(() => (a("endDate"), i(!0), !0), [a, i]), u = D(() => {
     i(!1);
-  }, [i]), h = D(
-    (m) => {
-      c === "startDate" ? (e == null || e({
-        startDate: m.date,
+  }, [i]), m = D(
+    (f) => {
+      o === "startDate" ? (e == null || e({
+        startDate: f.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(u, 150) : (a("endDate"), n.current && n.current.focus())) : o === "endDate" && (e == null || e({
         startDate: t == null ? void 0 : t.startDate,
-        endDate: m.date
+        endDate: f.date
       }), t != null && t.startDate ? setTimeout(u, 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),
+    [o, e, a, u, t]
+  ), h = x(
+    () => (t == null ? void 0 : t.startDate) && (t == null ? void 0 : t.endDate) && V(t.startDate, t.endDate),
     [t == null ? void 0 : t.startDate, t == null ? void 0 : t.endDate]
   );
   return {
@@ -1380,82 +1380,82 @@ const Ht = "bottom", Mn = (t, e, r) => {
     hideCalendar: u,
     showCalendarEndDate: d,
     showCalendarStartDate: l,
-    focusedInput: c,
+    focusedInput: o,
     setFocusedInput: a,
     startDateInputRef: r,
     endDateInputRef: n,
-    onClickDay: h,
-    startDateIsAfterEnd: f
+    onClickDay: m,
+    startDateIsAfterEnd: h
   };
 };
-function Js({
-  displayFormat: t = ot.fullDate,
+function Zs({
+  displayFormat: t = at.fullDate,
   placeholderStartDate: e = "Start date",
   placeholderEndDate: r = "End date",
   value: n,
   onValueChange: s,
   width: i,
-  calendarTheme: c = yt,
+  calendarTheme: o = yt,
   calendarProps: a,
   minDate: l,
-  maxDate: d = $t,
+  maxDate: d = Wt,
   disabled: u
 }) {
-  const [h, f] = x("calendar"), {
-    hideCalendar: m,
+  const [m, h] = I("calendar"), {
+    hideCalendar: f,
     showCalendarEndDate: g,
-    showCalendarStartDate: p,
+    showCalendarStartDate: w,
     showingCalendar: y,
     focusedInput: M,
-    startDateInputRef: b,
-    endDateInputRef: w,
+    startDateInputRef: p,
+    endDateInputRef: b,
     onClickDay: S,
     startDateIsAfterEnd: T
-  } = kn(n, s), [_, I] = x(
+  } = In(n, s), [N, A] = 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,
+  return /* @__PURE__ */ c(
+    Bt,
     {
       hideArrow: !0,
-      renderTrigger: (B) => /* @__PURE__ */ A(P, { alignItems: "center", ...B, children: [
-        /* @__PURE__ */ o(
+      renderTrigger: (R) => /* @__PURE__ */ _(B, { alignItems: "center", ...R, children: [
+        /* @__PURE__ */ c(
           bt,
           {
-            iconLeft: xt,
-            onFocus: p,
-            value: n != null && n.startDate ? O(n.startDate, t) : "",
+            iconLeft: Et,
+            onFocus: w,
+            value: n != null && n.startDate ? v(n.startDate, t) : "",
             placeholder: e,
             width: i,
             disabled: u,
-            inputRef: b,
+            inputRef: p,
             size: 9,
             variant: T ? "error" : void 0
           }
         ),
-        /* @__PURE__ */ o(kt, {}),
-        /* @__PURE__ */ o(
-          xe,
+        /* @__PURE__ */ c(kt, {}),
+        /* @__PURE__ */ c(
+          _e,
           {
-            icon: ir,
-            color: zt("--lhds-color-ui-500"),
+            icon: ar,
+            color: qt("--lhds-color-ui-500"),
             size: 14
           }
         ),
-        /* @__PURE__ */ o(kt, {}),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ c(kt, {}),
+        /* @__PURE__ */ c(
           bt,
           {
-            iconLeft: xt,
+            iconLeft: Et,
             onFocus: g,
-            value: n != null && n.endDate ? O(n.endDate, t) : "",
+            value: n != null && n.endDate ? v(n.endDate, t) : "",
             placeholder: r,
             width: i,
             disabled: u,
-            inputRef: w,
+            inputRef: b,
             size: 9,
             variant: T ? "error" : void 0
           }
@@ -1463,18 +1463,18 @@ function Js({
       ] }),
       open: y,
       placement: Ht,
-      onRequestClose: m,
-      children: /* @__PURE__ */ o(
+      onRequestClose: f,
+      children: /* @__PURE__ */ c(
         Mt,
         {
           ...a,
-          dateInFocus: _,
-          setDateInFocus: I,
+          dateInFocus: N,
+          setDateInFocus: A,
           statePerMonth: k,
-          theme: c,
+          theme: o,
           onClickDay: S,
-          currentPanel: h,
-          setCurrentPanel: f,
+          currentPanel: m,
+          setCurrentPanel: h,
           minDate: l,
           maxDate: d
         }
@@ -1482,60 +1482,60 @@ function Js({
     }
   );
 }
-const Gs = ({
+const Vs = ({
   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,
+  value: o,
   width: a = "130px",
   calendarTheme: l = yt,
   hideCalenderIcon: d = !1,
   minDate: u,
-  maxDate: h = $t,
-  variant: f,
-  ...m
+  maxDate: m = Wt,
+  variant: h,
+  ...f
 }) => {
-  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(v(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;
-  return /* @__PURE__ */ o(N, { width: a, children: /* @__PURE__ */ o(
-    Pt,
+    [p, r, e, w, g]
+  ), S = !!o && !/^[-/\\.0-9]+$/.test(o), T = !!o && Dr(pt(o, r, /* @__PURE__ */ new Date())), A = !!o && o.length >= r.length && !T || S;
+  return /* @__PURE__ */ c(L, { width: a, children: /* @__PURE__ */ c(
+    Bt,
     {
-      renderTrigger: (k) => /* @__PURE__ */ o(
+      renderTrigger: (k) => /* @__PURE__ */ c(
         bt,
         {
-          ...m,
-          variant: I ? "error" : f,
+          ...f,
+          variant: A ? "error" : h,
           disableContentPaddingRight: !0,
-          contentRight: d ? void 0 : /* @__PURE__ */ o(P, { alignItems: "center", indent: 0.5, children: /* @__PURE__ */ o(
-            X,
+          contentRight: d ? void 0 : /* @__PURE__ */ c(B, { alignItems: "center", indent: 0.5, children: /* @__PURE__ */ c(
+            tt,
             {
               size: "small",
-              disabled: m.disabled || n,
-              leftIcon: xt,
+              disabled: f.disabled || n,
+              leftIcon: Et,
               onClick: y
             }
           ) }),
-          onValueChange: b,
+          onValueChange: p,
           placeholder: i,
-          value: c || "",
+          value: o || "",
           min: u,
-          max: h,
+          max: m,
           size: 10,
           ...k
         }
@@ -1544,20 +1544,20 @@ const Gs = ({
       open: g,
       placement: Ht,
       onRequestClose: M,
-      children: /* @__PURE__ */ o(
-        Fe,
+      children: /* @__PURE__ */ c(
+        Ke,
         {
           ...t,
-          onChange: w,
-          value: c && T ? pt(c, r, /* @__PURE__ */ new Date()) : void 0,
+          onChange: b,
+          value: o && T ? pt(o, r, /* @__PURE__ */ new Date()) : void 0,
           minDate: u,
-          maxDate: h,
+          maxDate: m,
           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))
+}, xn = (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,192 +1624,192 @@ const Gs = ({
     }
   }
   return { time: t, success: !1 };
-}, ie = (t) => t ? /^[-:.,/; 0-9]+$/.test(t) : !0, Qs = ({
+}, oe = (t) => t ? /^[-:.,/; 0-9]+$/.test(t) : !0, ti = ({
   onValueChange: t,
   showPlaceholder: e = !0,
   useIcon: r = !0,
   value: n,
   width: s = "85px",
   variant: i,
-  ...c
+  ...o
 }) => {
-  const [a, l] = x(() => ie(n)), d = "hh:mm", u = D(() => {
+  const [a, l] = I(() => oe(n)), d = "hh:mm", u = D(() => {
     if (n) {
-      const f = Sn(n);
-      l(f.success), f.success && t && t(f.time);
+      const h = xn(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]), m = D(
+    (h) => {
+      const f = h.target.value, g = oe(f);
+      l(g && f.length <= d.length), t && t(f);
     },
     [t, l]
   );
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ c(
     bt,
     {
-      ...c,
+      ...o,
       type: "time",
       variant: a ? i : "error",
-      iconLeft: r ? Ee : void 0,
+      iconLeft: r ? Ne : void 0,
       value: n,
       placeholder: e ? d : void 0,
-      onChange: h,
+      onChange: m,
       onBlur: u,
       width: s
     }
   );
-}, je = ({
+}, ze = ({
   autoFocusLeft: t,
   autoFocusRight: e,
   onEsc: r,
   onEnter: n,
   onValueChangeLeft: s,
   onValueChangeRight: i,
-  separatorIcon: c,
+  separatorIcon: o,
   placeholderLeft: a,
   placeholderRight: l,
   typeLeft: d,
   typeRight: u,
-  onChangeLeft: h,
-  onChangeRight: f,
-  valueLeft: m,
+  onChangeLeft: m,
+  onChangeRight: h,
+  valueLeft: f,
   valueRight: g,
-  minLeft: p,
+  minLeft: w,
   maxLeft: y,
   minRight: M,
-  maxRight: b,
-  onClickLeft: w,
+  maxRight: p,
+  onClickLeft: b,
   onClickRight: S,
   onClickCalendar: T,
-  onClickArrowDown: _,
-  onBlurLeft: I,
+  onClickArrowDown: N,
+  onBlurLeft: A,
   onBlurRight: k,
-  onFocusLeft: B,
-  onFocusRight: R,
-  inputRefLeft: C,
-  inputRefRight: F,
-  variant: W,
-  variantLeft: K,
-  variantRight: q,
-  onBlur: j,
-  showPresets: rt,
-  widthLeft: nt,
-  widthRight: Z,
-  disabled: V
+  onFocusLeft: R,
+  onFocusRight: Y,
+  inputRefLeft: G,
+  inputRefRight: E,
+  variant: $,
+  variantLeft: z,
+  variantRight: j,
+  onBlur: H,
+  showPresets: Q,
+  widthLeft: X,
+  widthRight: nt,
+  disabled: q
 }) => {
-  const H = v(0), U = E(
-    () => Rr((z) => {
-      z === 0 && (j == null || j());
+  const C = W(0), K = x(
+    () => Ar((F) => {
+      F === 0 && (H == null || H());
     }, 10),
-    [j]
-  ), ct = D(
-    (z) => {
-      H.current++, U(H.current), B && B(z);
+    [H]
+  ), st = D(
+    (F) => {
+      C.current++, K(C.current), R && R(F);
     },
-    [B, H, U]
-  ), Y = D(
-    (z) => {
-      H.current++, U(H.current), R && R(z);
+    [R, C, K]
+  ), it = D(
+    (F) => {
+      C.current++, K(C.current), Y && Y(F);
     },
-    [R, H, U]
-  ), $ = D(
-    (z) => {
-      H.current--, U(H.current), I && I(z);
+    [Y, C, K]
+  ), O = D(
+    (F) => {
+      C.current--, K(C.current), A && A(F);
     },
-    [I, H, U]
-  ), ft = D(
-    (z) => {
-      H.current--, U(H.current), k && k(z);
+    [A, C, K]
+  ), U = D(
+    (F) => {
+      C.current--, K(C.current), k && k(F);
     },
-    [k, H, U]
+    [k, C, K]
   );
-  return /* @__PURE__ */ o(N, { children: /* @__PURE__ */ A(
-    xr,
+  return /* @__PURE__ */ c(L, { children: /* @__PURE__ */ _(
+    Nr,
     {
       disableContentPaddingRight: !0,
-      disabled: V,
-      variant: W,
-      contentRight: /* @__PURE__ */ A(P, { alignItems: "center", children: [
-        /* @__PURE__ */ o(It, { num: 0.5, children: /* @__PURE__ */ o(
-          X,
+      disabled: q,
+      variant: $,
+      contentRight: /* @__PURE__ */ _(B, { alignItems: "center", children: [
+        /* @__PURE__ */ c(xt, { num: 0.5, children: /* @__PURE__ */ c(
+          tt,
           {
-            leftIcon: xt,
+            leftIcon: Et,
             onClick: T,
-            disabled: V,
+            disabled: q,
             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__ */ _(de, { children: [
+          /* @__PURE__ */ c(B, { height: "22px", children: /* @__PURE__ */ c(rr, { vertical: !0 }) }),
+          /* @__PURE__ */ c(xt, { num: 0.5, children: /* @__PURE__ */ c(
+            tt,
             {
-              leftIcon: de,
-              onClick: _,
-              disabled: V,
+              leftIcon: fe,
+              onClick: N,
+              disabled: q,
               size: "small"
             }
           ) })
         ] }) : null
       ] }),
       children: [
-        /* @__PURE__ */ o(N, { width: nt, children: /* @__PURE__ */ o(
+        /* @__PURE__ */ c(L, { width: X, children: /* @__PURE__ */ c(
           bt,
           {
             onEsc: r,
             onEnter: n,
-            onClick: w,
-            disabled: V,
+            onClick: b,
+            disabled: q,
             hideBorder: !0,
             placeholder: a,
-            value: m,
+            value: f,
             onValueChange: s,
-            onChange: h,
-            onBlur: $,
-            onFocus: ct,
-            inputRef: C,
-            variant: K,
+            onChange: m,
+            onBlur: O,
+            onFocus: st,
+            inputRef: G,
+            variant: z,
             type: d,
             autoFocus: t,
-            min: p,
+            min: w,
             max: y
           }
         ) }),
-        /* @__PURE__ */ o(P, { indent: 0.5, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ o(
-          xe,
+        /* @__PURE__ */ c(B, { indent: 0.5, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ c(
+          _e,
           {
-            icon: c,
+            icon: o,
             size: 12,
-            color: zt("--lhds-color-ui-500")
+            color: qt("--lhds-color-ui-500")
           }
         ) }),
-        /* @__PURE__ */ o(N, { width: Z, children: /* @__PURE__ */ o(
+        /* @__PURE__ */ c(L, { width: nt, children: /* @__PURE__ */ c(
           bt,
           {
             onEsc: r,
             onEnter: n,
             onClick: S,
-            disabled: V,
+            disabled: q,
             hideBorder: !0,
             placeholder: l,
             value: g,
             onValueChange: i,
-            onChange: f,
-            onBlur: ft,
-            onFocus: Y,
-            inputRef: F,
-            variant: q,
+            onChange: h,
+            onBlur: U,
+            onFocus: it,
+            inputRef: E,
+            variant: j,
             type: u,
             autoFocus: e,
             min: M,
-            max: b
+            max: p
           }
         ) })
       ]
     }
   ) });
-}, Tn = (t) => {
+}, En = (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) => {
+}, An = (t) => {
   try {
-    return Tn(t), !0;
+    return En(t), !0;
   } catch {
     return !1;
   }
 }, Ot = (t) => {
-  if (t && Rn(t)) {
+  if (t && An(t)) {
     const e = t.split(":");
     return {
-      hour: be(e[0]),
-      minute: be(e[1])
+      hour: Me(e[0]),
+      minute: Me(e[1])
     };
   }
   return {
     hour: void 0,
     minute: void 0
   };
-}, In = (t) => `${Ut(String(t.getHours()))}:${Ft(
+}, _n = (t) => `${Ft(String(t.getHours()))}:${jt(
   String(t.getMinutes())
-)}`, xn = "_timePicker_1w05d_1", En = "_timePickerColumn_1w05d_6", Ce = {
-  timePicker: xn,
-  timePickerColumn: En
-}, An = ({
+)}`, Nn = "_timePicker_1w05d_1", Ln = "_timePickerColumn_1w05d_6", qe = {
+  timePicker: Nn,
+  timePickerColumn: Ln
+}, Pn = ({
   onClick: t,
   item: e,
   selected: r,
   columnRef: n,
   canScrollRef: s
 }) => {
-  const i = v(null);
-  return et(
+  const i = W(null);
+  return rt(
     function() {
       if (r && n.current && i.current && s.current) {
         const a = i.current.scrollHeight * Math.max(e - 2, 0);
@@ -1870,22 +1870,22 @@ const Gs = ({
       }
     },
     [n, e, r, s]
-  ), /* @__PURE__ */ o(
-    P,
+  ), /* @__PURE__ */ c(
+    B,
     {
       width: "64px",
       justifyContent: "center",
       spacing: 0.5,
       indent: 0.5,
       ref: i,
-      children: r ? /* @__PURE__ */ o(
+      children: r ? /* @__PURE__ */ c(
         St,
         {
-          label: Ir(String(e), 2, "0"),
+          label: _r(String(e), 2, "0"),
           onClick: () => t && t(e)
         }
-      ) : /* @__PURE__ */ o(
-        X,
+      ) : /* @__PURE__ */ c(
+        tt,
         {
           label: String(e).padStart(2, "0"),
           onClick: () => t && t(e)
@@ -1893,15 +1893,15 @@ const Gs = ({
       )
     }
   );
-}, Te = ({
+}, xe = ({
   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 = W(null);
+  return /* @__PURE__ */ c(J, { className: qe.timePickerColumn, ref: s, children: e.map((i) => /* @__PURE__ */ c(
+    Pn,
     {
       item: i,
       onClick: t,
@@ -1911,60 +1911,60 @@ const Gs = ({
     },
     i
   )) });
-}, _n = he(0, 24), Nn = he(0, 60), Ln = ({
+}, Yn = ge(0, 24), Bn = ge(0, 60), vn = ({
   value: t,
   onValueChange: e
 }) => {
-  const r = v(!0), [n, s] = x(void 0), [i, c] = x(void 0);
-  et(() => {
+  const r = W(!0), [n, s] = I(void 0), [i, o] = I(void 0);
+  rt(() => {
     if (t) {
       const { minute: d, hour: u } = Ot(t);
-      s(u), c(d);
+      s(u), o(d);
     }
   }, [t]);
   const a = D(
     (d) => {
       s(d), e == null || e(
-        `${Ut(String(d ?? 0))}:${Ft(String(i ?? 0))}`
+        `${Ft(String(d ?? 0))}:${jt(String(i ?? 0))}`
       );
     },
     [i, e]
   ), l = D(
     (d) => {
-      c(d), e == null || e(
-        `${Ut(String(n ?? 0))}:${Ft(String(d ?? 0))}`
+      o(d), e == null || e(
+        `${Ft(String(n ?? 0))}:${jt(String(d ?? 0))}`
       );
     },
     [n, e]
   );
-  return /* @__PURE__ */ A(P, { className: Ce.timePicker, children: [
-    /* @__PURE__ */ o(
-      Te,
+  return /* @__PURE__ */ _(B, { className: qe.timePicker, children: [
+    /* @__PURE__ */ c(
+      xe,
       {
-        items: _n,
+        items: Yn,
         onClick: a,
         selectedItem: n,
         canScrollRef: r
       }
     ),
-    /* @__PURE__ */ o(It, {}),
-    /* @__PURE__ */ o(
-      Te,
+    /* @__PURE__ */ c(xt, {}),
+    /* @__PURE__ */ c(
+      xe,
       {
-        items: Nn,
+        items: Bn,
         onClick: l,
         selectedItem: i,
         canScrollRef: r
       }
     )
   ] });
-}, Yn = (t, e, r) => {
-  et(
+}, Hn = (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,81 +1972,81 @@ const Gs = ({
     },
     [t, r]
   );
-}, Pn = (t, e, {
+}, Wn = (t, e, {
   setDateInFocus: r,
   showCalendarInternal: n,
   hideCalendarInternal: s,
   setFirstFocusedInput: i,
-  setCurrentPanel: c,
+  setCurrentPanel: o,
   localTime: a,
   setLocalTime: l,
   localDate: d,
   setLocalDate: u
-}, h) => {
-  const f = D(
-    (b) => {
-      if (!b)
+}, m) => {
+  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), u(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);
+        b.setHours(T ?? 0), b.setMinutes(S ?? 0), e == null || e(b), u(void 0);
       } else
-        u(w);
-      r(w), h.current && (h.current.valueAsDate = new Date(
-        Date.UTC(w.getFullYear(), w.getMonth(), w.getDate())
+        u(b);
+      r(b), m.current && (m.current.valueAsDate = new Date(
+        Date.UTC(b.getFullYear(), b.getMonth(), b.getDate())
       ));
     },
-    [t, h, a, e, r, u]
-  ), m = D(
-    (b) => {
-      if (b)
+    [t, m, a, e, r, u]
+  ), f = D(
+    (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);
+          const b = Ot(p), S = new Date(t);
+          S.setHours(b.hour || 0), S.setMinutes(b.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 = Ot(p), S = new Date(d);
+          S.setHours(b.hour || 0), S.setMinutes(b.minute || 0), e == null || e(S), l(void 0);
         } else
-          l(b);
+          l(p);
     },
     [e, t, d, l]
   ), g = D(
-    (b) => {
-      b.target.value[0] !== "0" && f(b.target.valueAsDate);
+    (p) => {
+      p.target.value[0] !== "0" && h(p.target.valueAsDate);
     },
+    [h]
+  ), w = D(
+    (p) => f(p.target.value),
     [f]
-  ), p = D(
-    (b) => m(b.target.value),
-    [m]
   ), y = D(() => {
-    r(t || /* @__PURE__ */ new Date()), c("calendar"), n();
-  }, [t, c, n, r]), M = D(() => {
+    r(t || /* @__PURE__ */ new Date()), o("calendar"), n();
+  }, [t, o, n, r]), M = D(() => {
     i(void 0), s();
   }, [i, s]);
   return {
     inputLeftChangeHandler: g,
-    inputRightChangeHandler: p,
+    inputRightChangeHandler: w,
     hideCalendar: M,
     showCalendar: y,
-    onChangeTime: m,
-    onChangeDate: f
+    onChangeTime: 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(
+}, $n = (t) => {
+  const [e, r] = I(void 0), [n, s] = I(void 0), [i, o, a] = se(!1), [l, d, u] = se(!1), [m, h] = I(void 0), [f, g] = I(
     () => t ?? /* @__PURE__ */ new Date()
-  ), [p, y] = x("calendar");
+  ), [w, y] = I("calendar");
   return {
     isCalendarVisible: i,
-    showCalendarInternal: c,
+    showCalendarInternal: o,
     hideCalendarInternal: a,
-    firstFocusedInput: h,
-    setFirstFocusedInput: f,
-    dateInFocus: m,
+    firstFocusedInput: m,
+    setFirstFocusedInput: h,
+    dateInFocus: f,
     setDateInFocus: g,
-    currentPanel: p,
+    currentPanel: w,
     setCurrentPanel: y,
     isTimePickerVisible: l,
     showTimePicker: d,
@@ -2056,24 +2056,24 @@ const Gs = ({
     localTime: n,
     setLocalTime: s
   };
-}, Hn = (t, e, r, n, {
+}, On = (t, e, r, n, {
   isCalendarVisible: s,
   setCurrentPanel: i,
-  showTimePicker: c,
+  showTimePicker: o,
   hideTimePicker: a
 }) => {
   const l = D(() => {
     s || r(), i("calendar"), a();
   }, [a, s, i, r]), d = D(() => {
-    n(), c();
-  }, [n, c]), u = D(
+    n(), o();
+  }, [n, o]), u = D(
     (g) => {
-      t(g.date), n(), c();
+      t(g.date), n(), o();
     },
-    [t, n, c]
-  ), h = D(() => {
+    [t, n, o]
+  ), m = 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());
   }, [
@@ -2082,7 +2082,7 @@ const Gs = ({
     e,
     i,
     r
-  ]), m = D(
+  ]), f = D(
     (g) => {
       g.key === "Escape" && n();
     },
@@ -2092,175 +2092,175 @@ const Gs = ({
     onFocusLeft: l,
     onFocusRight: d,
     onClickDay: u,
-    onClickArrowButton: h,
-    onClickCalendarButton: f,
-    onKeyDownHandler: m
+    onClickArrowButton: m,
+    onClickCalendarButton: h,
+    onKeyDownHandler: f
   };
-}, Xs = ({
+}, ei = ({
   value: t,
   onValueChange: e,
   onEnter: r,
   onEsc: n,
   onBlur: s,
   autoFocus: i,
-  minDate: c,
+  minDate: o,
   widthLeft: a = 128,
   widthRight: l = 80,
-  maxDate: d = $t,
+  maxDate: d = Wt,
   variant: u,
-  disabled: h
+  disabled: m
 }) => {
-  const f = v(null), m = v(null), g = Bn(t), {
-    setCurrentPanel: p,
+  const h = W(null), f = W(null), g = $n(t), {
+    setCurrentPanel: w,
     currentPanel: y,
     isCalendarVisible: M,
-    dateInFocus: b,
-    setDateInFocus: w,
+    dateInFocus: p,
+    setDateInFocus: b,
     isTimePickerVisible: S,
     hideTimePicker: T,
-    localTime: _,
-    localDate: I
+    localTime: N,
+    localDate: A
   } = g, {
     showCalendar: k,
-    hideCalendar: B,
-    inputLeftChangeHandler: R,
-    inputRightChangeHandler: C,
-    onChangeTime: F,
-    onChangeDate: W
-  } = Pn(t, e, g, f), {
-    onKeyDownHandler: K,
-    onFocusRight: q,
-    onFocusLeft: j,
-    onClickDay: rt,
-    onClickCalendarButton: nt,
-    onClickArrowButton: Z
-  } = Hn(
-    W,
-    f,
+    hideCalendar: R,
+    inputLeftChangeHandler: Y,
+    inputRightChangeHandler: G,
+    onChangeTime: E,
+    onChangeDate: $
+  } = Wn(t, e, g, h), {
+    onKeyDownHandler: z,
+    onFocusRight: j,
+    onFocusLeft: H,
+    onClickDay: Q,
+    onClickCalendarButton: X,
+    onClickArrowButton: nt
+  } = On(
+    $,
+    h,
     k,
-    B,
+    R,
     g
   );
-  Yn(t, w, f);
-  const V = E(() => {
-    const $ = t || I;
-    return $ ? ut(void 0, $, [
+  Hn(t, b, h);
+  const q = x(() => {
+    const O = t || A;
+    return O ? ft(void 0, O, [
       "singleSelected",
       "selected"
     ]) : {};
-  }, [I, t]), H = D(() => {
-    B(), T();
-  }, [B, T]), U = E(
-    () => t ? In(t) : _,
-    [t, _]
-  ), ct = we(M, 300), Y = we(S, 300);
-  return /* @__PURE__ */ o(N, { onKeyDown: K, children: /* @__PURE__ */ o(
-    Pt,
+  }, [A, t]), C = D(() => {
+    R(), T();
+  }, [R, T]), K = x(
+    () => t ? _n(t) : N,
+    [t, N]
+  ), st = ke(M, 300), it = ke(S, 300);
+  return /* @__PURE__ */ c(L, { onKeyDown: z, children: /* @__PURE__ */ c(
+    Bt,
     {
       hideArrow: !0,
-      renderTrigger: ($) => /* @__PURE__ */ o(N, { ...$, children: /* @__PURE__ */ o(
-        je,
+      renderTrigger: (O) => /* @__PURE__ */ c(L, { ...O, children: /* @__PURE__ */ c(
+        ze,
         {
           autoFocusLeft: i,
           onEsc: n,
           onEnter: r,
           onBlur: s,
-          disabled: h,
-          separatorIcon: Ee,
+          disabled: m,
+          separatorIcon: Ne,
           typeLeft: "date",
           typeRight: "time",
           placeholderLeft: "yyyy-mm-dd",
           placeholderRight: "hh:mm",
-          onChangeLeft: R,
-          onChangeRight: C,
-          onClickArrowDown: Z,
-          onClickCalendar: nt,
-          onFocusLeft: j,
-          onFocusRight: q,
-          onClickLeft: j,
-          onClickRight: q,
-          inputRefLeft: f,
-          inputRefRight: m,
-          valueRight: U ?? "",
+          onChangeLeft: Y,
+          onChangeRight: G,
+          onClickArrowDown: nt,
+          onClickCalendar: X,
+          onFocusLeft: H,
+          onFocusRight: j,
+          onClickLeft: H,
+          onClickRight: j,
+          inputRefLeft: h,
+          inputRefRight: f,
+          valueRight: K ?? "",
           widthLeft: a,
           widthRight: l,
-          minLeft: c,
+          minLeft: o,
           maxLeft: d,
           variant: u
         }
       ) }),
       placement: Ht,
       open: M || S,
-      onRequestClose: H,
-      children: (ct || Y) && /* @__PURE__ */ o(J, { children: ct ? /* @__PURE__ */ o(
+      onRequestClose: C,
+      children: (st || it) && /* @__PURE__ */ c(J, { children: st ? /* @__PURE__ */ c(
         Mt,
         {
-          statePerMonth: V,
-          onClickDay: rt,
-          dateInFocus: b,
-          setDateInFocus: w,
+          statePerMonth: q,
+          onClickDay: Q,
+          dateInFocus: p,
+          setDateInFocus: b,
           currentPanel: y,
-          setCurrentPanel: p,
-          minDate: c,
+          setCurrentPanel: w,
+          minDate: o,
           maxDate: d
         }
-      ) : Y ? /* @__PURE__ */ A(J, { children: [
-        /* @__PURE__ */ o(J, { overflow: "hidden", height: "250px", children: /* @__PURE__ */ o(
-          Ln,
+      ) : it ? /* @__PURE__ */ _(J, { children: [
+        /* @__PURE__ */ c(J, { overflow: "hidden", height: "250px", children: /* @__PURE__ */ c(
+          vn,
           {
-            value: U ?? "",
-            onValueChange: F
+            value: K ?? "",
+            onValueChange: E
           }
         ) }),
-        /* @__PURE__ */ o(kt, {}),
-        /* @__PURE__ */ o(P, { justifyContent: "flex-end", children: /* @__PURE__ */ o(St, { label: "Done", onClick: T }) })
+        /* @__PURE__ */ c(kt, {}),
+        /* @__PURE__ */ c(B, { justifyContent: "flex-end", children: /* @__PURE__ */ c(St, { label: "Done", onClick: T }) })
       ] }) : null })
     }
   ) });
-}, $n = ({
+}, Un = ({
   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__ */ c(B, { justifyContent: "center", children: t === r ? /* @__PURE__ */ c(St, { label: n, onClick: () => e == null ? void 0 : e(r) }) : /* @__PURE__ */ c(tt, { label: n, onClick: () => e == null ? void 0 : e(r) }) });
+}, ri = ({
   value: t,
   onValueChange: e,
   initialLastYear: r
 }) => {
-  const [n, s] = x(() => t ? t + 4 : r ?? (/* @__PURE__ */ new Date()).getFullYear() + 4), i = E(() => {
-    const c = n - 11;
-    return Be(he(c, n + 1), 3);
+  const [n, s] = I(() => t ? t + 4 : r ?? (/* @__PURE__ */ new Date()).getFullYear() + 4), i = x(() => {
+    const o = n - 11;
+    return We(ge(o, 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((o) => Fn(t, o));
+  }, [t]), /* @__PURE__ */ _(B, { children: [
+    /* @__PURE__ */ c(J, { justifyContent: "center", children: /* @__PURE__ */ c(
+      tt,
       {
-        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__ */ c(J, { gap: 1, children: i.map((o) => /* @__PURE__ */ c(B, { gap: 1, children: o.map((a) => /* @__PURE__ */ c(
+      Un,
       {
         year: a,
         onValueChange: e,
         value: t
       },
       a
-    )) }, c[0])) }),
-    /* @__PURE__ */ o(J, { justifyContent: "center", children: /* @__PURE__ */ o(
-      X,
+    )) }, o[0])) }),
+    /* @__PURE__ */ c(J, { justifyContent: "center", children: /* @__PURE__ */ c(
+      tt,
       {
-        leftIcon: Lt,
+        leftIcon: Pt,
         onClick: () => s(n + 3)
       }
     ) })
   ] });
-}, vn = (t, e) => {
+}, Fn = (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(
+}, jn = (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,26 +2307,26 @@ const Gs = ({
     },
     [e, s]
   );
-}, Wn = (t, e, r, {
+}, Cn = (t, e, r, {
   setDateInFocus: n,
   showCalendarInternal: s,
   hideCalendarInternal: i,
-  setFirstFocusedInput: c,
+  setFirstFocusedInput: o,
   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({
+    (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]
@@ -2338,41 +2338,41 @@ const Gs = ({
     a,
     s,
     n
-  ]), h = D(() => {
-    c(void 0), i();
-  }, [c, i]);
+  ]), m = D(() => {
+    o(void 0), i();
+  }, [o, i]);
   return {
     inputLeftChangeHandler: l,
     inputRightChangeHandler: d,
-    hideCalendar: h,
+    hideCalendar: m,
     setDateInFocus: n,
     setCurrentPanel: a,
     showCalendar: u
   };
-}, 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");
+}, Kn = (t, e) => {
+  const [r, n, s] = se(!1), [i, o] = I(void 0), [a, l] = I("startDate"), [d, u] = I(() => (a === "startDate" ? t : a === "endDate" ? e : void 0) ?? /* @__PURE__ */ new Date()), [m, h] = I("calendar");
   return {
     isCalendarVisible: r,
     showCalendarInternal: n,
     hideCalendarInternal: s,
     firstFocusedInput: i,
-    setFirstFocusedInput: c,
+    setFirstFocusedInput: o,
     focusedInput: a,
     setFocusedInput: l,
     dateInFocus: d,
     setDateInFocus: u,
-    currentPanel: h,
-    setCurrentPanel: f
+    currentPanel: m,
+    setCurrentPanel: h
   };
-}, Fn = (t, e, r, n, s, i, c, {
+}, zn = (t, e, r, n, s, i, o, {
   firstFocusedInput: a,
   setFirstFocusedInput: l,
   isCalendarVisible: d,
   setFocusedInput: u,
-  focusedInput: h,
-  setCurrentPanel: f
+  focusedInput: m,
+  setCurrentPanel: h
 }) => {
-  const m = D(() => {
+  const f = D(() => {
     a == null && l("startDate"), u("startDate"), d || i();
   }, [
     d,
@@ -2388,221 +2388,242 @@ const Gs = ({
     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 S, T, N, A;
+      m === "startDate" ? e != null && V(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,
+        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" ? (u("endDate"), (T = s.current) == null || T.focus()) : setTimeout(o, 50)) : m === "endDate" && (t ? V(t, b.date) ? (r == null || r({
+        startDate: b.date,
         endDate: void 0
-      }), u("endDate"), (I = s.current) == null || I.focus()) : (r == null || r({
+      }), u("endDate"), (A = s.current) == null || A.focus()) : (r == null || r({
         startDate: t,
-        endDate: w.date
-      }), setTimeout(c, 50)) : (r == null || r({
+        endDate: b.date
+      }), setTimeout(o, 50)) : (r == null || r({
         startDate: t,
-        endDate: w.date
-      }), u("startDate"), (_ = n.current) == null || _.focus()));
+        endDate: b.date
+      }), u("startDate"), (N = n.current) == null || N.focus()));
     },
     [
-      h,
+      m,
       r,
       e,
       a,
       u,
       s,
-      c,
+      o,
       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;
+    d ? o() : (u("startDate"), l("startDate"), (b = n.current) == null || b.focus(), h("calendar"), i());
   }, [
     d,
-    c,
+    o,
     u,
     l,
     n,
-    f,
+    h,
     i
-  ]), b = D(
-    (w) => {
-      w.key === "Escape" && c();
+  ]), p = D(
+    (b) => {
+      b.key === "Escape" && o();
     },
-    [c]
+    [o]
   );
   return {
-    onFocusLeft: m,
+    onFocusLeft: f,
     onFocusRight: g,
-    onClickDay: p,
+    onClickDay: w,
     onClickArrowButton: y,
     onClickCalendarButton: M,
-    onKeyDownHandler: b
+    onKeyDownHandler: p
   };
 };
-function Vs({
+function ni({
   value: t,
   onValueChange: e,
   autoFocus: r,
   onBlur: n,
   onEnter: s,
   onEsc: i,
-  minDate: c,
-  maxDate: a = $t,
+  minDate: o,
+  maxDate: a = Wt,
   calendarProps: l,
   widthLeft: d = 128,
   widthRight: u = 128,
-  variant: h,
-  disabled: f
+  variant: m,
+  disabled: h
 }) {
-  const { startDate: m, endDate: g } = t || {}, p = v(null), y = v(null), M = Un(m, g), {
-    dateInFocus: b,
-    setDateInFocus: w,
+  const { startDate: f, endDate: g } = t || {}, w = W(null), y = W(null), M = Kn(f, g), {
+    dateInFocus: p,
+    setDateInFocus: b,
     isCalendarVisible: S,
     currentPanel: T,
-    setCurrentPanel: _
+    setCurrentPanel: N
   } = M, {
-    showCalendar: I,
+    showCalendar: A,
     hideCalendar: k,
-    inputLeftChangeHandler: B,
-    inputRightChangeHandler: R
-  } = Wn(m, g, e, M), {
-    onKeyDownHandler: C,
-    onFocusRight: F,
-    onFocusLeft: W,
-    onClickDay: K,
-    onClickCalendarButton: q,
-    onClickArrowButton: j
-  } = Fn(
-    m,
+    inputLeftChangeHandler: R,
+    inputRightChangeHandler: Y
+  } = Cn(f, g, e, M), {
+    onKeyDownHandler: G,
+    onFocusRight: E,
+    onFocusLeft: $,
+    onClickDay: z,
+    onClickCalendarButton: j,
+    onClickArrowButton: H
+  } = zn(
+    f,
     g,
     e,
-    p,
+    w,
     y,
-    I,
+    A,
     k,
     M
   );
-  On(
-    m,
+  jn(
+    f,
     g,
+    b,
     w,
-    p,
     y
   );
-  const rt = E(
-    () => m && g && Q(m, g),
-    [m, g]
-  ), nt = E(
-    () => _r(
+  const Q = x(
+    () => f && g && V(f, g),
+    [f, g]
+  ), X = x(
+    () => Yr(
       l == null ? void 0 : l.statePerMonth,
-      m,
+      f,
       g,
-      b
+      p
     ),
-    [l == null ? void 0 : l.statePerMonth, m, g, b]
+    [l == null ? void 0 : l.statePerMonth, f, g, p]
   );
-  return /* @__PURE__ */ o(N, { onKeyDown: C, children: /* @__PURE__ */ o(
-    Pt,
+  return /* @__PURE__ */ c(L, { onKeyDown: G, children: /* @__PURE__ */ c(
+    Bt,
     {
       hideArrow: !0,
       restoreFocus: !1,
       returnFocus: !1,
-      renderTrigger: (Z) => /* @__PURE__ */ o(N, { ...Z, children: /* @__PURE__ */ o(
-        je,
+      renderTrigger: (nt) => /* @__PURE__ */ c(L, { ...nt, children: /* @__PURE__ */ c(
+        ze,
         {
           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,
-          onFocusLeft: W,
-          onFocusRight: F,
-          onClickLeft: W,
-          onClickRight: F,
-          inputRefLeft: p,
+          onChangeLeft: R,
+          onChangeRight: Y,
+          onClickArrowDown: H,
+          onClickCalendar: j,
+          onFocusLeft: $,
+          onFocusRight: E,
+          onClickLeft: $,
+          onClickRight: E,
+          inputRefLeft: w,
           inputRefRight: y,
-          variant: rt ? "error" : h,
+          variant: Q ? "error" : m,
           widthLeft: d,
           widthRight: u,
-          minLeft: c,
+          minLeft: o,
           maxLeft: a,
-          minRight: c,
+          minRight: o,
           maxRight: a
         }
       ) }),
       placement: Ht,
       onRequestClose: k,
       open: S,
-      children: /* @__PURE__ */ o(
+      children: /* @__PURE__ */ c(
         Mt,
         {
-          onClickDay: K,
-          dateInFocus: b,
-          setDateInFocus: w,
+          onClickDay: z,
+          dateInFocus: p,
+          setDateInFocus: b,
           currentPanel: T,
-          setCurrentPanel: _,
-          minDate: c,
+          setCurrentPanel: N,
+          minDate: o,
           maxDate: a,
           ...l,
-          statePerMonth: nt
+          statePerMonth: X
         }
       )
     }
   ) });
 }
-const oe = ({
+const ce = ({
   onChange: t,
   onValueChange: e,
   mask: r,
   pipe: n,
   value: s,
   guide: i,
-  keepCharPositions: c,
+  keepCharPositions: o,
   placeholderChar: a,
   showMask: l,
   calendarSize: d,
-  ...u
+  onFocus: u,
+  onBlur: m,
+  placeholderWhenBlurred: h,
+  placeholder: f,
+  valueWhenBlurred: g,
+  ...w
 }) => {
-  const h = v(null), { onChange: f } = Ar(
-    h,
+  const y = W(null), [M, p] = I(!1), { onChange: b } = Pr(
+    y,
     t,
     e,
     r,
     n,
     s,
     i,
-    c,
+    o,
     a,
-    l
+    l,
+    M
+  ), S = D(
+    (A) => {
+      u == null || u(A), p(!0);
+    },
+    [u]
+  ), T = D(
+    (A) => {
+      m == null || m(A), p(!1);
+    },
+    [m]
   );
-  return /* @__PURE__ */ o(
-    Er,
+  return /* @__PURE__ */ c(
+    Lr,
     {
-      ...u,
-      ref: h,
-      onChange: f,
-      width: jn(d),
+      ...w,
+      "aria-live": "polite",
+      value: (M ? s : g) ?? "",
+      ref: y,
+      placeholder: M ? f : h ?? f,
+      onFocus: S,
+      onBlur: T,
+      onChange: b,
+      width: qn(d),
       size: d === "large" ? "large" : "medium"
     }
   );
-}, jn = (t) => {
+}, qn = (t) => {
   switch (t) {
     case "small":
       return "140px";
@@ -2611,22 +2632,22 @@ const oe = ({
     case "large":
       return "196px";
     default:
-      return le(t, "168px");
+      return ue(t, "168px");
   }
-}, Cn = [/[1-2]/, /\d/, /\d/, /\d/], Kn = [/[0-1]/, /\d/], zn = [/[0-3]/, /\d/], Ke = (t) => Jn(t).flatMap(qn), qn = (t) => {
+}, Jn = [/[1-2]/, /\d/, /\d/, /\d/], Gn = [/[0-1]/, /\d/], Qn = [/[0-3]/, /\d/], Je = (t) => Zn(t).flatMap(Xn), Xn = (t) => {
   switch (t) {
     case "yyyy":
-      return Cn;
+      return Jn;
     case "mm":
     case "MM":
-      return Kn;
+      return Gn;
     case "dd":
     case "DD":
-      return zn;
+      return Qn;
     default:
       return [t];
   }
-}, Jn = (t) => {
+}, Zn = (t) => {
   if (t.length === 0)
     return [];
   const e = [];
@@ -2641,21 +2662,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);
+}, Ge = {
+  "en-US": wr,
+  "en-GB": zt,
+  "de-AT": yr,
+  "de-DE": Se,
+  fr: Mr,
+  de: Se,
+  es: kr,
+  sv: Sr,
+  pl: Tr,
+  da: Rr,
+  nl: Ir,
+  nb: xr
+}, Qt = (t) => Ge[t], Qe = () => Ge.sv, gt = (t, e, r) => {
+  const n = Qt(e);
   if (n == null)
     return;
   const s = pt(
@@ -2668,180 +2689,199 @@ const oe = ({
   );
   if (!isNaN(s.getTime()))
     return s;
-}, Rt = (t, e) => O(t, Tt(e), {
-  locale: Gt(e)
-}), ce = (t, e) => {
+}, It = (t, e) => v(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);
+}, Xe = ({
   value: t,
   onValueChange: e,
   localeCode: r,
   startDateLabel: n = "From",
   endDateLabel: s = "To",
   onFocus: i,
-  calendarSize: c
+  calendarSize: o,
+  placeholderWhenBlurredStartDate: a,
+  placeholderWhenBlurredEndDate: l,
+  valueWhenBlurredStartDate: d,
+  valueWhenBlurredEndDate: u
 }) => {
-  const { mask: a, placeholder: l } = E(() => {
-    const d = Tt(r);
+  const { mask: m, placeholder: h } = x(() => {
+    const f = Tt(r);
     return {
-      mask: Ke(d),
-      placeholder: d.toLowerCase()
+      mask: Je(f),
+      placeholder: f.toLowerCase()
     };
   }, [r]);
-  return /* @__PURE__ */ A(P, { children: [
-    /* @__PURE__ */ o(
-      oe,
+  return /* @__PURE__ */ _(B, { children: [
+    /* @__PURE__ */ c(
+      ce,
       {
-        mask: a,
+        mask: m,
         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 g = ae(
+            f.target.value,
             r
           );
-          u && u !== (t == null ? void 0 : t.startDate) && (e == null || e({ startDate: u }));
+          g && g !== (t == null ? void 0 : t.startDate) && (e == null || e({ startDate: g }));
         },
         onFocus: i,
         label: n,
         borderRadiusVariant: "onlyLeft",
-        placeholder: l,
-        calendarSize: c
+        placeholder: h,
+        placeholderWhenBlurred: a,
+        valueWhenBlurred: d,
+        calendarSize: o
       }
     ),
-    /* @__PURE__ */ o(
-      oe,
+    /* @__PURE__ */ c(
+      ce,
       {
-        mask: a,
+        mask: m,
         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 g = ae(
+            f.target.value,
             r
           );
-          u && u !== (t == null ? void 0 : t.endDate) && (e == null || e({ endDate: u }));
+          g && g !== (t == null ? void 0 : t.endDate) && (e == null || e({ endDate: g }));
         },
         onFocus: i,
         label: s,
         borderRadiusVariant: "onlyRight",
-        placeholder: l,
-        calendarSize: c
+        placeholder: h,
+        placeholderWhenBlurred: l,
+        valueWhenBlurred: u,
+        calendarSize: o
       }
     )
   ] });
-}, Ge = (t, e, r, n) => {
-  const s = Gt(r) ?? qe(), i = ge(), c = De(), a = v(null), l = E(
+}, le = (t, e, r) => {
+  const n = br(t, e) ? "" : " y";
+  return r.code.startsWith("en") ? v(t, "eee MMM d" + n, { locale: r }).replace(".", "") : v(t, "eee d MMM" + n, { locale: r }).replace(".", "");
+}, Ze = (t, e, r, n) => {
+  const s = Qt(r) ?? Qe(), i = De(), o = we(), a = W(null), l = x(
     () => Tt(r),
     [r]
-  ), d = E(
+  ), d = 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 E;
+      return ((E = t == null ? void 0 : t.startDate) == null ? void 0 : E.length) === l.length ? gt(t.startDate, r) : void 0;
     },
     [l.length, r, t == null ? void 0 : t.startDate]
-  ), u = E(
+  ), u = 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 E;
+      return ((E = t == null ? void 0 : t.endDate) == null ? void 0 : E.length) === l.length ? gt(t.endDate, r) : void 0;
     },
     [l.length, r, t == null ? void 0 : t.endDate]
-  ), [h, f] = x(
+  ), m = x(
+    () => d != null ? le(d, o, s) : void 0,
+    [s, d, o]
+  ), h = x(
+    () => u != null ? le(u, o, s) : void 0,
+    [s, u, o]
+  ), [f, g] = I(
     n ?? d ?? /* @__PURE__ */ new Date()
-  ), m = D(
-    (R) => {
-      it(R, c) || Q(R, c) ? f(R) : f(c);
+  ), w = D(
+    (E) => {
+      ct(E, o) || V(E, o) ? g(E) : g(o);
     },
-    [c]
-  ), g = E(
-    () => qt(
-      h.getFullYear(),
-      h.getMonth(),
+    [o]
+  ), y = 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]
+  ), M = x(() => _t(v(f, "MMMM yyyy", { locale: s })), [s, f]), p = x(() => ct(o, f), [o, f]), [b, S] = I(), [T, N] = I("calendar"), A = D(
+    (E) => {
+      var j, H;
+      const $ = ((j = E == null ? void 0 : E.startDate) == null ? void 0 : j.length) === l.length ? gt(E.startDate, r) : void 0, z = ((H = E == null ? void 0 : E.endDate) == null ? void 0 : H.length) === l.length ? gt(E.endDate, r) : void 0;
+      $ ? w($) : z && w(z), e == null || e({
         ...t,
-        ...R
+        ...E
       });
     },
     [
       l.length,
       r,
       e,
-      m,
+      w,
       t
     ]
-  ), _ = E(
-    () => it(c, h) || st(h, c),
-    [c, h]
-  ), I = E(
-    () => (d && u && (L(d, u) || st(d, u))) ?? !1,
+  ), k = x(
+    () => ct(o, f) || ot(f, o),
+    [o, f]
+  ), R = x(
+    () => (d && u && (P(d, u) || ot(d, u))) ?? !1,
     [u, d]
   );
   return {
     isDateDisabled: D(
-      (R) => !L(R, c) && st(R, c),
-      [c]
+      (E) => !P(E, o) && ot(E, o),
+      [o]
     ),
-    onClickDate: (R) => {
-      R.getFullYear() === h.getFullYear() && R.getMonth() === h.getMonth() && (d && u == null ? st(R, d) ? e == null || e({
-        startDate: Rt(R, r),
+    onClickDate: (E) => {
+      E.getFullYear() === f.getFullYear() && E.getMonth() === f.getMonth() && (d && u == null ? ot(E, d) ? e == null || e({
+        startDate: It(E, r),
         endDate: void 0
       }) : e == null || e({
         startDate: t == null ? void 0 : t.startDate,
-        endDate: Rt(R, r)
+        endDate: It(E, r)
       }) : e == null || e({
-        startDate: Rt(R, r),
+        startDate: It(E, r),
         endDate: void 0
       }));
     },
-    onValueChangeByInputs: T,
-    isValidDateRange: I,
-    prevMonthDisabled: _,
+    onValueChangeByInputs: A,
+    isValidDateRange: R,
+    prevMonthDisabled: k,
     monthPickerButtonRef: a,
     calendarId: i,
-    monthPickerButtonLabel: p,
-    visiblePanel: w,
-    setVisiblePanel: S,
-    setVisibleMonth: f,
-    visibleMonthData: g,
-    todayIsInVisibleMonth: y,
-    hoverDate: M,
-    setHoverDate: b,
+    monthPickerButtonLabel: M,
+    visiblePanel: T,
+    setVisiblePanel: N,
+    setVisibleMonth: g,
+    visibleMonthData: y,
+    todayIsInVisibleMonth: p,
+    hoverDate: b,
+    setHoverDate: S,
     selectedStartDate: d,
     selectedEndDate: u,
-    today: c,
-    visibleMonth: h
+    today: o,
+    visibleMonth: f,
+    valueWhenBlurredStartDate: m,
+    valueWhenBlurredEndDate: h
   };
-}, Qt = ({
+}, Xt = ({
   previousMonthButtonAriaLabel: t,
   nextMonthButtonAriaLabel: e,
   monthPickerButtonLabel: r,
   visiblePanel: n,
   setVisiblePanel: s,
   monthPickerButtonRef: i,
-  setVisibleMonth: c,
+  setVisibleMonth: o,
   visibleMonth: a,
   prevMonthDisabled: l,
   calendarSize: d,
   previousMonthButtonTestId: u,
-  nextMonthButtonTestId: h
-}) => /* @__PURE__ */ A(P, { alignSelf: "center", justifyContent: "space-between", width: "100%", children: [
-  /* @__PURE__ */ o(
-    X,
+  nextMonthButtonTestId: m
+}) => /* @__PURE__ */ _(B, { alignSelf: "center", justifyContent: "space-between", width: "100%", children: [
+  /* @__PURE__ */ c(
+    tt,
     {
       "aria-live": "polite",
       label: r,
-      rightIcon: n === "calendar" ? de : or,
+      rightIcon: n === "calendar" ? fe : lr,
       onClick: () => s(
         n === "calendar" ? "month-picker" : "calendar"
       ),
@@ -2849,50 +2889,50 @@ const oe = ({
       size: d === "small" ? "medium" : "large"
     }
   ),
-  /* @__PURE__ */ A(P, { alignItems: "center", gap: 2, children: [
-    /* @__PURE__ */ o(
-      dt,
+  /* @__PURE__ */ _(B, { alignItems: "center", gap: 2, children: [
+    /* @__PURE__ */ c(
+      ut,
       {
-        leftIcon: jt,
-        onClick: () => c(fe(a, 1)),
+        leftIcon: Ct,
+        onClick: () => o(me(a, 1)),
         disabled: l,
         "aria-label": t,
         size: d === "small" ? "medium" : "large",
         "data-testid": u
       }
     ),
-    /* @__PURE__ */ o(
-      dt,
+    /* @__PURE__ */ c(
+      ut,
       {
-        leftIcon: Lt,
-        onClick: () => c(Yt(a, 1)),
+        leftIcon: Pt,
+        onClick: () => o(Yt(a, 1)),
         "aria-label": e,
         size: d === "small" ? "medium" : "large",
-        "data-testid": h
+        "data-testid": m
       }
     )
   ] })
-] }), 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) => {
+] }), Vn = "_travelDateCell_h6vcn_1", ts = "_small_h6vcn_4", es = "_medium_h6vcn_9", rs = "_large_h6vcn_14", ns = "_outline_h6vcn_26", ss = "_contentWrapper_h6vcn_39", is = "_disabled_h6vcn_60", os = "_isToday_h6vcn_63", cs = "_isSelectionStart_h6vcn_67", as = "_isSelectionEnd_h6vcn_68", ls = "_hover_h6vcn_83", ds = "_startSelected_h6vcn_86", us = "_endSelected_h6vcn_86", et = {
+  travelDateCell: Vn,
+  small: ts,
+  medium: es,
+  large: rs,
+  outline: ns,
+  contentWrapper: ss,
+  disabled: is,
+  isToday: os,
+  isSelectionStart: cs,
+  isSelectionEnd: as,
+  hover: ls,
+  startSelected: ds,
+  endSelected: us
+}, lt = qt("--lhds-color-red-100"), fs = (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,172 +2942,172 @@ 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;
-  if (c)
+  const o = e && r ? V(t, e) && ot(t, r) && !P(t, e) && !P(t, r) : !1, a = e && n ? V(t, e) && ot(t, n) && !P(t, e) && !P(t, n) : !1;
+  if (o)
     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 && V(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) => {
+}, hs = (t, e) => {
   switch (e) {
     case "PageUp":
-      return fe(t, 1);
+      return me(t, 1);
     case "PageDown":
       return Yt(t, 1);
     case "Home":
-      return Wt(t);
+      return Ut(t);
     case "End":
-      return G(Wt(t), 6);
+      return Z(Ut(t), 6);
     case "ArrowLeft":
       return ht(t, 1);
     case "ArrowUp":
       return ht(t, 7);
     case "ArrowRight":
-      return G(t, 1);
+      return Z(t, 1);
     case "ArrowDown":
-      return G(t, 7);
+      return Z(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: [
-  /* @__PURE__ */ o(
-    N,
+}, ee = (t, e) => v(He(t, 12), at.fullDate) + e, ms = "_travelDateCellBackground_1k07m_1", gs = "_small_1k07m_2", ps = "_medium_1k07m_7", Ds = "_large_1k07m_12", $t = {
+  travelDateCellBackground: ms,
+  small: gs,
+  medium: ps,
+  large: Ds
+}, bs = ({ calendarSize: t, bgColorLeft: e, bgColorRight: r }) => /* @__PURE__ */ _(B, { children: [
+  /* @__PURE__ */ c(
+    L,
     {
-      className: Dt(vt.travelDateCellBackground, vt[t]),
+      className: Dt($t.travelDateCellBackground, $t[t]),
       background: e
     }
   ),
-  /* @__PURE__ */ o(
-    N,
+  /* @__PURE__ */ c(
+    L,
     {
-      className: Dt(vt.travelDateCellBackground, vt[t]),
+      className: Dt($t.travelDateCellBackground, $t[t]),
       background: r
     }
   )
-] }), gs = ({
+] }), ws = ({
   onClick: t,
   visibleMonth: e,
   onChangeVisibleMonth: r,
   day: n,
   isValidDateRange: s,
   selectedStartDate: i,
-  selectedEndDate: c,
+  selectedEndDate: o,
   onStartHover: a,
   onEndHover: l,
   hoverDate: d,
   today: u,
-  todayIsInVisibleMonth: h,
-  calendarId: f,
-  isDateDisabled: m,
+  todayIsInVisibleMonth: m,
+  calendarId: h,
+  isDateDisabled: f,
   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 (A) => {
+      var R;
+      const k = hs(n.date, A.key);
+      k && !f(k) && (a(k), ct(n.date, k) ? (R = document.getElementById(ee(k, h))) == null || R.focus() : (r(k), setTimeout(() => {
+        var Y;
+        (Y = document.getElementById(ee(k, h))) == null || Y.focus();
+      }, 10))), (A.key === "Enter" || A.code === "Space") && t(n.date);
     },
     [
-      f,
+      h,
       n.date,
-      m,
+      f,
       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 = f(n.date), b = i ? P(i, n.date) : !1, S = o ? P(o, n.date) : !1, T = P(n.date, u), N = fs(
     n.date,
     i,
-    c,
+    o,
     d,
     M,
     s
   );
-  return /* @__PURE__ */ A(
+  return /* @__PURE__ */ _(
     "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 : ys(
         n,
         i,
         T,
         e,
-        h
+        m
       ),
-      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 || S },
+      "data-testid": w == null ? void 0 : w(n.date),
       children: [
-        /* @__PURE__ */ o("div", { className: tt.outline }),
-        /* @__PURE__ */ o(
-          ms,
+        /* @__PURE__ */ c("div", { className: et.outline }),
+        /* @__PURE__ */ c(
+          bs,
           {
             calendarSize: g,
-            bgColorLeft: _.left,
-            bgColorRight: _.right
+            bgColorLeft: N.left,
+            bgColorRight: N.right
           }
         ),
-        M && /* @__PURE__ */ o(
+        M && /* @__PURE__ */ c(
           "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,
+              T ? et.isToday : void 0,
+              i ? et.startSelected : void 0,
+              o ? et.endSelected : void 0,
+              d && P(d, n.date) ? et.hover : void 0,
+              b && et.isSelectionStart,
+              S && et.isSelectionEnd,
+              p && et.disabled
             ),
-            children: /* @__PURE__ */ o(
+            children: /* @__PURE__ */ c(
               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,207 +3116,212 @@ 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 = ({
+}, ys = (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;
+}, Ms = "_travelCalendar_18pjj_1", ks = {
+  travelCalendar: Ms
+}, Zt = ({
   visibleMonthData: t,
   onClickDate: e,
   setHoverDate: r,
   setVisibleMonth: n,
   visibleMonth: s,
   isValidDateRange: i,
-  selectedStartDate: c,
+  selectedStartDate: o,
   selectedEndDate: a,
   hoverDate: l,
   today: d,
   calendarId: u,
-  isDateDisabled: h,
-  todayIsInVisibleMonth: f,
-  size: m = "medium",
+  isDateDisabled: m,
+  todayIsInVisibleMonth: h,
+  size: f = "medium",
   multiSelectable: g,
-  dateTestId: p
-}) => /* @__PURE__ */ o(
+  dateTestId: w
+}) => /* @__PURE__ */ c(
   "table",
   {
-    className: bs.travelCalendar,
+    className: ks.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,
+    children: /* @__PURE__ */ _("tbody", { children: [
+      /* @__PURE__ */ c("tr", { children: t.weeks[0].days.map((y) => /* @__PURE__ */ c("th", { abbr: y.fullName, children: /* @__PURE__ */ c(wt, { children: y.name }) }, y.name)) }),
+      t.weeks.map((y) => /* @__PURE__ */ c(pe.Fragment, { children: /* @__PURE__ */ c("tr", { children: y.days.map((M) => /* @__PURE__ */ c(
+        ws,
         {
-          size: m,
-          onClick: (b) => e(b),
+          size: f,
+          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),
-          selectedStartDate: c,
+          onStartHover: (p) => r(p),
+          onEndHover: (p) => r((b) => b && P(b, p) ? void 0 : b),
+          selectedStartDate: o,
           selectedEndDate: a,
           hoverDate: l,
           today: d,
-          todayIsInVisibleMonth: f,
+          todayIsInVisibleMonth: h,
           calendarId: u,
-          isDateDisabled: h,
-          dateTestId: p
+          isDateDisabled: m,
+          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 = ({
+), Ss = "_travelDateRangeInput_1j7rp_1", Ts = "_overlay_1j7rp_2", Rs = "_calendarVisible_1j7rp_6", re = {
+  travelDateRangeInput: Ss,
+  overlay: Ts,
+  calendarVisible: Rs
+}, si = ({
   value: t,
   onValueChange: e,
   startDateLabel: r,
   endDateLabel: n,
   localeCode: s = "sv",
   initialMonthInFocus: i,
-  previousMonthButtonAriaLabel: c = "Previous month",
+  previousMonthButtonAriaLabel: o = "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: d,
+  heading: u,
+  headingLevel: m,
+  numMonthsInMonthPicker: h = 12,
+  firstMonthInMonthPicker: f = /* @__PURE__ */ new Date(),
+  zIndex: g = 1e3,
+  zIndexWhenClosed: w,
+  onHideCalendar: y,
+  renderBelowCalendar: M,
+  size: p = "medium",
+  dateTestId: b,
+  previousMonthButtonTestId: S,
+  nextMonthButtonTestId: T
 }) => {
-  const [S, T] = x(!1), [_, I] = x(!1), [k, B] = x({
+  const [N, A] = I(!1), [k, R] = I(!1), [Y, G] = 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);
+  }), E = p === "large" ? "8.8rem" : "6.6rem", $ = W(!1), z = D(() => {
+    $.current = !0, R(!0), setTimeout(() => {
+      A(!0);
     }, 10);
-  }, []), W = D(() => {
-    _ && (T(!1), C.current = !1, g == null || g(), setTimeout(() => {
-      C.current || I(!1);
+  }, []), j = D(() => {
+    k && (A(!1), $.current = !1, y == null || y(), setTimeout(() => {
+      $.current || R(!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]), H = W(null), Q = W(null);
+  Ae(H, j), $e(() => {
+    var Rt, ye;
+    const U = (Rt = Q.current) == null ? void 0 : Rt.offsetWidth, F = (ye = Q.current) == null ? void 0 : ye.offsetHeight;
+    U != null && F != null && (Y.height !== F || Y.width !== U) && G({ width: U, height: F });
+  }, [Y.height, Y.width]);
+  const X = Ze(
     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: q,
+    onValueChangeByInputs: C,
+    setVisibleMonth: K,
+    setVisiblePanel: st,
+    monthPickerButtonRef: it
+  } = X, O = D(
+    (U) => {
+      U.key === "Escape" && j();
     },
-    [W]
+    [j]
   );
-  return /* @__PURE__ */ A(
-    N,
+  return /* @__PURE__ */ _(
+    L,
     {
       position: "relative",
-      className: ee.travelDateRangeInput,
-      ref: K,
-      onKeyDown: ct,
-      height: k.height,
-      width: k.width,
+      className: re.travelDateRangeInput,
+      ref: H,
+      onKeyDown: O,
+      height: Y.height,
+      width: Y.width,
       children: [
-        /* @__PURE__ */ o(
-          N,
+        /* @__PURE__ */ c(
+          L,
           {
             position: "absolute",
-            ref: q,
-            zIndex: _ ? f : m,
-            children: /* @__PURE__ */ o(
-              Je,
+            ref: Q,
+            zIndex: k ? g : w,
+            children: /* @__PURE__ */ c(
+              Xe,
               {
+                ...X,
                 value: t,
-                onValueChange: Z,
+                onValueChange: C,
                 localeCode: s,
                 startDateLabel: r,
                 endDateLabel: n,
-                onFocus: F,
-                calendarSize: y
+                onFocus: z,
+                calendarSize: p,
+                placeholderWhenBlurredStartDate: l,
+                placeholderWhenBlurredEndDate: d
               }
             )
           }
         ),
-        _ && /* @__PURE__ */ o(
-          N,
+        k && /* @__PURE__ */ c(
+          L,
           {
             position: "absolute",
-            zIndex: f - 1,
+            zIndex: g - 1,
             left: "-2.4rem",
-            top: l ? "-8.0rem" : "-2.4rem",
-            className: Dt(ee.overlay, S && ee.calendarVisible),
-            children: /* @__PURE__ */ o(
-              N,
+            top: u ? "-8.0rem" : "-2.4rem",
+            className: Dt(re.overlay, N && re.calendarVisible),
+            children: /* @__PURE__ */ c(
+              L,
               {
                 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 }),
-                  /* @__PURE__ */ o(
-                    Qt,
+                children: /* @__PURE__ */ _(Le, { gap: 3, children: [
+                  u && /* @__PURE__ */ c(Lt, { variant: "h2", as: m, children: u }),
+                  /* @__PURE__ */ c(L, { height: E }),
+                  /* @__PURE__ */ c(
+                    Xt,
                     {
-                      ...j,
-                      previousMonthButtonAriaLabel: c,
+                      ...X,
+                      previousMonthButtonAriaLabel: o,
                       nextMonthButtonAriaLabel: a,
-                      calendarSize: y,
-                      previousMonthButtonTestId: b,
-                      nextMonthButtonTestId: w
+                      calendarSize: p,
+                      previousMonthButtonTestId: S,
+                      nextMonthButtonTestId: T
                     }
                   ),
-                  rt === "calendar" && /* @__PURE__ */ o(
-                    Xt,
+                  nt === "calendar" && /* @__PURE__ */ c(
+                    Zt,
                     {
-                      ...j,
-                      size: y,
+                      ...X,
+                      size: p,
                       multiSelectable: !0,
-                      dateTestId: M
+                      dateTestId: b
                     }
                   ),
-                  rt === "month-picker" && /* @__PURE__ */ o(
-                    Bt,
+                  nt === "month-picker" && /* @__PURE__ */ c(
+                    vt,
                     {
-                      firstMonth: h,
-                      numMonths: u,
-                      value: nt,
-                      size: y,
-                      onValueChange: (Y) => {
-                        var $;
-                        V(Y), H("calendar"), ($ = U.current) == null || $.focus();
+                      firstMonth: f,
+                      numMonths: h,
+                      value: q,
+                      size: p,
+                      onValueChange: (U) => {
+                        var F;
+                        K(U), st("calendar"), (F = it.current) == null || F.focus();
                       },
                       onCancel: () => {
-                        var Y;
-                        H("calendar"), (Y = U.current) == null || Y.focus();
+                        var U;
+                        st("calendar"), (U = it.current) == null || U.focus();
                       }
                     }
                   ),
-                  p == null ? void 0 : p({ hideCalendar: W })
+                  M == null ? void 0 : M({ hideCalendar: j })
                 ] })
               }
             )
@@ -3285,241 +3330,252 @@ const oe = ({
       ]
     }
   );
-}, ks = "_travelDateInput_hmfbf_1", Ss = "_overlay_hmfbf_2", Ts = "_calendarVisible_hmfbf_6", re = {
-  travelDateInput: ks,
-  overlay: Ss,
-  calendarVisible: Ts
-}, Qe = ({
+}, Is = "_travelDateInput_hmfbf_1", xs = "_overlay_hmfbf_2", Es = "_calendarVisible_hmfbf_6", ne = {
+  travelDateInput: Is,
+  overlay: xs,
+  calendarVisible: Es
+}, Ve = ({
   value: t,
   onValueChange: e,
   label: r = "Date",
   localeCode: n,
   onFocus: s,
-  calendarSize: i
+  calendarSize: i,
+  placeholderWhenBlurred: o,
+  valueWhenBlurred: a
 }) => {
-  const { mask: c, placeholder: a } = E(() => {
-    const l = Tt(n);
+  const { mask: l, placeholder: d } = x(() => {
+    const u = Tt(n);
     return {
-      mask: Ke(l),
-      placeholder: l.toLowerCase()
+      mask: Je(u),
+      placeholder: u.toLowerCase()
     };
   }, [n]);
-  return /* @__PURE__ */ o(P, { children: /* @__PURE__ */ o(
-    oe,
+  return /* @__PURE__ */ c(B, { children: /* @__PURE__ */ c(
+    ce,
     {
-      mask: c,
+      mask: l,
       value: t,
       onValueChange: e,
-      onBlur: (l) => {
-        const d = ce(l.target.value, n);
-        d && d !== t && (e == null || e(d));
+      onBlur: (u) => {
+        const m = ae(u.target.value, n);
+        m && m !== t && (e == null || e(m));
       },
       onFocus: s,
       label: r,
-      placeholder: a,
-      calendarSize: i
+      placeholder: d,
+      calendarSize: i,
+      placeholderWhenBlurred: o,
+      valueWhenBlurred: a
     }
   ) });
-}, Xe = (t, e, r, n) => {
-  const s = Gt(r) ?? qe(), i = ge(), c = De(), a = v(null), l = E(
+}, tr = (t, e, r, n) => {
+  const s = Qt(r) ?? Qe(), i = De(), o = we(), a = W(null), l = x(
     () => Tt(r),
     [r]
-  ), d = E(
+  ), d = x(
     () => (t == null ? void 0 : t.length) === l.length ? gt(t, r) : void 0,
     [l.length, r, t]
-  ), [u, h] = x(
+  ), u = x(
+    () => d != null ? le(d, o, s) : void 0,
+    [s, d, o]
+  ), [m, h] = I(
     n ?? d ?? /* @__PURE__ */ new Date()
   ), f = D(
-    (k) => {
-      it(k, c) || Q(k, c) ? h(k) : h(c);
+    (R) => {
+      ct(R, o) || V(R, o) ? h(R) : h(o);
     },
-    [c]
-  ), m = E(
-    () => qt(
-      u.getFullYear(),
-      u.getMonth(),
+    [o]
+  ), g = x(
+    () => Jt(
+      m.getFullYear(),
+      m.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(
-    (k) => {
-      const B = (k == null ? void 0 : k.length) === l.length ? gt(k, r) : void 0;
-      B && f(B), e == null || e(k);
+    [s, m]
+  ), w = x(() => _t(v(m, "MMMM yyyy", { locale: s })), [s, m]), y = x(() => ct(o, m), [o, m]), [M, p] = I(), [b, S] = I("calendar"), T = D(
+    (R) => {
+      const Y = (R == null ? void 0 : R.length) === l.length ? gt(R, r) : void 0;
+      Y && f(Y), e == null || e(R);
     },
     [l.length, r, e, f]
-  ), T = E(
-    () => it(c, u) || st(u, c),
-    [c, u]
+  ), N = x(
+    () => ct(o, m) || ot(m, o),
+    [o, m]
   );
   return {
     isDateDisabled: D(
-      (k) => !L(k, c) && st(k, c),
-      [c]
+      (R) => !P(R, o) && ot(R, o),
+      [o]
     ),
-    onClickDate: (k) => {
-      e == null || e(Rt(k, r));
+    onClickDate: (R) => {
+      e == null || e(It(R, r));
     },
-    onValueChangeByInputs: S,
-    prevMonthDisabled: T,
+    onValueChangeByInputs: T,
+    prevMonthDisabled: N,
     monthPickerButtonRef: a,
     calendarId: i,
-    monthPickerButtonLabel: g,
+    monthPickerButtonLabel: w,
     visiblePanel: b,
-    setVisiblePanel: w,
+    setVisiblePanel: S,
     setVisibleMonth: h,
-    visibleMonthData: m,
-    todayIsInVisibleMonth: p,
-    hoverDate: y,
-    setHoverDate: M,
+    visibleMonthData: g,
+    todayIsInVisibleMonth: y,
+    hoverDate: M,
+    setHoverDate: p,
     selectedDate: d,
-    today: c,
-    visibleMonth: u
+    today: o,
+    visibleMonth: m,
+    valueWhenBlurred: u
   };
-}, ei = ({
+}, ii = ({
   value: t,
   onValueChange: e,
   label: r,
   localeCode: n = "sv",
   initialMonthInFocus: s,
   previousMonthButtonAriaLabel: i = "Previous month",
-  nextMonthButtonAriaLabel: c = "Next month",
-  heading: a,
-  headingLevel: l,
-  numMonthsInMonthPicker: d = 12,
-  firstMonthInMonthPicker: u = /* @__PURE__ */ new Date(),
+  nextMonthButtonAriaLabel: o = "Next month",
+  placeholderWhenBlurred: a,
+  heading: l,
+  headingLevel: d,
+  numMonthsInMonthPicker: u = 12,
+  firstMonthInMonthPicker: m = /* @__PURE__ */ new Date(),
   zIndex: h = 1e3,
   zIndexWhenClosed: f,
-  onHideCalendar: m,
-  renderBelowCalendar: g,
-  size: p = "medium",
-  dateTestId: y,
-  previousMonthButtonTestId: 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 [S, T] = I(!1), [N, A] = I(!1), [k, R] = 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);
+  }), Y = y === "large" ? "8.8rem" : "6.6rem", G = W(!1), E = D(() => {
+    G.current = !0, A(!0), setTimeout(() => {
+      T(!0);
     }, 10);
-  }, []), F = D(() => {
-    T && (S(!1), R.current = !1, m == null || m(), setTimeout(() => {
-      R.current || _(!1);
+  }, []), $ = D(() => {
+    N && (T(!1), G.current = !1, g == null || g(), setTimeout(() => {
+      G.current || A(!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(
+  }, [N, g]), z = W(null), j = W(null);
+  Ae(z, $), $e(() => {
+    var F, Rt;
+    const O = (F = j.current) == null ? void 0 : F.offsetWidth, U = (Rt = j.current) == null ? void 0 : Rt.offsetHeight;
+    O != null && U != null && (k.height !== U || k.width !== O) && R({ width: O, height: U });
+  }, [k.height, k.width]);
+  const H = tr(
     t,
     e,
     n,
     s
   ), {
-    visiblePanel: j,
-    visibleMonth: rt,
+    visiblePanel: Q,
+    visibleMonth: X,
     onValueChangeByInputs: nt,
-    selectedDate: Z,
-    setVisibleMonth: V,
-    setVisiblePanel: H,
-    monthPickerButtonRef: U
-  } = q, ct = D(
-    (Y) => {
-      Y.key === "Escape" && F();
+    selectedDate: q,
+    setVisibleMonth: C,
+    setVisiblePanel: K,
+    monthPickerButtonRef: st
+  } = H, it = D(
+    (O) => {
+      O.key === "Escape" && $();
     },
-    [F]
+    [$]
   );
-  return /* @__PURE__ */ A(
-    N,
+  return /* @__PURE__ */ _(
+    L,
     {
       position: "relative",
-      className: re.travelDateInput,
-      ref: W,
-      onKeyDown: ct,
-      height: I.height,
-      width: I.width,
+      className: ne.travelDateInput,
+      ref: z,
+      onKeyDown: it,
+      height: k.height,
+      width: k.width,
       children: [
-        /* @__PURE__ */ o(
-          N,
+        /* @__PURE__ */ c(
+          L,
           {
             position: "absolute",
-            ref: K,
-            zIndex: T ? h : f,
-            children: /* @__PURE__ */ o(
-              Qe,
+            ref: j,
+            zIndex: N ? h : f,
+            children: /* @__PURE__ */ c(
+              Ve,
               {
+                ...H,
                 value: t,
                 onValueChange: nt,
                 localeCode: n,
                 label: r,
-                onFocus: C,
-                calendarSize: p
+                onFocus: E,
+                calendarSize: y,
+                placeholderWhenBlurred: a
               }
             )
           }
         ),
-        T && /* @__PURE__ */ o(
-          N,
+        N && /* @__PURE__ */ c(
+          L,
           {
             position: "absolute",
             zIndex: h - 1,
             left: "-2.4rem",
-            top: a ? "-8.0rem" : "-2.4rem",
-            className: Dt(re.overlay, w && re.calendarVisible),
-            children: /* @__PURE__ */ o(
-              N,
+            top: l ? "-8.0rem" : "-2.4rem",
+            className: Dt(ne.overlay, S && ne.calendarVisible),
+            children: /* @__PURE__ */ c(
+              L,
               {
                 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 }),
-                  /* @__PURE__ */ o(
-                    Qt,
+                children: /* @__PURE__ */ _(Le, { gap: 3, children: [
+                  l && /* @__PURE__ */ c(Lt, { variant: "h2", as: d, children: l }),
+                  /* @__PURE__ */ c(L, { height: Y }),
+                  /* @__PURE__ */ c(
+                    Xt,
                     {
-                      ...q,
+                      ...H,
                       previousMonthButtonAriaLabel: i,
-                      nextMonthButtonAriaLabel: c,
-                      calendarSize: p,
-                      previousMonthButtonTestId: M,
+                      nextMonthButtonAriaLabel: o,
+                      calendarSize: y,
+                      previousMonthButtonTestId: p,
                       nextMonthButtonTestId: b
                     }
                   ),
-                  j === "calendar" && /* @__PURE__ */ o(
-                    Xt,
+                  Q === "calendar" && /* @__PURE__ */ c(
+                    Zt,
                     {
-                      ...q,
-                      size: p,
-                      isValidDateRange: !!Z,
-                      selectedStartDate: Z,
-                      selectedEndDate: Z,
+                      ...H,
+                      size: y,
+                      isValidDateRange: !!q,
+                      selectedStartDate: q,
+                      selectedEndDate: q,
                       multiSelectable: !1,
-                      dateTestId: y
+                      dateTestId: M
                     }
                   ),
-                  j === "month-picker" && /* @__PURE__ */ o(
-                    Bt,
+                  Q === "month-picker" && /* @__PURE__ */ c(
+                    vt,
                     {
-                      firstMonth: u,
-                      numMonths: d,
-                      value: rt,
-                      size: p,
-                      onValueChange: (Y) => {
-                        var $;
-                        V(Y), H("calendar"), ($ = U.current) == null || $.focus();
+                      firstMonth: m,
+                      numMonths: u,
+                      value: X,
+                      size: y,
+                      onValueChange: (O) => {
+                        var U;
+                        C(O), K("calendar"), (U = st.current) == null || U.focus();
                       },
                       onCancel: () => {
-                        var Y;
-                        H("calendar"), (Y = U.current) == null || Y.focus();
+                        var O;
+                        K("calendar"), (O = st.current) == null || O.focus();
                       }
                     }
                   ),
-                  g == null ? void 0 : g({ hideCalendar: F })
+                  w == null ? void 0 : w({ hideCalendar: $ })
                 ] })
               }
             )
@@ -3528,234 +3584,242 @@ const oe = ({
       ]
     }
   );
-}, ri = ({
+}, oi = ({
   value: t,
   onValueChange: e,
   label: r,
   localeCode: n = "sv",
   initialMonthInFocus: s,
   previousMonthButtonAriaLabel: i = "Previous month",
-  nextMonthButtonAriaLabel: c = "Next month",
-  heading: a,
-  headingLevel: l,
-  numMonthsInMonthPicker: d = 12,
-  firstMonthInMonthPicker: u = /* @__PURE__ */ new Date(),
+  nextMonthButtonAriaLabel: o = "Next month",
+  placeholderWhenBlurred: a,
+  heading: l,
+  headingLevel: d,
+  numMonthsInMonthPicker: u = 12,
+  firstMonthInMonthPicker: m = /* @__PURE__ */ new Date(),
   dateTestId: h,
   size: f = "medium",
-  previousMonthButtonTestId: m,
-  nextMonthButtonTestId: g
+  previousMonthButtonTestId: g,
+  nextMonthButtonTestId: w
 }) => {
-  const p = Xe(
+  const y = tr(
     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 }),
-    /* @__PURE__ */ o(
-      Qe,
+    setVisibleMonth: S,
+    setVisiblePanel: T,
+    monthPickerButtonRef: N,
+    selectedDate: A
+  } = y;
+  return /* @__PURE__ */ _(J, { gap: 3, children: [
+    l && /* @__PURE__ */ c(Lt, { variant: "h2", as: d, children: l }),
+    /* @__PURE__ */ c(
+      Ve,
       {
+        ...y,
         value: t,
         onValueChange: b,
         localeCode: n,
         label: r,
-        calendarSize: f
+        calendarSize: f,
+        placeholderWhenBlurred: a
       }
     ),
-    /* @__PURE__ */ o(
-      Qt,
+    /* @__PURE__ */ c(
+      Xt,
       {
-        ...p,
+        ...y,
         previousMonthButtonAriaLabel: i,
-        nextMonthButtonAriaLabel: c,
+        nextMonthButtonAriaLabel: o,
         calendarSize: f,
-        previousMonthButtonTestId: m,
-        nextMonthButtonTestId: g
+        previousMonthButtonTestId: g,
+        nextMonthButtonTestId: w
       }
     ),
-    y === "calendar" && /* @__PURE__ */ o(
-      Xt,
+    M === "calendar" && /* @__PURE__ */ c(
+      Zt,
       {
-        ...p,
+        ...y,
         size: f,
-        selectedStartDate: _,
-        selectedEndDate: _,
-        isValidDateRange: !!_,
+        selectedStartDate: A,
+        selectedEndDate: A,
+        isValidDateRange: !!A,
         multiSelectable: !1,
         dateTestId: h
       }
     ),
-    y === "month-picker" && /* @__PURE__ */ o(
-      Bt,
+    M === "month-picker" && /* @__PURE__ */ c(
+      vt,
       {
-        firstMonth: u,
-        numMonths: d,
-        value: M,
+        firstMonth: m,
+        numMonths: u,
+        value: p,
         size: f,
-        onValueChange: (I) => {
-          var k;
-          w(I), S("calendar"), (k = T.current) == null || k.focus();
+        onValueChange: (k) => {
+          var R;
+          S(k), T("calendar"), (R = N.current) == null || R.focus();
         },
         onCancel: () => {
-          var I;
-          S("calendar"), (I = T.current) == null || I.focus();
+          var k;
+          T("calendar"), (k = N.current) == null || k.focus();
         }
       }
     )
   ] });
-}, ni = ({
+}, ci = ({
   value: t,
   onValueChange: e,
   startDateLabel: r,
   endDateLabel: n,
   localeCode: s = "sv",
   initialMonthInFocus: i,
-  previousMonthButtonAriaLabel: c = "Previous month",
+  previousMonthButtonAriaLabel: o = "Previous month",
   nextMonthButtonAriaLabel: a = "Next month",
   heading: l,
   headingLevel: d,
   numMonthsInMonthPicker: u = 12,
-  firstMonthInMonthPicker: h = /* @__PURE__ */ new Date(),
-  size: f = "medium",
-  dateTestId: m,
+  firstMonthInMonthPicker: m = /* @__PURE__ */ new Date(),
+  size: h = "medium",
+  dateTestId: f,
   previousMonthButtonTestId: g,
-  nextMonthButtonTestId: p
+  nextMonthButtonTestId: w,
+  placeholderWhenBlurredStartDate: y,
+  placeholderWhenBlurredEndDate: M
 }) => {
-  const y = Ge(
+  const p = Ze(
     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 }),
-    /* @__PURE__ */ o(
-      Je,
+    visiblePanel: b,
+    visibleMonth: S,
+    onValueChangeByInputs: T,
+    setVisibleMonth: N,
+    setVisiblePanel: A,
+    monthPickerButtonRef: k
+  } = p;
+  return /* @__PURE__ */ _(J, { gap: 3, children: [
+    l && /* @__PURE__ */ c(Lt, { variant: "h2", as: d, children: l }),
+    /* @__PURE__ */ c(
+      Xe,
       {
+        ...p,
         value: t,
-        onValueChange: w,
+        onValueChange: T,
         localeCode: s,
         startDateLabel: r,
         endDateLabel: n,
-        calendarSize: f
+        calendarSize: h,
+        placeholderWhenBlurredStartDate: y,
+        placeholderWhenBlurredEndDate: M
       }
     ),
-    /* @__PURE__ */ o(
-      Qt,
+    /* @__PURE__ */ c(
+      Xt,
       {
-        ...y,
-        previousMonthButtonAriaLabel: c,
+        ...p,
+        previousMonthButtonAriaLabel: o,
         nextMonthButtonAriaLabel: a,
-        calendarSize: f,
+        calendarSize: h,
         previousMonthButtonTestId: g,
-        nextMonthButtonTestId: p
+        nextMonthButtonTestId: w
       }
     ),
-    M === "calendar" && /* @__PURE__ */ o(
-      Xt,
+    b === "calendar" && /* @__PURE__ */ c(
+      Zt,
       {
-        ...y,
-        size: f,
+        ...p,
+        size: h,
         multiSelectable: !0,
-        dateTestId: m
+        dateTestId: f
       }
     ),
-    M === "month-picker" && /* @__PURE__ */ o(
-      Bt,
+    b === "month-picker" && /* @__PURE__ */ c(
+      vt,
       {
-        firstMonth: h,
+        firstMonth: m,
         numMonths: u,
-        value: b,
-        size: f,
-        onValueChange: (I) => {
-          var k;
-          S(I), T("calendar"), (k = _.current) == null || k.focus();
+        value: S,
+        size: h,
+        onValueChange: (R) => {
+          var Y;
+          N(R), A("calendar"), (Y = k.current) == null || Y.focus();
         },
         onCancel: () => {
-          var I;
-          T("calendar"), (I = _.current) == null || I.focus();
+          var R;
+          A("calendar"), (R = k.current) == null || R.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,
+  Ue as CalendarDay,
+  Xs as DateInput,
+  qs as DateRangeCalendar,
+  ni as DateRangeDualTextInput,
+  Zs as DateRangeInput,
+  Vs as DateTextInput,
+  ei as DateTimeInput,
+  Wr as Month,
+  vt as MonthPicker,
+  Gs as MultiDateCalendar,
+  fn as PresetPicker,
+  Ke as SingleDateCalendar,
+  Qs as SingleWeekCalendar,
+  ti as TimeTextInput,
+  oi as TravelDateCalendar,
+  ii as TravelDateInput,
+  ci as TravelDateRangeCalendar,
+  si as TravelDateRangeInput,
+  $r as WeekDay,
+  Gr as WeekDayCell,
+  Xr as WeekNumberCell,
+  ri as YearPicker,
+  ft as addDayStateHighlights,
+  Oe as addDayStateHighlightsOnSingleDay,
+  vr as addWeekRangeHighlights,
+  Cs as addWeekStateHighlights,
+  Nt as buildDayStateForDateRange,
+  Br as buildDayStateForRange,
+  Yr as buildDayStateForSingleMonth,
+  jr as calculateOverflowingMonth,
+  Ur as createDay,
+  bn as dateRangeToStrings,
+  zr as dayHasHighlight,
+  dt as dayHighlightSelect,
   yt as defaultCalendarTheme,
-  Cr as defaultTextPropsProvider,
-  jr as defaultWrapperStyleProvider,
-  Us as extranetCalendarTheme,
-  Rt as formatLocalizedDate,
+  Jr as defaultTextPropsProvider,
+  qr as defaultWrapperStyleProvider,
+  Ks 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,
+  Fr as getDaysForWeekForDate,
+  Qe as getDefaultLocaleForFormatting,
+  Qt as getLocaleForLocaleCode,
+  Jt as getMonthInYear,
+  Te as getMonthsInYear,
+  be as getWeekForDate,
+  Or as getWeeksForMonth,
+  je 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,
+  Fs as setDayStateValue,
+  js as setDayStateValueFunction,
+  wn as stringsToDateRange,
+  zs as toggleDateStringsIfEndIsEarlierThanStart,
+  Ce as toggleDatesIfEndIsEarlierThanStart,
+  Js as useDateRangeCalendarState,
+  Mn as useDateRangeSelection,
+  Sn as useMultiDateSelection,
+  kn as useSingleDateSelection,
+  Tn as useSingleWeekSelection
 };
 //# sourceMappingURL=index.es.js.map