@stenajs-webui/calendar 20.11.5 → 20.12.0

package/dist/index.es.js

@@ -1,18 +1,19 @@
-(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.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}")),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import { jsx as c, jsxs as T, Fragment as ht } from "react/jsx-runtime";
-import { Box as x, Text as yt, Clickable as Qt, Row as R, Spacing as be, Column as $, Heading as ke, Space as ct, Indent as Dt, SeparatorLine as Se, parseIntElseUndefined as jt, useBoolean as Ht, useDelayedFalse as Pt } from "@stenajs-webui/core";
-import { FlatButton as W, stenaAngleDown as Xt, PrimaryButton as ot, stenaAngleLeft as Me, stenaAngleRight as Te, SecondaryButton as it, stenaAngleLeftDouble as Ee, stenaArrowLeft as Wt, stenaArrowRight as xt, stenaAngleRightDouble as Re, TextInputButton as Ae, stenaCalendar as gt, Icon as Zt, stenaArrowWideRight as xe, stenaClock as vt } from "@stenajs-webui/elements";
-import { isAfter as v, eachDayOfInterval as Vt, isSameDay as K, endOfMonth as te, startOfMonth as ee, min as Ce, addDays as _, max as Ne, subDays as ft, format as Y, getISOWeek as Ot, getDate as Ct, startOfWeek as re, addWeeks as Ie, getMonth as Z, getWeek as ne, getYear as mt, getISODay as Le, addHours as Ye, isBefore as He, parse as V, addMonths as Pe, addYears as Ue, subMonths as $e, subYears as We, setWeek as Oe, isValid as Be } from "date-fns";
-import { enGB as Nt, enUS as ze, deAT as je, de as _t, fr as _e, es as Je, sv as Ke, pl as Ge, da as Fe, nl as qe, nb as Qe } from "date-fns/locale";
-import { last as Xe, startCase as se, chunk as ie, debounce as Ze, padStart as ve, range as Bt } from "lodash-es";
-import * as Ve from "react";
-import { useMemo as A, useState as S, useCallback as g, useRef as B, useEffect as J } from "react";
-import tr from "classnames";
-import Lt from "@emotion/styled";
-import { TextInput as tt, TextInputBox as er } from "@stenajs-webui/forms";
-import { useTippyInstance as rr, Popover as pt } from "@stenajs-webui/tooltip";
-import { cssColor as ce } from "@stenajs-webui/theme";
-const q = {
+(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_1g60o_1{position:relative;width:48px;height:48px;border-radius:var(--swui-max-border-radius)}._travelDateCell_1g60o_1:focus{outline:none}._travelDateCell_1g60o_1:focus-visible ._outline_1g60o_13{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_1g60o_1:focus-visible ._contentWrapper_1g60o_26._contentWrapper_1g60o_26._contentWrapper_1g60o_26{border-color:transparent}._travelDateCell_1g60o_1 ._contentWrapper_1g60o_26{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_1g60o_1 ._contentWrapper_1g60o_26._disabled_1g60o_47{cursor:not-allowed}._travelDateCell_1g60o_1 ._contentWrapper_1g60o_26._isToday_1g60o_50{border-color:var(--lhds-color-ui-400)}._travelDateCell_1g60o_1 ._contentWrapper_1g60o_26._isSelectionStart_1g60o_54,._travelDateCell_1g60o_1 ._contentWrapper_1g60o_26._isSelectionEnd_1g60o_55{border-color:var(--modern-red)}._travelDateCell_1g60o_1 ._contentWrapper_1g60o_26._isSelectionStart_1g60o_54{background:var(--modern-red)}._travelDateCell_1g60o_1 ._contentWrapper_1g60o_26._isSelectionStart_1g60o_54 span{color:#fff}._travelDateCell_1g60o_1 ._contentWrapper_1g60o_26._isSelectionEnd_1g60o_55:not(._isSelectionStart_1g60o_54){background:#fff}._travelDateCell_1g60o_1 ._contentWrapper_1g60o_26._hover_1g60o_70{border-color:var(--modern-red)}._travelDateCell_1g60o_1 ._contentWrapper_1g60o_26._hover_1g60o_70._startSelected_1g60o_73:not(._endSelected_1g60o_73):not(._isSelectionStart_1g60o_54){background:#fff}._travelDateCell_1g60o_1 ._contentWrapper_1g60o_26._hover_1g60o_70._startSelected_1g60o_73:not(._endSelected_1g60o_73):not(._isSelectionStart_1g60o_54) span{color:var(--swui-text-primary-color)}._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}")),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
+import { jsx as o, jsxs as R, Fragment as _t } from "react/jsx-runtime";
+import { Box as N, Text as ut, Clickable as De, Row as Y, Spacing as je, Column as j, Heading as Zt, Space as mt, Indent as yt, SeparatorLine as Fe, parseIntElseUndefined as le, useBoolean as Gt, useDelayedFalse as qt, useOnClickOutside as Ke } from "@stenajs-webui/core";
+import { FlatButton as v, stenaAngleDown as Vt, PrimaryButton as Dt, stenaAngleLeft as ve, stenaAngleRight as Je, SecondaryButton as st, stenaAngleLeftDouble as Ge, stenaArrowLeft as $t, stenaArrowRight as St, stenaAngleRightDouble as qe, TextInputButton as Qe, stenaCalendar as bt, Icon as we, stenaArrowWideRight as Xe, stenaClock as ye, stenaAngleUp as Ze, CardBody as Ve } from "@stenajs-webui/elements";
+import { isAfter as q, eachDayOfInterval as be, isSameDay as x, endOfMonth as Me, startOfMonth as ke, min as tr, addDays as K, max as er, subDays as ct, format as H, getISOWeek as te, getDate as Ut, startOfWeek as Pt, addWeeks as rr, getMonth as at, getWeek as Se, getYear as Mt, getISODay as nr, addHours as Te, isBefore as lt, parse as dt, addMonths as Tt, isSameMonth as pt, addYears as sr, subMonths as ee, subYears as ir, setWeek as or, isValid as cr } from "date-fns";
+import { enGB as Wt, enUS as ar, deAT as lr, de, fr as dr, es as fr, sv as ur, pl as hr, da as gr, nl as pr, nb as mr } from "date-fns/locale";
+import { last as Dr, startCase as Ht, chunk as Re, debounce as wr, padStart as yr, range as re } from "lodash-es";
+import * as ne from "react";
+import { useMemo as I, useRef as U, useEffect as G, useCallback as D, useId as Ie, useState as T, useLayoutEffect as br } from "react";
+import se from "classnames";
+import Ft from "@emotion/styled";
+import { TextInput as ft, TextInputBox as Mr, LabelledTextInput as kr } from "@stenajs-webui/forms";
+import { useTippyInstance as Sr, Popover as Rt } from "@stenajs-webui/tooltip";
+import { cssColor as Ct } from "@stenajs-webui/theme";
+import { useMaskedInput as Tr } from "@stenajs-webui/input-mask";
+const V = {
   yearAndMonth: "yyyy-MM",
   fullDate: "yyyy-MM-dd",
   fullMonthName: "LLLL",
@@ -26,29 +27,29 @@ const q = {
   // 2 Jan
   monthAndDate: "MMM do"
   // Jan 2nd
-}, wt = (t = {}, e, r) => {
-  if (e && r && v(r, e))
-    return Vt({ start: e, end: r }).reduce(
+}, kt = (t = {}, e, r) => {
+  if (e && r && q(r, e))
+    return be({ start: e, end: r }).reduce(
       (s, i) => {
-        const a = K(i, e), o = K(i, r);
-        return F(s, i, a ? ["selected", "selectedStart", "range"] : o ? ["selected", "selectedEnd", "range"] : ["range"]);
+        const a = x(i, e), c = x(i, r);
+        return it(s, i, a ? ["selected", "selectedStart", "range"] : c ? ["selected", "selectedEnd", "range"] : ["range"]);
       },
       t
     );
   let n = t;
-  return e && (n = F(n, e, ["selected", "singleSelected"])), r && (n = F(n, r, ["selected", "singleSelected"])), n;
-}, nr = (t = {}, e, r, n) => sr(
+  return e && (n = it(n, e, ["selected", "singleSelected"])), r && (n = it(n, r, ["selected", "singleSelected"])), n;
+}, Rr = (t = {}, e, r, n) => Ir(
   t,
   e,
   r,
-  ee(n),
-  te(n)
-), sr = (t = {}, e, r, n, s) => e && r ? wt(
+  ke(n),
+  Me(n)
+), Ir = (t = {}, e, r, n, s) => e && r ? kt(
   t,
-  Ne([e, ft(n, 1)]),
-  Ce([r, _(s, 1)])
-) : wt(t, e, r), En = (t, e, r) => {
-  const n = Y(e, q.yearAndMonth), s = Ot(e), i = Ct(e);
+  er([e, ct(n, 1)]),
+  tr([r, K(s, 1)])
+) : kt(t, e, r), Ms = (t, e, r) => {
+  const n = H(e, V.yearAndMonth), s = te(e), i = Ut(e);
   return {
     ...t,
     [n]: {
@@ -62,8 +63,8 @@ const q = {
       }
     }
   };
-}, Rn = (t, e, r) => {
-  const n = Y(e, q.yearAndMonth), s = Ot(e), i = Ct(e);
+}, ks = (t, e, r) => {
+  const n = H(e, V.yearAndMonth), s = te(e), i = Ut(e);
   return {
     ...t,
     [n]: {
@@ -79,107 +80,110 @@ const q = {
       }
     }
   };
-}, F = (t, e, r) => {
-  const n = e.getMonth() + 1, s = `${e.getFullYear()}-${n < 10 ? "0" : ""}${n}`, i = Ot(e), a = Ct(e), o = t && t[s] && t[s][i] && t[s][i][a];
+}, it = (t, e, r) => {
+  const n = e.getMonth() + 1, s = `${e.getFullYear()}-${n < 10 ? "0" : ""}${n}`, i = te(e), a = Ut(e), c = t && t[s] && t[s][i] && t[s][i][a];
   return {
     ...t,
     [s]: {
       ...t && t[s],
       [i]: {
         ...t && t[s] && t[s][i],
-        [a]: oe(o, r)
+        [a]: Ee(c, r)
       }
     }
   };
-}, oe = (t, e) => ({
+}, Ee = (t, e) => ({
   ...t,
   highlights: [...(t == null ? void 0 : t.highlights) ?? [], ...e]
-}), An = (t, e, r) => {
+}), Ss = (t, e, r) => {
   const n = e.days[0].date, s = n.getMonth() + 1, i = `${n.getFullYear()}-${s < 10 ? "0" : ""}${s}`, a = e.weekNumber;
-  let o = t;
-  e.days.forEach((D) => {
-    o = F(o, D.date, r);
+  let c = t;
+  e.days.forEach((g) => {
+    c = it(c, g.date, r);
   });
-  const d = o && o[i] ? o[i][a] : void 0, l = d && d.highlights ? [...d.highlights, ...r] : r, u = {
-    ...d,
-    highlights: l
+  const l = c && c[i] ? c[i][a] : void 0, d = l && l.highlights ? [...l.highlights, ...r] : r, f = {
+    ...l,
+    highlights: d
   };
   return {
-    ...o,
+    ...c,
     [i]: {
       ...t && t[i],
-      [a]: u
+      [a]: f
     }
   };
-}, ir = (t, e) => {
+}, Er = (t, e) => {
   var s;
   if (!e.days.length)
     return { ...t };
-  const r = e.days[0].date, n = (s = Xe(e.days)) == null ? void 0 : s.date;
+  const r = e.days[0].date, n = (s = Dr(e.days)) == null ? void 0 : s.date;
   return {
-    ...wt(t, r, n)
+    ...kt(t, r, n)
   };
-}, cr = (t, e) => A(() => t ? F(e, /* @__PURE__ */ new Date(), ["today"]) : e, [t, e]);
-var ae = /* @__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))(ae || {}), or = /* @__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))(or || {});
-const Jt = (t, e, r, n) => {
+}, Ar = (t, e) => I(() => t ? it(e, /* @__PURE__ */ new Date(), ["today"]) : e, [t, e]);
+var xr = /* @__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))(xr || {}), Nr = /* @__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))(Nr || {});
+const fe = (t, e, r, n) => {
   const s = [];
   for (let i = 0; i < r; i++)
-    s.push(de(t, e + i, n));
+    s.push(ie(t, e + i, n));
   return s;
-}, de = (t, e, r) => {
+}, ie = (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: Y(i, q.yearAndMonth),
-    name: se(
-      Y(i, q.fullMonthName, { locale: r })
+    monthString: H(i, V.yearAndMonth),
+    name: Ht(
+      H(i, V.fullMonthName, { locale: r })
     ),
     year: n,
     monthInYear: s,
-    weeks: ar(n, s, r)
+    weeks: Lr(n, s, r)
   };
-}, ar = (t, e, r, n = !0) => {
-  const s = new Date(t, e, 1), i = re(s, { locale: r }), a = [];
-  for (let o = 0; o < 6; o++) {
-    const d = zt(Ie(i, o), r);
-    if (o > 0 && d.startMonth !== e && !n)
+}, Lr = (t, e, r, n = !0) => {
+  const s = new Date(t, e, 1), i = Pt(s, { locale: r }), a = [];
+  for (let c = 0; c < 6; c++) {
+    const l = oe(rr(i, c), r);
+    if (c > 0 && l.startMonth !== e && !n)
       return a;
-    a.push(d);
+    a.push(l);
   }
   return a;
-}, zt = (t, e) => {
-  const r = Z(_(t, 7)) !== Z(t);
+}, oe = (t, e) => {
+  const r = at(K(t, 7)) !== at(t);
   return {
-    weekNumber: ne(t, { locale: e }),
-    startMonth: Z(t),
-    startYear: mt(t),
-    endMonth: Z(_(t, 6)),
-    endYear: mt(_(t, 6)),
-    days: lr(t, e),
+    weekNumber: Se(t, { locale: e }),
+    startMonth: at(t),
+    startYear: Mt(t),
+    endMonth: at(K(t, 6)),
+    endYear: Mt(K(t, 6)),
+    days: _r(t, e),
     isLastWeekOfMonth: r
   };
-}, dr = (t, e) => {
-  const r = Le(t);
+}, Yr = (t, e) => {
+  const r = nr(t);
   return {
     date: t,
-    name: Y(t, "EEE", e ? { locale: e } : void 0),
-    dateString: Y(Ye(t, 12), q.fullDate),
-    weekNumber: ne(t, { locale: e }),
-    year: mt(t),
-    month: Z(t),
-    dayOfMonth: Ct(t),
+    name: H(t, "EEE", e ? { locale: e } : void 0),
+    fullName: H(t, "EEEE", e ? { locale: e } : void 0),
+    dateString: H(Te(t, 12), V.fullDate),
+    weekNumber: Se(t, { locale: e }),
+    year: Mt(t),
+    month: at(t),
+    dayOfMonth: Ut(t),
     dayOfWeek: r,
     isFirstDayOfWeek: r === 1,
     isLastDayOfWeek: r === 7,
-    isFirstDayOfMonth: K(ee(t), t),
-    isLastDayOfMonth: K(te(t), t)
+    isFirstDayOfMonth: x(ke(t), t),
+    isLastDayOfMonth: x(Me(t), t)
   };
-}, lr = (t, e) => Vt({
+}, _r = (t, e) => be({
   start: t,
-  end: _(t, 6)
-}).map((r) => dr(r, e)), ur = (t, e) => e > 11 ? { year: t + Math.floor(e / 12), month: e % 12 } : e < 0 ? { year: t + Math.floor(e / 12), month: 12 + e % 12 } : { year: t, month: e }, fr = "_calendar_1b766_1", hr = "_weekNumberVisible_1b766_41", Kt = {
-  calendar: fr,
-  weekNumberVisible: hr
-}, Dr = (t, e, r) => !!(e && e.indexOf(r) >= 0 || t && t.highlights && t.highlights.indexOf(r) >= 0), G = (t, e, r, n, s) => {
+  end: K(t, 6)
+}).map((r) => Yr(r, e)), Pr = (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 }, Hr = "_calendar_1b766_1", Or = "_weekNumberVisible_1b766_41", ue = {
+  calendar: Hr,
+  weekNumberVisible: Or
+}, Br = (t, e, r) => !!(e && e.indexOf(r) >= 0 || t && t.highlights && t.highlights.indexOf(r) >= 0), nt = (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."
@@ -187,29 +191,29 @@ const Jt = (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" && Dr(
+    if (typeof r[i] == "boolean" && r[i] || typeof r[i] == "string" && Br(
       t,
       e,
       r[i]
     ))
       return n[i];
   return s;
-}, gr = ({
+}, $r = ({
   selectedBackground: t,
   todayBackground: e,
   rangeBackground: r,
   borderColor: n = "transparent"
-}) => (s, i, a, o, d) => ({
-  backgroundColor: G(
+}) => (s, i, a, c, l) => ({
+  backgroundColor: nt(
     i,
     s,
-    ["selected", "range", "today", a.month === d.monthInYear],
+    ["selected", "range", "today", a.month === l.monthInYear],
     [t, r, e, "#fff"],
     "transparent"
   ),
   borderWidth: "1px",
   borderStyle: "solid",
-  borderColor: G(
+  borderColor: nt(
     i,
     s,
     ["selectedStart", "selectedEnd", "singleSelected", "range", "today"],
@@ -222,7 +226,7 @@ const Jt = (t, e, r, n) => {
     ],
     n
   ),
-  borderTopLeftRadius: G(
+  borderTopLeftRadius: nt(
     i,
     s,
     ["selectedStart", "singleSelected", "today"],
@@ -233,7 +237,7 @@ const Jt = (t, e, r, n) => {
     ],
     "unset"
   ),
-  borderBottomLeftRadius: G(
+  borderBottomLeftRadius: nt(
     i,
     s,
     ["selectedStart", "singleSelected", "today"],
@@ -244,7 +248,7 @@ const Jt = (t, e, r, n) => {
     ],
     "unset"
   ),
-  borderTopRightRadius: G(
+  borderTopRightRadius: nt(
     i,
     s,
     ["selectedEnd", "singleSelected", "today"],
@@ -255,7 +259,7 @@ const Jt = (t, e, r, n) => {
     ],
     "unset"
   ),
-  borderBottomRightRadius: G(
+  borderBottomRightRadius: nt(
     i,
     s,
     ["selectedEnd", "singleSelected", "today"],
@@ -267,18 +271,18 @@ const Jt = (t, e, r, n) => {
     "unset"
   ),
   boxSizing: "border-box"
-}), mr = ({
+}), Ur = ({
   selectedColor: t,
   disabledColor: e,
   inOtherMonthColor: r,
   rangeTextColor: n
-}) => (s, i, a, o, d) => {
-  const l = a.month !== d.monthInYear;
+}) => (s, i, a, c, l) => {
+  const d = a.month !== l.monthInYear;
   return {
-    color: G(
+    color: nt(
       i,
       s,
-      [l, "selected", "range", "enabled", "disabled"],
+      [d, "selected", "range", "enabled", "disabled"],
       [
         r,
         t,
@@ -288,7 +292,7 @@ const Jt = (t, e, r, n) => {
       ]
     )
   };
-}, et = {
+}, ht = {
   width: "var(--swui-calendar-day-width)",
   height: "var(--swui-calendar-day-height)",
   WeekNumber: {
@@ -301,12 +305,12 @@ const Jt = (t, e, r, n) => {
     clickableTextColor: "var(--swui-calendar-week-day-clickable-text-color)"
   },
   CalendarDay: {
-    tdStyle: gr({
+    tdStyle: $r({
       selectedBackground: "var(--swui-calendar-wrapper-selected-background)",
       rangeBackground: "var(--swui-calendar-wrapper-range-background)",
       todayBackground: "var(--swui-calendar-wrapper-today-background)"
     }),
-    textProps: mr({
+    textProps: Ur({
       selectedColor: "var(--swui-calendar-text-selected-color)",
       disabledColor: "var(--swui-calendar-text-disabled-color)",
       inOtherMonthColor: "var(--swui-calendar-text-in-other-month-color)"
@@ -315,24 +319,24 @@ const Jt = (t, e, r, n) => {
   CalendarMonth: {
     headerTextColor: "var(--swui-calendar-week-day-text-color)"
   }
-}, xn = {
-  ...et,
+}, Ts = {
+  ...ht,
   width: "37px",
   height: "37px"
-}, wr = ({
+}, Wr = ({
   onClickWeekDay: t,
   day: e,
   theme: r
 }) => {
-  const n = /* @__PURE__ */ c(
-    x,
+  const n = /* @__PURE__ */ o(
+    N,
     {
       width: r.width,
       height: r.height,
       justifyContent: "center",
       alignItems: "center",
-      children: /* @__PURE__ */ c(
-        yt,
+      children: /* @__PURE__ */ o(
+        ut,
         {
           size: "small",
           color: t ? r.WeekDay.clickableTextColor : r.WeekDay.textColor,
@@ -341,8 +345,8 @@ const Jt = (t, e, r, n) => {
       )
     }
   );
-  return t ? /* @__PURE__ */ c(
-    Qt,
+  return t ? /* @__PURE__ */ o(
+    De,
     {
       borderRadius: "var(--swui-calendar-day-border-radius)",
       onClick: (s) => t(e.dayOfWeek, s),
@@ -350,29 +354,29 @@ const Jt = (t, e, r, n) => {
       children: n
     }
   ) : n;
-}, le = function({
+}, Ae = function({
   day: e,
   week: r,
   month: n,
   dayState: s,
   userData: i,
   onClickDay: a,
-  theme: o,
-  extraDayContent: d,
-  defaultHighlights: l
+  theme: c,
+  extraDayContent: l,
+  defaultHighlights: d
 }) {
-  const u = /* @__PURE__ */ c(
-    x,
+  const f = /* @__PURE__ */ o(
+    N,
     {
       width: "100%",
       height: "100%",
       justifyContent: "center",
       alignItems: "center",
-      children: /* @__PURE__ */ c(
-        yt,
+      children: /* @__PURE__ */ o(
+        ut,
         {
-          ...o.CalendarDay.textProps && o.CalendarDay.textProps(
-            l,
+          ...c.CalendarDay.textProps && c.CalendarDay.textProps(
+            d,
             s,
             e,
             r,
@@ -383,18 +387,18 @@ const Jt = (t, e, r, n) => {
         }
       )
     }
-  ), D = Lt.td({
-    ...o.CalendarDay.tdStyle && o.CalendarDay.tdStyle(
-      l,
+  ), g = Ft.td({
+    ...c.CalendarDay.tdStyle && c.CalendarDay.tdStyle(
+      d,
       s,
       e,
       r,
       n,
       i
     )
-  }), f = Lt.div({
-    ...o.CalendarDay.innerWrapperStyle && o.CalendarDay.innerWrapperStyle(
-      l,
+  }), u = Ft.div({
+    ...c.CalendarDay.innerWrapperStyle && c.CalendarDay.innerWrapperStyle(
+      d,
       s,
       e,
       r,
@@ -403,9 +407,9 @@ const Jt = (t, e, r, n) => {
     ),
     width: "100%",
     height: "100%"
-  }), h = Lt.div({
-    ...o.CalendarDay.cellWrapperStyle && o.CalendarDay.cellWrapperStyle(
-      l,
+  }), h = Ft.div({
+    ...c.CalendarDay.cellWrapperStyle && c.CalendarDay.cellWrapperStyle(
+      d,
       s,
       e,
       r,
@@ -415,34 +419,34 @@ const Jt = (t, e, r, n) => {
     width: "100%",
     height: "100%",
     position: "relative"
-  }), w = yr(l, s);
-  return /* @__PURE__ */ c(
-    D,
+  }), p = Cr(d, s);
+  return /* @__PURE__ */ o(
+    g,
     {
-      onClick: w ? void 0 : (M) => a == null ? void 0 : a(e, i, M),
-      children: /* @__PURE__ */ c(f, { children: /* @__PURE__ */ c(h, { children: e.month === n.monthInYear && /* @__PURE__ */ T(ht, { children: [
-        d && /* @__PURE__ */ c(
-          d,
+      onClick: p ? void 0 : (M) => a == null ? void 0 : a(e, i, M),
+      children: /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o(h, { children: e.month === n.monthInYear && /* @__PURE__ */ R(_t, { children: [
+        l && /* @__PURE__ */ o(
+          l,
           {
             week: r,
             month: n,
             day: e,
             dayState: s,
-            theme: o,
+            theme: c,
             userData: i
           }
         ),
-        u
+        f
       ] }) }) })
     }
   );
-}, yr = (t, e) => !!G(
+}, Cr = (t, e) => !!nt(
   e,
   t,
   ["disabled"],
   [!0],
   !1
-), pr = ({
+), zr = ({
   onClickWeek: t,
   theme: e,
   week: r,
@@ -450,17 +454,17 @@ const Jt = (t, e, r, n) => {
   backgroundColor: s,
   prefix: i
 }) => {
-  const a = /* @__PURE__ */ T(
-    x,
+  const a = /* @__PURE__ */ R(
+    N,
     {
       width: e.width,
       height: e.height,
       justifyContent: "center",
       alignItems: "center",
       children: [
-        n && /* @__PURE__ */ c(x, { position: "absolute", children: n }),
-        /* @__PURE__ */ c(x, { position: "absolute", children: /* @__PURE__ */ T(
-          yt,
+        n && /* @__PURE__ */ o(N, { position: "absolute", children: n }),
+        /* @__PURE__ */ o(N, { position: "absolute", children: /* @__PURE__ */ R(
+          ut,
           {
             color: t ? e.WeekNumber.clickableTextColor : e.WeekNumber.textColor,
             children: [
@@ -472,23 +476,23 @@ const Jt = (t, e, r, n) => {
       ]
     }
   );
-  return /* @__PURE__ */ c(
-    x,
+  return /* @__PURE__ */ o(
+    N,
     {
       background: s || e.WeekNumber.backgroundColor,
       position: "relative",
-      children: t ? /* @__PURE__ */ c(
-        Qt,
+      children: t ? /* @__PURE__ */ o(
+        De,
         {
           borderRadius: "var(--swui-calendar-day-border-radius)",
-          onClick: (o) => t(r, o),
+          onClick: (c) => t(r, c),
           disableFocusHighlight: !t,
           children: a
         }
       ) : a
     }
   );
-}, br = (t, e, r) => e && He(t, e) ? K(t, e) : r && v(t, r) ? K(t, r) : !0, kr = function({
+}, jr = (t, e, r) => e && lt(t, e) ? x(t, e) : r && q(t, r) ? x(t, r) : !0, Fr = function({
   dayComponent: e,
   minDate: r,
   maxDate: n,
@@ -496,149 +500,149 @@ const Jt = (t, e, r, n) => {
   day: i,
   ...a
 }) {
-  const o = A(
-    () => br(i.date, r, n) ? s : oe(s, ["disabled"]),
+  const c = I(
+    () => jr(i.date, r, n) ? s : Ee(s, ["disabled"]),
     [i.date, s, n, r]
   );
-  return /* @__PURE__ */ c(e, { day: i, ...a, dayState: o });
+  return /* @__PURE__ */ o(e, { day: i, ...a, dayState: c });
 };
-function Sr({
+function Kr({
   month: t,
-  dayComponent: e = le,
+  dayComponent: e = Ae,
   statePerWeek: r,
   userDataPerWeek: n,
   minDate: s,
   maxDate: i,
   onClickDay: a,
-  onClickWeek: o,
-  onClickWeekDay: d,
-  onClickMonth: l,
-  renderWeekNumber: u,
-  renderWeekDay: D,
-  headerRightContent: f,
-  theme: h = et,
-  extraDayContent: w,
+  onClickWeek: c,
+  onClickWeekDay: l,
+  onClickMonth: d,
+  renderWeekNumber: f,
+  renderWeekDay: g,
+  headerRightContent: u,
+  theme: h = ht,
+  extraDayContent: p,
   defaultHighlights: M,
   showWeekNumber: b
 }) {
-  return /* @__PURE__ */ c(ht, { children: /* @__PURE__ */ T(x, { alignItems: "stretch", children: [
-    /* @__PURE__ */ T(
-      R,
+  return /* @__PURE__ */ o(_t, { children: /* @__PURE__ */ R(N, { alignItems: "stretch", children: [
+    /* @__PURE__ */ R(
+      Y,
       {
-        justifyContent: f ? "space-between" : "center",
+        justifyContent: u ? "space-between" : "center",
         alignItems: "center",
         children: [
-          /* @__PURE__ */ c(R, { justifyContent: "center", alignItems: "center", children: l ? /* @__PURE__ */ c(
-            W,
+          /* @__PURE__ */ o(Y, { justifyContent: "center", alignItems: "center", children: d ? /* @__PURE__ */ o(
+            v,
             {
-              onClick: () => l(t),
+              onClick: () => d(t),
               label: t.name + " " + String(t.year),
-              rightIcon: Xt
+              rightIcon: Vt
             }
-          ) : /* @__PURE__ */ T(yt, { whiteSpace: "nowrap", children: [
+          ) : /* @__PURE__ */ R(ut, { whiteSpace: "nowrap", children: [
             t.name,
             " ",
             t.year
           ] }) }),
-          f && /* @__PURE__ */ c(x, { alignItems: "center", children: f })
+          u && /* @__PURE__ */ o(N, { alignItems: "center", children: u })
         ]
       }
     ),
-    /* @__PURE__ */ c("table", { children: /* @__PURE__ */ T("tbody", { children: [
-      /* @__PURE__ */ T("tr", { children: [
-        b && /* @__PURE__ */ c("td", { children: /* @__PURE__ */ c(x, { width: h.width, height: h.height }) }),
-        t.weeks[0].days.map((y) => /* @__PURE__ */ c("td", { children: D ? D(y.name, h, d) : /* @__PURE__ */ c(
-          wr,
+    /* @__PURE__ */ o("table", { children: /* @__PURE__ */ R("tbody", { children: [
+      /* @__PURE__ */ R("tr", { children: [
+        b && /* @__PURE__ */ o("td", { children: /* @__PURE__ */ o(N, { width: h.width, height: h.height }) }),
+        t.weeks[0].days.map((w) => /* @__PURE__ */ o("td", { children: g ? g(w.name, h, l) : /* @__PURE__ */ o(
+          Wr,
           {
-            day: y,
-            onClickWeekDay: d,
+            day: w,
+            onClickWeekDay: l,
             theme: h
           }
-        ) }, y.name))
+        ) }, w.name))
       ] }),
-      t.weeks.map((y) => /* @__PURE__ */ c(ht, { children: /* @__PURE__ */ T("tr", { children: [
-        b && /* @__PURE__ */ c("td", { children: u ? u(y, h, o) : /* @__PURE__ */ c(
-          pr,
+      t.weeks.map((w) => /* @__PURE__ */ o(_t, { children: /* @__PURE__ */ R("tr", { children: [
+        b && /* @__PURE__ */ o("td", { children: f ? f(w, h, c) : /* @__PURE__ */ o(
+          zr,
           {
-            week: y,
-            onClickWeek: o,
+            week: w,
+            onClickWeek: c,
             theme: h
           }
         ) }),
-        y.days.map((p) => /* @__PURE__ */ c(
-          kr,
+        w.days.map((y) => /* @__PURE__ */ o(
+          Fr,
           {
             dayComponent: e,
-            day: p,
-            week: y,
+            day: y,
+            week: w,
             month: t,
-            dayState: r && r[y.weekNumber] && r[y.weekNumber][p.dayOfMonth],
-            userData: n && n[y.weekNumber] && n[y.weekNumber][p.dayOfMonth],
+            dayState: r && r[w.weekNumber] && r[w.weekNumber][y.dayOfMonth],
+            userData: n && n[w.weekNumber] && n[w.weekNumber][y.dayOfMonth],
             onClickDay: a,
             theme: h,
-            extraDayContent: w,
+            extraDayContent: p,
             defaultHighlights: M,
             minDate: s,
             maxDate: i
           },
-          p.dateString
+          y.dateString
         ))
-      ] }, y.weekNumber) }))
+      ] }, w.weekNumber) }))
     ] }) })
   ] }) });
 }
-function Mr({
+function vr({
   monthRows: t,
-  dayComponent: e = le,
+  dayComponent: e = Ae,
   userDataPerMonth: r,
   statePerMonth: n,
   minDate: s,
   maxDate: i,
   onClickDay: a,
-  onClickWeekDay: o,
-  onClickWeek: d,
-  onClickMonth: l,
-  renderWeekDay: u,
-  renderWeekNumber: D,
-  headerRightContent: f,
+  onClickWeekDay: c,
+  onClickWeek: l,
+  onClickMonth: d,
+  renderWeekDay: f,
+  renderWeekNumber: g,
+  headerRightContent: u,
   extraDayContent: h,
-  defaultHighlights: w,
+  defaultHighlights: p,
   showWeekNumber: M,
-  theme: b = et
+  theme: b = ht
 }) {
-  const y = A(
-    () => s ? V(s, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
+  const w = I(
+    () => s ? dt(s, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
     [s]
-  ), p = A(
-    () => i ? V(i, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
+  ), y = I(
+    () => i ? dt(i, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
     [i]
   );
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ o(
     "div",
     {
-      className: tr(
-        Kt.calendar,
-        M && Kt.weekNumberVisible
+      className: se(
+        ue.calendar,
+        M && ue.weekNumberVisible
       ),
-      children: t.map((m, k) => /* @__PURE__ */ c(be, { children: /* @__PURE__ */ c(R, { gap: 2, children: m.map((E) => /* @__PURE__ */ c(
-        Sr,
+      children: t.map((m, k) => /* @__PURE__ */ o(je, { children: /* @__PURE__ */ o(Y, { gap: 2, children: m.map((E) => /* @__PURE__ */ o(
+        Kr,
         {
           month: E,
           dayComponent: e,
           userDataPerWeek: r && r[E.monthString],
           statePerWeek: n && n[E.monthString],
           onClickDay: a,
-          onClickWeekDay: o,
-          onClickWeek: d,
-          onClickMonth: l,
+          onClickWeekDay: c,
+          onClickWeek: l,
+          onClickMonth: d,
           theme: b,
-          renderWeekNumber: D,
-          renderWeekDay: u,
-          headerRightContent: f,
+          renderWeekNumber: g,
+          renderWeekDay: f,
+          headerRightContent: u,
           extraDayContent: h,
-          defaultHighlights: w,
-          minDate: y,
-          maxDate: p,
+          defaultHighlights: p,
+          minDate: w,
+          maxDate: y,
           showWeekNumber: M ?? !1
         },
         E.name
@@ -646,22 +650,22 @@ function Mr({
     }
   );
 }
-function Ut(t) {
-  const e = Tr(t.year, t.month, t.date), { year: r, month: n } = ur(
+function Qt(t) {
+  const e = Jr(t.year, t.month, t.date), { year: r, month: n } = Pr(
     e.year,
     e.month
-  ), s = Er(
+  ), s = Gr(
     r,
     n,
-    t.locale ?? Nt,
+    t.locale ?? Wt,
     t.numMonths,
     t.monthsPerRow
-  ), i = cr(
+  ), i = Ar(
     t.highlightToday,
     t.statePerMonth
   );
-  return /* @__PURE__ */ c(
-    Mr,
+  return /* @__PURE__ */ o(
+    vr,
     {
       year: r,
       month: n,
@@ -671,7 +675,7 @@ function Ut(t) {
     }
   );
 }
-const Tr = (t, e, r) => {
+const Jr = (t, e, r) => {
   if (e && t)
     return {
       month: e,
@@ -679,105 +683,194 @@ const Tr = (t, e, r) => {
     };
   if (r)
     return {
-      month: Z(r),
-      year: mt(r)
+      month: at(r),
+      year: Mt(r)
     };
   const n = /* @__PURE__ */ new Date();
   return {
-    month: Z(n),
-    year: mt(n)
+    month: at(n),
+    year: Mt(n)
   };
-}, Er = (t, e, r, n, s) => n == null ? [[de(t, e, r)]] : s == null ? [Jt(t, e, n, r)] : ie(Jt(t, e, n, r), s), Rr = ({
+}, Gr = (t, e, r, n, s) => n == null ? [[ie(t, e, r)]] : s == null ? [fe(t, e, n, r)] : Re(fe(t, e, n, r), s), xe = (t, e) => `${t.row}-${t.column}-${e}`, qr = (t, e, r, n) => {
+  let s = e;
+  for (let i = 0; i < n; i++) {
+    s = Qr(s, t, n);
+    const a = xe(s, r);
+    if (document.getElementById(a))
+      return a;
+  }
+}, Qr = (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
+  };
+}, Xr = ({
   month: t,
-  year: e,
-  onClick: r,
-  selected: n,
-  locale: s
+  onClick: e,
+  selected: r,
+  locale: n,
+  autoFocus: s,
+  monthPickerId: i,
+  position: a
 }) => {
-  const i = A(() => {
-    const a = new Date(e, t, 1);
-    return se(Y(a, "MMM", { locale: s }));
-  }, [s, e, t]);
-  return /* @__PURE__ */ c(R, { justifyContent: "center", children: n ? /* @__PURE__ */ c(ot, { label: i, onClick: r }) : /* @__PURE__ */ c(W, { label: i, onClick: r }) });
-}, Ar = ({
+  const c = I(
+    () => Ht(H(t, "MMM", { locale: n })),
+    [n, t]
+  ), l = I(
+    () => Ht(H(t, "MMMM", { locale: n })),
+    [n, t]
+  ), d = U(null), f = xe(a, i);
+  G(() => {
+    var u;
+    (u = d.current) == null || u.focus();
+  }, []);
+  const g = D(
+    (u) => {
+      var p;
+      const h = qr(
+        u.key,
+        a,
+        i,
+        4
+      );
+      h && ((p = document.getElementById(h)) == null || p.focus());
+    },
+    [i, a]
+  );
+  return /* @__PURE__ */ o(Y, { justifyContent: "center", onKeyDown: g, children: r ? /* @__PURE__ */ o(
+    Dt,
+    {
+      id: f,
+      "aria-label": l,
+      label: c,
+      onClick: e,
+      "aria-selected": !0,
+      autoFocus: s,
+      ref: d
+    }
+  ) : /* @__PURE__ */ o(
+    v,
+    {
+      id: f,
+      label: c,
+      "aria-label": l,
+      onClick: e
+    }
+  ) });
+}, Zr = (t, e, r) => {
+  let n = t.getFullYear(), s = 0, i = 0, a = t;
+  const c = {
+    yearOrder: [],
+    rows: [],
+    years: {},
+    lastMonthColumn: -1,
+    lastMonthRow: -1
+  };
+  for (let l = 0; l < e; l++) {
+    if (c.years[n] == null && (c.yearOrder.push(n), c.years[n] = { year: n, rows: [] }), c.rows[s] = c.rows[s] ?? {
+      columns: [],
+      rowIndex: s
+    }, c.rows[s].columns[i] = {
+      position: {
+        column: i,
+        row: s
+      },
+      month: a
+    }, l === e - 1) {
+      c.years[n].rows.push(s);
+      break;
+    }
+    a = Tt(a, 1), a.getFullYear() !== n ? (c.years[n].rows.push(s), n++, i = 0, s++) : (i++, i > r - 1 && (c.years[n].rows.push(s), i = 0, s++));
+  }
+  return c.lastMonthColumn = i, c.lastMonthRow = s, c;
+}, Ne = () => I(() => /* @__PURE__ */ new Date(), []), ce = ({
   value: t,
   onValueChange: e,
-  locale: r = Nt,
+  locale: r = Wt,
   firstMonth: n,
-  numMonths: s
+  numMonths: s,
+  onCancel: i
 }) => {
-  const i = xr(n, s);
-  return /* @__PURE__ */ c($, { gap: 1, maxWidth: "336px", children: i.years.map(({ year: a, months: o }) => /* @__PURE__ */ T(ht, { children: [
-    /* @__PURE__ */ c(ke, { variant: "h4", children: a }),
-    /* @__PURE__ */ c(R, { gap: 1, flexWrap: "wrap", children: o.map((d) => /* @__PURE__ */ c(
-      Rr,
-      {
-        month: d,
-        year: a,
-        locale: r,
-        selected: (t == null ? void 0 : t.month) === d && (t == null ? void 0 : t.year) === a,
-        onClick: () => e == null ? void 0 : e({ month: d, year: a })
-      },
-      d
-    )) })
-  ] })) });
-}, xr = (t, e) => {
-  let r = t.getFullYear(), n = t.getMonth();
-  const s = {
-    years: [{ year: r, months: [n] }]
-  };
-  for (let i = 1; i < e; i++)
-    n === ae.DECEMBER ? (r++, n = 0, s.years.push({ year: r, months: [n] })) : (n++, s.years[s.years.length - 1].months.push(n));
-  return s;
-}, Gt = (t) => ({
-  year: t.getFullYear(),
-  month: t.getMonth()
-}), Cr = (t) => [
+  const a = Ie(), c = Ne(), l = s > 0 ? s : 12, [d, f] = T(!1), g = Zr(n, l, 4), u = I(() => Tt(n, l), [l, n]);
+  G(() => {
+    f(!0);
+  }, []);
+  const h = D(
+    (p) => {
+      p.key === "Escape" && (i == null || i(), p.preventDefault(), p.stopPropagation());
+    },
+    [i]
+  );
+  return /* @__PURE__ */ o(j, { gap: 1, maxWidth: "336px", onKeyDown: h, children: g.yearOrder.map((p, M) => {
+    const { rows: b } = g.years[p];
+    return /* @__PURE__ */ R(ne.Fragment, { children: [
+      (M !== 0 || p !== c.getFullYear()) && /* @__PURE__ */ o(Zt, { variant: "h4", children: p }),
+      b.map((w) => {
+        const { columns: y } = g.rows[w];
+        return /* @__PURE__ */ o(Y, { gap: 1, children: y.map(({ month: m, position: k }) => /* @__PURE__ */ o(j, { width: "78px", children: /* @__PURE__ */ o(
+          Xr,
+          {
+            month: m,
+            firstAvailableMonth: n,
+            lastAvailableMonth: u,
+            locale: r,
+            selected: t ? pt(t, m) : !1,
+            autoFocus: d,
+            onClick: () => e == null ? void 0 : e(m),
+            monthPickerId: a,
+            position: k
+          }
+        ) }, m.getMonth())) }, w);
+      })
+    ] }, p);
+  }) });
+}, Vr = (t) => [
   {
     label: "Past",
     presets: [
-      { label: "Last 3 days", startDate: t, endDate: ft(t, 2) },
-      { label: "Last 7 days", startDate: t, endDate: ft(t, 6) },
-      { label: "Last 30 days", startDate: t, endDate: ft(t, 29) },
-      { label: "Last 45 days", startDate: t, endDate: ft(t, 44) }
+      { label: "Last 3 days", startDate: t, endDate: ct(t, 2) },
+      { label: "Last 7 days", startDate: t, endDate: ct(t, 6) },
+      { label: "Last 30 days", startDate: t, endDate: ct(t, 29) },
+      { label: "Last 45 days", startDate: t, endDate: ct(t, 44) }
     ]
   },
   {
     label: "Future",
     presets: [
-      { label: "Next 3 days", startDate: t, endDate: _(t, 2) },
-      { label: "Next 7 days", startDate: t, endDate: _(t, 6) },
-      { label: "Next 30 days", startDate: t, endDate: _(t, 29) },
-      { label: "Next 45 days", startDate: t, endDate: _(t, 44) }
+      { label: "Next 3 days", startDate: t, endDate: K(t, 2) },
+      { label: "Next 7 days", startDate: t, endDate: K(t, 6) },
+      { label: "Next 30 days", startDate: t, endDate: K(t, 29) },
+      { label: "Next 45 days", startDate: t, endDate: K(t, 44) }
     ]
   }
-], Nr = ({
+], tn = ({
   onClickPreset: t
 }) => {
-  const [e, r] = S(0), n = A(() => Cr(/* @__PURE__ */ new Date()), []), s = n[e] ?? n[0];
-  return /* @__PURE__ */ T($, { children: [
-    /* @__PURE__ */ T(
-      R,
+  const [e, r] = T(0), n = I(() => Vr(/* @__PURE__ */ new Date()), []), s = n[e] ?? n[0];
+  return /* @__PURE__ */ R(j, { children: [
+    /* @__PURE__ */ R(
+      Y,
       {
         justifyContent: "space-between",
         alignItems: "center",
         width: "200px",
         children: [
-          /* @__PURE__ */ c(
-            W,
+          /* @__PURE__ */ o(
+            v,
             {
               size: "small",
-              leftIcon: Me,
+              leftIcon: ve,
               disabled: e === 0,
               onClick: () => r(e - 1)
             }
           ),
-          /* @__PURE__ */ c(yt, { children: s.label }),
-          /* @__PURE__ */ c(
-            W,
+          /* @__PURE__ */ o(ut, { children: s.label }),
+          /* @__PURE__ */ o(
+            v,
             {
               size: "small",
-              leftIcon: Te,
+              leftIcon: Je,
               disabled: e === n.length - 1,
               onClick: () => r(e + 1)
             }
@@ -785,209 +878,208 @@ const Tr = (t, e, r) => {
         ]
       }
     ),
-    /* @__PURE__ */ c(ct, {}),
-    /* @__PURE__ */ c($, { alignItems: "center", children: s.presets.map((i) => /* @__PURE__ */ T(Ve.Fragment, { children: [
-      /* @__PURE__ */ c(
-        ot,
+    /* @__PURE__ */ o(mt, {}),
+    /* @__PURE__ */ o(j, { alignItems: "center", children: s.presets.map((i) => /* @__PURE__ */ R(ne.Fragment, { children: [
+      /* @__PURE__ */ o(
+        Dt,
         {
           label: i.label,
           onClick: () => t(i)
         }
       ),
-      /* @__PURE__ */ c(ct, {})
+      /* @__PURE__ */ o(mt, {})
     ] }, i.label)) })
   ] });
-}, Ir = function({
+}, en = function({
   locale: e,
   dateInFocus: r,
   setDateInFocus: n,
   currentPanel: s,
   setCurrentPanel: i,
   renderMonthPicker: a,
-  ...o
+  ...c
 }) {
-  const d = g(
-    (u) => {
-      const D = r ? new Date(r) : /* @__PURE__ */ new Date();
-      D.setMonth(u.month), D.setFullYear(u.year), n && n(D), i("calendar");
+  const l = D(
+    (f) => {
+      n && n(f), i("calendar");
     },
-    [r, n, i]
-  ), l = g(() => {
+    [n, i]
+  ), d = D(() => {
     i("month");
   }, [i]);
   switch (s) {
     case "calendar":
-      return /* @__PURE__ */ c(
-        Ut,
+      return /* @__PURE__ */ o(
+        Qt,
         {
-          ...o,
+          ...c,
           date: r,
-          onClickMonth: l,
+          onClickMonth: d,
           locale: e
         }
       );
     case "month":
       return a ? a({
-        value: Gt(r),
-        onValueChange: d,
+        value: r,
+        onValueChange: l,
         locale: e,
         firstMonth: /* @__PURE__ */ new Date(),
         numMonths: 24,
         dateInFocus: r
-      }) : /* @__PURE__ */ c(
-        Ar,
+      }) : /* @__PURE__ */ o(
+        ce,
         {
-          value: Gt(r),
-          onValueChange: d,
+          value: r,
+          onValueChange: l,
           locale: e,
           firstMonth: /* @__PURE__ */ new Date(),
           numMonths: 24
         }
       );
     case "presets":
-      return /* @__PURE__ */ c(Nr, { onClickPreset: () => {
+      return /* @__PURE__ */ o(tn, { onClickPreset: () => {
       } });
     default:
-      return /* @__PURE__ */ c(x, { children: /* @__PURE__ */ c(
-        ot,
+      return /* @__PURE__ */ o(N, { children: /* @__PURE__ */ o(
+        Dt,
         {
           label: "Show calendar",
           onClick: () => i("calendar")
         }
       ) });
   }
-}, Lr = (t, e, r, n) => {
-  const s = g(() => {
-    const d = Pe(t, r ?? n ?? 1);
-    e == null || e(d);
-  }, [e, t, r, n]), i = g(() => {
-    const d = Ue(t, 1);
-    e == null || e(d);
-  }, [e, t]), a = g(() => {
-    const d = $e(t, r ?? n ?? 1);
-    e == null || e(d);
-  }, [e, t, r, n]), o = g(() => {
-    const d = We(t, 1);
-    e == null || e(d);
+}, rn = (t, e, r, n) => {
+  const s = D(() => {
+    const l = Tt(t, r ?? n ?? 1);
+    e == null || e(l);
+  }, [e, t, r, n]), i = D(() => {
+    const l = sr(t, 1);
+    e == null || e(l);
+  }, [e, t]), a = D(() => {
+    const l = ee(t, r ?? n ?? 1);
+    e == null || e(l);
+  }, [e, t, r, n]), c = D(() => {
+    const l = ir(t, 1);
+    e == null || e(l);
   }, [e, t]);
   return {
     nextMonth: s,
     prevMonth: a,
     nextYear: i,
-    prevYear: o
+    prevYear: c
   };
-}, Yr = ({
+}, nn = ({
   children: t,
   prevMonth: e,
   nextMonth: r,
   prevYear: n,
   nextYear: s
-}) => /* @__PURE__ */ T("div", { children: [
+}) => /* @__PURE__ */ R("div", { children: [
   t,
-  /* @__PURE__ */ c(Dt, { children: /* @__PURE__ */ T(R, { gap: 1, children: [
-    /* @__PURE__ */ c(it, { onClick: n, leftIcon: Ee }),
-    /* @__PURE__ */ c(it, { onClick: e, leftIcon: Wt }),
-    /* @__PURE__ */ c(Dt, { num: 2 }),
-    /* @__PURE__ */ c(it, { onClick: r, leftIcon: xt }),
-    /* @__PURE__ */ c(it, { onClick: s, leftIcon: Re })
+  /* @__PURE__ */ o(yt, { children: /* @__PURE__ */ R(Y, { gap: 1, children: [
+    /* @__PURE__ */ o(st, { onClick: n, leftIcon: Ge }),
+    /* @__PURE__ */ o(st, { onClick: e, leftIcon: $t }),
+    /* @__PURE__ */ o(yt, { num: 2 }),
+    /* @__PURE__ */ o(st, { onClick: r, leftIcon: St }),
+    /* @__PURE__ */ o(st, { onClick: s, leftIcon: qe })
   ] }) }),
-  /* @__PURE__ */ c(ct, {})
-] }), Hr = () => {
+  /* @__PURE__ */ o(mt, {})
+] }), sn = () => {
 };
-function rt({
+function gt({
   monthSwitcherPlacement: t,
-  theme: e = et,
+  theme: e = ht,
   dateInFocus: r,
   setDateInFocus: n,
   currentPanel: s,
   setCurrentPanel: i,
-  onSelectPreset: a = Hr,
-  renderMonthPicker: o,
-  ...d
+  onSelectPreset: a = sn,
+  renderMonthPicker: c,
+  ...l
 }) {
-  const { nextMonth: l, prevMonth: u, nextYear: D, prevYear: f } = Lr(
+  const { nextMonth: d, prevMonth: f, nextYear: g, prevYear: u } = rn(
     r,
     n,
-    d.monthsPerRow,
-    d.numMonths
+    l.monthsPerRow,
+    l.numMonths
   );
-  switch (Pr(
+  switch (on(
     t,
-    d.numMonths
+    l.numMonths
   )) {
     case "below":
-      return /* @__PURE__ */ c(
-        Yr,
+      return /* @__PURE__ */ o(
+        nn,
         {
           theme: e,
-          nextMonth: l,
-          prevMonth: u,
-          nextYear: D,
-          prevYear: f,
-          children: /* @__PURE__ */ c(Ut, { ...d, theme: e, date: r })
+          nextMonth: d,
+          prevMonth: f,
+          nextYear: g,
+          prevYear: u,
+          children: /* @__PURE__ */ o(Qt, { ...l, theme: e, date: r })
         }
       );
     case "header":
-      return /* @__PURE__ */ c($, { children: /* @__PURE__ */ c(
-        Ir,
+      return /* @__PURE__ */ o(j, { children: /* @__PURE__ */ o(
+        en,
         {
-          ...d,
+          ...l,
           theme: e,
-          renderMonthPicker: o,
+          renderMonthPicker: c,
           dateInFocus: r,
           setDateInFocus: n,
           currentPanel: s,
           setCurrentPanel: i,
           onSelectPreset: a,
-          headerRightContent: /* @__PURE__ */ T(R, { alignItems: "center", gap: 1, children: [
-            /* @__PURE__ */ c(
-              it,
+          headerRightContent: /* @__PURE__ */ R(Y, { alignItems: "center", gap: 1, children: [
+            /* @__PURE__ */ o(
+              st,
               {
-                onClick: u,
-                leftIcon: Wt
+                onClick: f,
+                leftIcon: $t
               }
             ),
-            /* @__PURE__ */ c(
-              it,
+            /* @__PURE__ */ o(
+              st,
               {
-                onClick: l,
-                leftIcon: xt
+                onClick: d,
+                leftIcon: St
               }
             )
           ] })
         }
       ) });
     default:
-      return /* @__PURE__ */ c(Ut, { ...d, theme: e, date: r });
+      return /* @__PURE__ */ o(Qt, { ...l, theme: e, date: r });
   }
 }
-const Pr = (t, e) => t || (e || 1) > 1 ? "below" : "header", Ur = (t) => ({
-  startDate: t.startDate ? Y(t.startDate, "yyyy-MM-dd") : void 0,
-  endDate: t.endDate ? Y(t.endDate, "yyyy-MM-dd") : void 0
-}), $r = ({
+const on = (t, e) => t || (e || 1) > 1 ? "below" : "header", cn = (t) => ({
+  startDate: t.startDate ? H(t.startDate, "yyyy-MM-dd") : void 0,
+  endDate: t.endDate ? H(t.endDate, "yyyy-MM-dd") : void 0
+}), an = ({
   startDate: t,
   endDate: e
 }) => {
   const r = /* @__PURE__ */ new Date();
   return {
-    startDate: t ? V(t, "yyyy-MM-dd", r) : void 0,
-    endDate: e ? V(e, "yyyy-MM-dd", r) : void 0
+    startDate: t ? dt(t, "yyyy-MM-dd", r) : void 0,
+    endDate: e ? dt(e, "yyyy-MM-dd", r) : void 0
   };
-}, ue = ({
+}, Le = ({
   startDate: t,
   endDate: e
-}) => !!(t && e && !K(t, e) && v(t, e)), fe = (t) => ue(t) ? {
+}) => !!(t && e && !x(t, e) && q(t, e)), Ye = (t) => Le(t) ? {
   startDate: t.endDate,
   endDate: t.startDate
-} : t, Cn = (t) => t.startDate && t.endDate ? Ur(
-  fe($r(t))
-) : t, Wr = (t, e, r, n) => g(
+} : t, Rs = (t) => t.startDate && t.endDate ? cn(
+  Ye(an(t))
+) : t, ln = (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
     };
-    ue(i) || n(r === "startDate" ? "endDate" : "startDate"), e == null || e(fe(i));
+    Le(i) || n(r === "startDate" ? "endDate" : "startDate"), e == null || e(Ye(i));
   },
   [
     r,
@@ -996,8 +1088,8 @@ const Pr = (t, e) => t || (e || 1) > 1 ? "below" : "header", Ur = (t) => ({
     t == null ? void 0 : t.endDate,
     t == null ? void 0 : t.startDate
   ]
-), It = (t) => {
-  const [e, r] = S("calendar"), n = g(
+), zt = (t) => {
+  const [e, r] = T("calendar"), n = D(
     (s) => {
       r(s), t == null || t(s);
     },
@@ -1007,7 +1099,7 @@ const Pr = (t, e) => t || (e || 1) > 1 ? "below" : "header", Ur = (t) => ({
     currentPanel: e,
     setCurrentPanel: n
   };
-}, Or = ({
+}, dn = ({
   focusedInput: t,
   value: e,
   onValueChange: r,
@@ -1016,15 +1108,15 @@ const Pr = (t, e) => t || (e || 1) > 1 ? "below" : "header", Ur = (t) => ({
   onChangePanel: i,
   initialDateInFocus: a
 }) => {
-  const { currentPanel: o, setCurrentPanel: d } = It(i), [l, u] = S(
+  const { currentPanel: c, setCurrentPanel: l } = zt(i), [d, f] = T(
     () => a ?? /* @__PURE__ */ new Date()
-  ), D = Wr(
+  ), g = ln(
     e,
     r,
     t,
     n
-  ), f = A(
-    () => wt(
+  ), u = I(
+    () => kt(
       s,
       e == null ? void 0 : e.startDate,
       e == null ? void 0 : e.endDate
@@ -1032,20 +1124,20 @@ const Pr = (t, e) => t || (e || 1) > 1 ? "below" : "header", Ur = (t) => ({
     [s, e == null ? void 0 : e.endDate, e == null ? void 0 : e.startDate]
   );
   return {
-    onClickDay: D,
-    statePerMonth: f,
-    currentPanel: o,
-    setCurrentPanel: d,
-    setDateInFocus: u,
-    dateInFocus: l
+    onClickDay: g,
+    statePerMonth: u,
+    currentPanel: c,
+    setCurrentPanel: l,
+    setDateInFocus: f,
+    dateInFocus: d
   };
 };
-function Nn(t) {
-  const e = Or(t);
-  return /* @__PURE__ */ c(rt, { ...t, ...e });
+function Is(t) {
+  const e = dn(t);
+  return /* @__PURE__ */ o(gt, { ...t, ...e });
 }
-const In = () => {
-  const [t, e] = S(), [r, n] = S(), [s, i] = S("startDate");
+const Es = () => {
+  const [t, e] = T(), [r, n] = T(), [s, i] = T("startDate");
   return {
     startDate: t,
     setStartDate: e,
@@ -1054,136 +1146,136 @@ const In = () => {
     focusedInput: s,
     setFocusedInput: i
   };
-}, Br = ({
+}, fn = ({
   onChange: t,
   value: e,
   statePerMonth: r,
   onChangePanel: n
 }) => {
-  const { currentPanel: s, setCurrentPanel: i } = It(n), [a, o] = S(() => e ?? /* @__PURE__ */ new Date()), d = g(
-    (u) => {
-      t && t(u.date);
+  const { currentPanel: s, setCurrentPanel: i } = zt(n), [a, c] = T(() => e ?? /* @__PURE__ */ new Date()), l = D(
+    (f) => {
+      t && t(f.date);
     },
     [t]
-  ), l = A(
-    () => e ? F(r, e, [
+  ), d = I(
+    () => e ? it(r, e, [
       "selected",
       "singleSelected"
     ]) : r,
     [r, e]
   );
   return {
-    onClickDay: d,
-    statePerMonth: l,
+    onClickDay: l,
+    statePerMonth: d,
     date: e,
     currentPanel: s,
     setCurrentPanel: i,
     dateInFocus: a,
-    setDateInFocus: o
+    setDateInFocus: c
   };
 };
-function he(t) {
-  const e = Br(t);
-  return /* @__PURE__ */ c(rt, { ...t, ...e });
+function _e(t) {
+  const e = fn(t);
+  return /* @__PURE__ */ o(gt, { ...t, ...e });
 }
-const zr = ({
+const un = ({
   onChange: t,
   value: e,
   statePerMonth: r,
   onChangePanel: n
 }) => {
-  const { currentPanel: s, setCurrentPanel: i } = It(n), [a, o] = S(() => /* @__PURE__ */ new Date()), d = g(
-    (u) => {
+  const { currentPanel: s, setCurrentPanel: i } = zt(n), [a, c] = T(() => /* @__PURE__ */ new Date()), l = D(
+    (f) => {
       if (!t)
         return;
-      const D = e && e.find((f) => K(f, u.date));
-      t(e && D ? e.filter((f) => !K(f, u.date)) : [...e || [], u.date]);
+      const g = e && e.find((u) => x(u, f.date));
+      t(e && g ? e.filter((u) => !x(u, f.date)) : [...e || [], f.date]);
     },
     [t, e]
-  ), l = A(() => e ? e.reduce(
-    (u, D) => F(u, D, ["selected"]),
+  ), d = I(() => e ? e.reduce(
+    (f, g) => it(f, g, ["selected"]),
     r
   ) : r, [r, e]);
   return {
-    onClickDay: d,
-    statePerMonth: l,
+    onClickDay: l,
+    statePerMonth: d,
     currentPanel: s,
     setCurrentPanel: i,
     dateInFocus: a,
-    setDateInFocus: o
+    setDateInFocus: c
   };
 };
-function Ln(t) {
-  const e = zr(t);
-  return /* @__PURE__ */ c(rt, { ...t, ...e });
+function As(t) {
+  const e = un(t);
+  return /* @__PURE__ */ o(gt, { ...t, ...e });
 }
-const jr = ({
+const hn = ({
   onChange: t,
   value: e,
   statePerMonth: r,
   onChangePanel: n,
-  locale: s = Nt
+  locale: s = Wt
 }) => {
-  const [i, a] = S(() => {
-    const h = Yt(e, s);
+  const [i, a] = T(() => {
+    const h = Kt(e, s);
     return h ? h.days[0].date : /* @__PURE__ */ new Date();
-  }), { currentPanel: o, setCurrentPanel: d } = It(n), l = g(
+  }), { currentPanel: c, setCurrentPanel: l } = zt(n), d = D(
     (h) => {
-      t && t(Ft(zt(h.date, s)));
+      t && t(he(oe(h.date, s)));
     },
     [s, t]
-  ), u = g(
+  ), f = D(
     (h) => {
-      t && t(Ft(h));
+      t && t(he(h));
     },
     [t]
-  ), D = A(() => {
-    const h = Yt(e, s);
-    return h ? ir(r, h) : r;
-  }, [e, s, r]), f = A(() => {
-    const h = Yt(e, s);
+  ), g = I(() => {
+    const h = Kt(e, s);
+    return h ? Er(r, h) : r;
+  }, [e, s, r]), u = I(() => {
+    const h = Kt(e, s);
     return h ? h.days[0].date : /* @__PURE__ */ new Date();
   }, [s, e]);
   return {
-    statePerMonth: D,
-    date: f,
+    statePerMonth: g,
+    date: u,
     dateInFocus: i,
     setDateInFocus: a,
-    onClickDay: l,
-    onClickWeek: u,
-    currentPanel: o,
-    setCurrentPanel: d
+    onClickDay: d,
+    onClickWeek: f,
+    currentPanel: c,
+    setCurrentPanel: l
   };
-}, Ft = (t) => {
+}, he = (t) => {
   if (t)
     return `${t.endYear}-${t.weekNumber}`;
-}, Yt = (t, e) => {
+}, Kt = (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 a = re(Oe(i, n), { locale: e });
-  return zt(a, e);
+  const a = Pt(or(i, n), { locale: e });
+  return oe(a, e);
 };
-function Yn(t) {
-  const e = jr(t);
-  return /* @__PURE__ */ c(rt, { ...t, ...e });
+function xs(t) {
+  const e = hn(t);
+  return /* @__PURE__ */ o(gt, { ...t, ...e });
 }
-const bt = "bottom", De = () => {
-  const [t, e] = rr();
+const It = "bottom", Pe = () => {
+  const [t, e] = Sr();
   return {
-    onChangePanel: g(() => {
+    onChangePanel: D(() => {
       var n, s;
       (s = (n = e.current) == null ? void 0 : n.popperInstance) == null || s.update();
     }, [e]),
     tippyRef: t
   };
-}, _r = (t, e, r) => {
-  const [n, s] = S(r || !1), i = g(() => (s(!0), !0), [s]), a = g(() => {
+}, gn = (t, e, r) => {
+  const [n, s] = T(r || !1), i = D(() => (s(!0), !0), [s]), a = D(() => {
     s(!1), e && e();
-  }, [s, e]), o = g(
-    (d) => {
-      t && t(d), setTimeout(a, 150);
+  }, [s, e]), c = D(
+    (l) => {
+      t && t(l), setTimeout(a, 150);
     },
     [t, a]
   );
@@ -1191,281 +1283,281 @@ const bt = "bottom", De = () => {
     showCalendar: i,
     hideCalendar: a,
     showingCalendar: n,
-    onSelectDate: o
+    onSelectDate: c
   };
-}, kt = "2999-12-31", Hn = ({
-  displayFormat: t = q.fullDate,
+}, Et = "2999-12-31", Ns = ({
+  displayFormat: t = V.fullDate,
   placeholder: e = "Enter date",
   value: r,
   zIndex: n = 100,
-  calendarTheme: s = et,
+  calendarTheme: s = ht,
   calendarProps: i,
   openOnMount: a,
-  onClose: o,
-  onChange: d,
-  portalTarget: l,
-  variant: u,
-  width: D,
-  minDate: f,
-  maxDate: h = kt,
-  disabled: w
+  onClose: c,
+  onChange: l,
+  portalTarget: d,
+  variant: f,
+  width: g,
+  minDate: u,
+  maxDate: h = Et,
+  disabled: p
 }) => {
-  const { hideCalendar: M, showingCalendar: b, onSelectDate: y, showCalendar: p } = _r(d, o, a), { tippyRef: m, onChangePanel: k } = De();
-  return /* @__PURE__ */ c(x, { width: D, children: /* @__PURE__ */ c(
-    pt,
+  const { hideCalendar: M, showingCalendar: b, onSelectDate: w, showCalendar: y } = gn(l, c, a), { tippyRef: m, onChangePanel: k } = Pe();
+  return /* @__PURE__ */ o(N, { width: g, children: /* @__PURE__ */ o(
+    Rt,
     {
       arrow: !1,
       lazy: !0,
       visible: b,
       onClickOutside: M,
-      placement: bt,
+      placement: It,
       zIndex: n,
-      appendTo: l ?? "parent",
+      appendTo: d ?? "parent",
       tippyRef: m,
-      disabled: w,
-      content: /* @__PURE__ */ c(
-        he,
+      disabled: p,
+      content: /* @__PURE__ */ o(
+        _e,
         {
           ...i,
-          onChange: y,
+          onChange: w,
           value: r,
           theme: s,
           onChangePanel: k,
-          minDate: f,
+          minDate: u,
           maxDate: h
         }
       ),
-      children: /* @__PURE__ */ c(
-        tt,
+      children: /* @__PURE__ */ o(
+        ft,
         {
           type: "date",
-          onFocus: p,
-          buttonRight: /* @__PURE__ */ c(Ae, { onClick: p, icon: gt }),
-          value: r ? Y(r, t) : "",
+          onFocus: y,
+          buttonRight: /* @__PURE__ */ o(Qe, { onClick: y, icon: bt }),
+          value: r ? H(r, t) : "",
           placeholder: e,
           size: 9,
-          disabled: w,
+          disabled: p,
           autoFocus: a,
-          variant: u,
-          min: f,
+          variant: f,
+          min: u,
           max: h
         }
       )
     }
   ) });
-}, Jr = (t, e) => {
-  const r = B(null), n = B(null), [s, i] = S(!1), [a, o] = S(void 0), d = g(() => (o("startDate"), i(!0), !0), [o, i]), l = g(() => (o("endDate"), i(!0), !0), [o, i]), u = g(() => {
+}, pn = (t, e) => {
+  const r = U(null), n = U(null), [s, i] = T(!1), [a, c] = T(void 0), l = D(() => (c("startDate"), i(!0), !0), [c, i]), d = D(() => (c("endDate"), i(!0), !0), [c, i]), f = D(() => {
     i(!1);
-  }, [i]), D = g(
+  }, [i]), g = D(
     (h) => {
       a === "startDate" ? (e == null || e({
         startDate: h.date,
         endDate: t == null ? void 0 : t.endDate
-      }), t != null && t.endDate ? setTimeout(u, 150) : (o("endDate"), n.current && n.current.focus())) : a === "endDate" && (e == null || e({
+      }), t != null && t.endDate ? setTimeout(f, 150) : (c("endDate"), n.current && n.current.focus())) : a === "endDate" && (e == null || e({
         startDate: t == null ? void 0 : t.startDate,
         endDate: h.date
-      }), t != null && t.startDate ? setTimeout(u, 150) : (o("startDate"), r.current && r.current.focus()));
+      }), t != null && t.startDate ? setTimeout(f, 150) : (c("startDate"), r.current && r.current.focus()));
     },
-    [a, e, o, u, t]
-  ), f = A(
-    () => (t == null ? void 0 : t.startDate) && (t == null ? void 0 : t.endDate) && v(t.startDate, t.endDate),
+    [a, e, c, f, t]
+  ), u = I(
+    () => (t == null ? void 0 : t.startDate) && (t == null ? void 0 : t.endDate) && q(t.startDate, t.endDate),
     [t == null ? void 0 : t.startDate, t == null ? void 0 : t.endDate]
   );
   return {
     showingCalendar: s,
-    hideCalendar: u,
-    showCalendarEndDate: l,
-    showCalendarStartDate: d,
+    hideCalendar: f,
+    showCalendarEndDate: d,
+    showCalendarStartDate: l,
     focusedInput: a,
-    setFocusedInput: o,
+    setFocusedInput: c,
     startDateInputRef: r,
     endDateInputRef: n,
-    onClickDay: D,
-    startDateIsAfterEnd: f
+    onClickDay: g,
+    startDateIsAfterEnd: u
   };
 };
-function Pn({
-  displayFormat: t = q.fullDate,
+function Ls({
+  displayFormat: t = V.fullDate,
   placeholderStartDate: e = "Start date",
   placeholderEndDate: r = "End date",
   portalTarget: n,
   value: s,
   onValueChange: i,
   zIndex: a = 100,
-  width: o,
-  calendarTheme: d = et,
-  calendarProps: l,
-  minDate: u,
-  maxDate: D = kt,
-  disabled: f
+  width: c,
+  calendarTheme: l = ht,
+  calendarProps: d,
+  minDate: f,
+  maxDate: g = Et,
+  disabled: u
 }) {
-  const [h, w] = S("calendar"), {
+  const [h, p] = T("calendar"), {
     hideCalendar: M,
     showCalendarEndDate: b,
-    showCalendarStartDate: y,
-    showingCalendar: p,
+    showCalendarStartDate: w,
+    showingCalendar: y,
     focusedInput: m,
     startDateInputRef: k,
     endDateInputRef: E,
-    onClickDay: N,
-    startDateIsAfterEnd: C
-  } = Jr(s, i), [H, I] = S(
+    onClickDay: A,
+    startDateIsAfterEnd: L
+  } = pn(s, i), [_, P] = T(
     () => (m && (s == null ? void 0 : s[m])) ?? /* @__PURE__ */ new Date()
-  ), O = A(
-    () => wt(void 0, s == null ? void 0 : s.startDate, s == null ? void 0 : s.endDate),
+  ), S = I(
+    () => kt(void 0, s == null ? void 0 : s.startDate, s == null ? void 0 : s.endDate),
     [s]
   );
-  return /* @__PURE__ */ c(
-    pt,
+  return /* @__PURE__ */ o(
+    Rt,
     {
       arrow: !1,
       lazy: !0,
-      disabled: f,
-      visible: p,
+      disabled: u,
+      visible: y,
       zIndex: a,
-      placement: bt,
+      placement: It,
       appendTo: n ?? "parent",
       onClickOutside: M,
-      content: /* @__PURE__ */ c(
-        rt,
+      content: /* @__PURE__ */ o(
+        gt,
         {
-          ...l,
-          dateInFocus: H,
-          setDateInFocus: I,
-          statePerMonth: O,
-          theme: d,
-          onClickDay: N,
+          ...d,
+          dateInFocus: _,
+          setDateInFocus: P,
+          statePerMonth: S,
+          theme: l,
+          onClickDay: A,
           currentPanel: h,
-          setCurrentPanel: w,
-          minDate: u,
-          maxDate: D
+          setCurrentPanel: p,
+          minDate: f,
+          maxDate: g
         }
       ),
-      children: /* @__PURE__ */ T(R, { alignItems: "center", children: [
-        /* @__PURE__ */ c(
-          tt,
+      children: /* @__PURE__ */ R(Y, { alignItems: "center", children: [
+        /* @__PURE__ */ o(
+          ft,
           {
-            iconLeft: gt,
-            onFocus: y,
-            value: s != null && s.startDate ? Y(s.startDate, t) : "",
+            iconLeft: bt,
+            onFocus: w,
+            value: s != null && s.startDate ? H(s.startDate, t) : "",
             placeholder: e,
-            width: o,
-            disabled: f,
+            width: c,
+            disabled: u,
             inputRef: k,
             size: 9,
-            variant: C ? "error" : void 0
+            variant: L ? "error" : void 0
           }
         ),
-        /* @__PURE__ */ c(ct, {}),
-        /* @__PURE__ */ c(
-          Zt,
+        /* @__PURE__ */ o(mt, {}),
+        /* @__PURE__ */ o(
+          we,
           {
-            icon: xe,
-            color: ce("--lhds-color-ui-500"),
+            icon: Xe,
+            color: Ct("--lhds-color-ui-500"),
             size: 14
           }
         ),
-        /* @__PURE__ */ c(ct, {}),
-        /* @__PURE__ */ c(
-          tt,
+        /* @__PURE__ */ o(mt, {}),
+        /* @__PURE__ */ o(
+          ft,
           {
-            iconLeft: gt,
+            iconLeft: bt,
             onFocus: b,
-            value: s != null && s.endDate ? Y(s.endDate, t) : "",
+            value: s != null && s.endDate ? H(s.endDate, t) : "",
             placeholder: r,
-            width: o,
-            disabled: f,
+            width: c,
+            disabled: u,
             inputRef: E,
             size: 9,
-            variant: C ? "error" : void 0
+            variant: L ? "error" : void 0
           }
         )
       ] })
     }
   );
 }
-const Un = ({
+const Ys = ({
   calendarProps: t,
   closeOnCalendarSelectDate: e = !0,
-  dateFormat: r = q.fullDate,
+  dateFormat: r = V.fullDate,
   disableCalender: n = !1,
   onValueChange: s,
   placeholder: i = "yyyy-mm-dd",
   portalTarget: a,
-  value: o,
-  width: d = "130px",
-  zIndex: l = 100,
-  calendarTheme: u = et,
-  hideCalenderIcon: D = !1,
-  minDate: f,
-  maxDate: h = kt,
-  variant: w,
+  value: c,
+  width: l = "130px",
+  zIndex: d = 100,
+  calendarTheme: f = ht,
+  hideCalenderIcon: g = !1,
+  minDate: u,
+  maxDate: h = Et,
+  variant: p,
   ...M
 }) => {
-  const [b, y] = S(!1), { tippyRef: p, onChangePanel: m } = De(), k = g(() => {
-    y(!b);
-  }, [y, b]), E = g(() => {
-    y(!1);
-  }, [y]), N = g(
-    (P) => {
-      s && s(P);
+  const [b, w] = T(!1), { tippyRef: y, onChangePanel: m } = Pe(), k = D(() => {
+    w(!b);
+  }, [w, b]), E = D(() => {
+    w(!1);
+  }, [w]), A = D(
+    (O) => {
+      s && s(O);
     },
     [s]
-  ), C = g(
-    (P) => {
-      P && (N(Y(P, r)), e && setTimeout(() => y(!b), 200));
+  ), L = D(
+    (O) => {
+      O && (A(H(O, r)), e && setTimeout(() => w(!b), 200));
     },
-    [N, r, e, y, b]
-  ), H = !!o && !/^[-/\\.0-9]+$/.test(o), I = !!o && Be(V(o, r, /* @__PURE__ */ new Date())), Q = !!o && o.length >= r.length && !I || H;
-  return /* @__PURE__ */ c(x, { width: d, children: /* @__PURE__ */ c(
-    pt,
+    [A, r, e, w, b]
+  ), _ = !!c && !/^[-/\\.0-9]+$/.test(c), P = !!c && cr(dt(c, r, /* @__PURE__ */ new Date())), W = !!c && c.length >= r.length && !P || _;
+  return /* @__PURE__ */ o(N, { width: l, children: /* @__PURE__ */ o(
+    Rt,
     {
       arrow: !1,
       lazy: !0,
       visible: b,
-      zIndex: l,
+      zIndex: d,
       appendTo: a ?? "parent",
-      placement: bt,
+      placement: It,
       onClickOutside: E,
-      tippyRef: p,
-      content: /* @__PURE__ */ c(
-        he,
+      tippyRef: y,
+      content: /* @__PURE__ */ o(
+        _e,
         {
           ...t,
-          onChange: C,
+          onChange: L,
           onChangePanel: m,
-          value: o && I ? V(o, r, /* @__PURE__ */ new Date()) : void 0,
-          minDate: f,
+          value: c && P ? dt(c, r, /* @__PURE__ */ new Date()) : void 0,
+          minDate: u,
           maxDate: h,
-          theme: u
+          theme: f
         }
       ),
-      children: /* @__PURE__ */ c(
-        tt,
+      children: /* @__PURE__ */ o(
+        ft,
         {
           ...M,
-          variant: Q ? "error" : w,
+          variant: W ? "error" : p,
           disableContentPaddingRight: !0,
-          contentRight: D ? void 0 : /* @__PURE__ */ c(R, { alignItems: "center", indent: 0.5, children: /* @__PURE__ */ c(
-            W,
+          contentRight: g ? void 0 : /* @__PURE__ */ o(Y, { alignItems: "center", indent: 0.5, children: /* @__PURE__ */ o(
+            v,
             {
               size: "small",
               disabled: M.disabled || n,
-              leftIcon: gt,
+              leftIcon: bt,
               onClick: k
             }
           ) }),
-          onValueChange: N,
+          onValueChange: A,
           placeholder: i,
-          value: o || "",
-          min: f,
+          value: c || "",
+          min: u,
           max: h,
           size: 10
         }
       )
     }
   ) });
-}, Rt = (t) => {
+}, Ot = (t) => {
   if (t === "")
     return "00";
   const e = parseInt(t, 10);
@@ -1481,7 +1573,7 @@ const Un = ({
     default:
       throw new Error("Invalid hour string");
   }
-}, At = (t) => {
+}, Bt = (t) => {
   if (t === "")
     return "00";
   const e = parseInt(t, 10);
@@ -1497,13 +1589,13 @@ const Un = ({
     default:
       throw new Error("Invalid minute string");
   }
-}, Kr = (t) => {
-  if (!$t(t))
+}, mn = (t) => {
+  if (!Xt(t))
     return { time: t, success: !1 };
   const e = t && t.split(/-|:|,|;|[/]|[.]| /);
   if (e && e.length === 2)
     try {
-      const r = Rt(e[0]), n = At(e[1]);
+      const r = Ot(e[0]), n = Bt(e[1]);
       return { time: `${r}:${n}`, success: !0 };
     } catch {
       return { time: t, success: !1 };
@@ -1532,7 +1624,7 @@ const Un = ({
     }
   }
   return { time: t, success: !1 };
-}, $t = (t) => t ? /^[-:.,/; 0-9]+$/.test(t) : !0, $n = ({
+}, Xt = (t) => t ? /^[-:.,/; 0-9]+$/.test(t) : !0, _s = ({
   onValueChange: t,
   showPlaceholder: e = !0,
   useIcon: r = !0,
@@ -1541,33 +1633,33 @@ const Un = ({
   variant: i,
   ...a
 }) => {
-  const [o, d] = S(() => $t(n)), l = "hh:mm", u = g(() => {
+  const [c, l] = T(() => Xt(n)), d = "hh:mm", f = D(() => {
     if (n) {
-      const f = Kr(n);
-      d(f.success), f.success && t && t(f.time);
+      const u = mn(n);
+      l(u.success), u.success && t && t(u.time);
     }
-  }, [n, t, d]), D = g(
-    (f) => {
-      const h = f.target.value, w = $t(h);
-      d(w && h.length <= l.length), t && t(h);
+  }, [n, t, l]), g = D(
+    (u) => {
+      const h = u.target.value, p = Xt(h);
+      l(p && h.length <= d.length), t && t(h);
     },
-    [t, d]
+    [t, l]
   );
-  return /* @__PURE__ */ c(
-    tt,
+  return /* @__PURE__ */ o(
+    ft,
     {
       ...a,
       type: "time",
-      variant: o ? i : "error",
-      iconLeft: r ? vt : void 0,
+      variant: c ? i : "error",
+      iconLeft: r ? ye : void 0,
       value: n,
-      placeholder: e ? l : void 0,
-      onChange: D,
-      onBlur: u,
+      placeholder: e ? d : void 0,
+      onChange: g,
+      onBlur: f,
       width: s
     }
   );
-}, ge = ({
+}, He = ({
   autoFocusLeft: t,
   autoFocusRight: e,
   onEsc: r,
@@ -1575,149 +1667,149 @@ const Un = ({
   onValueChangeLeft: s,
   onValueChangeRight: i,
   separatorIcon: a,
-  placeholderLeft: o,
-  placeholderRight: d,
-  typeLeft: l,
-  typeRight: u,
-  onChangeLeft: D,
-  onChangeRight: f,
+  placeholderLeft: c,
+  placeholderRight: l,
+  typeLeft: d,
+  typeRight: f,
+  onChangeLeft: g,
+  onChangeRight: u,
   valueLeft: h,
-  valueRight: w,
+  valueRight: p,
   minLeft: M,
   maxLeft: b,
-  minRight: y,
-  maxRight: p,
+  minRight: w,
+  maxRight: y,
   onClickLeft: m,
   onClickRight: k,
   onClickCalendar: E,
-  onClickArrowDown: N,
-  onBlurLeft: C,
-  onBlurRight: H,
-  onFocusLeft: I,
-  onFocusRight: O,
-  inputRefLeft: Q,
-  inputRefRight: P,
-  variant: nt,
-  variantLeft: at,
-  variantRight: st,
-  onBlur: z,
-  showPresets: dt,
-  widthLeft: lt,
-  widthRight: ut,
-  disabled: X
+  onClickArrowDown: A,
+  onBlurLeft: L,
+  onBlurRight: _,
+  onFocusLeft: P,
+  onFocusRight: S,
+  inputRefLeft: W,
+  inputRefRight: O,
+  variant: J,
+  variantLeft: Q,
+  variantRight: tt,
+  onBlur: F,
+  showPresets: et,
+  widthLeft: ot,
+  widthRight: $,
+  disabled: C
 }) => {
-  const L = B(0), U = A(
-    () => Ze((j) => {
-      j === 0 && (z == null || z());
+  const B = U(0), z = I(
+    () => wr((Z) => {
+      Z === 0 && (F == null || F());
     }, 10),
-    [z]
-  ), St = g(
-    (j) => {
-      L.current++, U(L.current), I && I(j);
+    [F]
+  ), At = D(
+    (Z) => {
+      B.current++, z(B.current), P && P(Z);
     },
-    [I, L, U]
-  ), Mt = g(
-    (j) => {
-      L.current++, U(L.current), O && O(j);
+    [P, B, z]
+  ), xt = D(
+    (Z) => {
+      B.current++, z(B.current), S && S(Z);
     },
-    [O, L, U]
-  ), Tt = g(
-    (j) => {
-      L.current--, U(L.current), C && C(j);
+    [S, B, z]
+  ), Nt = D(
+    (Z) => {
+      B.current--, z(B.current), L && L(Z);
     },
-    [C, L, U]
-  ), pe = g(
-    (j) => {
-      L.current--, U(L.current), H && H(j);
+    [L, B, z]
+  ), ze = D(
+    (Z) => {
+      B.current--, z(B.current), _ && _(Z);
     },
-    [H, L, U]
+    [_, B, z]
   );
-  return /* @__PURE__ */ c(x, { children: /* @__PURE__ */ T(
-    er,
+  return /* @__PURE__ */ o(N, { children: /* @__PURE__ */ R(
+    Mr,
     {
       disableContentPaddingRight: !0,
-      disabled: X,
-      variant: nt,
-      contentRight: /* @__PURE__ */ T(R, { alignItems: "center", children: [
-        /* @__PURE__ */ c(Dt, { num: 0.5, children: /* @__PURE__ */ c(
-          W,
+      disabled: C,
+      variant: J,
+      contentRight: /* @__PURE__ */ R(Y, { alignItems: "center", children: [
+        /* @__PURE__ */ o(yt, { num: 0.5, children: /* @__PURE__ */ o(
+          v,
           {
-            leftIcon: gt,
+            leftIcon: bt,
             onClick: E,
-            disabled: X,
+            disabled: C,
             size: "small"
           }
         ) }),
-        dt ? /* @__PURE__ */ T(ht, { children: [
-          /* @__PURE__ */ c(R, { height: "22px", children: /* @__PURE__ */ c(Se, { vertical: !0 }) }),
-          /* @__PURE__ */ c(Dt, { num: 0.5, children: /* @__PURE__ */ c(
-            W,
+        et ? /* @__PURE__ */ R(_t, { children: [
+          /* @__PURE__ */ o(Y, { height: "22px", children: /* @__PURE__ */ o(Fe, { vertical: !0 }) }),
+          /* @__PURE__ */ o(yt, { num: 0.5, children: /* @__PURE__ */ o(
+            v,
             {
-              leftIcon: Xt,
-              onClick: N,
-              disabled: X,
+              leftIcon: Vt,
+              onClick: A,
+              disabled: C,
               size: "small"
             }
           ) })
         ] }) : null
       ] }),
       children: [
-        /* @__PURE__ */ c(x, { width: lt, children: /* @__PURE__ */ c(
-          tt,
+        /* @__PURE__ */ o(N, { width: ot, children: /* @__PURE__ */ o(
+          ft,
           {
             onEsc: r,
             onEnter: n,
             onClick: m,
-            disabled: X,
+            disabled: C,
             hideBorder: !0,
-            placeholder: o,
+            placeholder: c,
             value: h,
             onValueChange: s,
-            onChange: D,
-            onBlur: Tt,
-            onFocus: St,
-            inputRef: Q,
-            variant: at,
-            type: l,
+            onChange: g,
+            onBlur: Nt,
+            onFocus: At,
+            inputRef: W,
+            variant: Q,
+            type: d,
             autoFocus: t,
             min: M,
             max: b
           }
         ) }),
-        /* @__PURE__ */ c(R, { indent: 0.5, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ c(
-          Zt,
+        /* @__PURE__ */ o(Y, { indent: 0.5, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ o(
+          we,
           {
             icon: a,
             size: 12,
-            color: ce("--lhds-color-ui-500")
+            color: Ct("--lhds-color-ui-500")
           }
         ) }),
-        /* @__PURE__ */ c(x, { width: ut, children: /* @__PURE__ */ c(
-          tt,
+        /* @__PURE__ */ o(N, { width: $, children: /* @__PURE__ */ o(
+          ft,
           {
             onEsc: r,
             onEnter: n,
             onClick: k,
-            disabled: X,
+            disabled: C,
             hideBorder: !0,
-            placeholder: d,
-            value: w,
+            placeholder: l,
+            value: p,
             onValueChange: i,
-            onChange: f,
-            onBlur: pe,
-            onFocus: Mt,
-            inputRef: P,
-            variant: st,
-            type: u,
+            onChange: u,
+            onBlur: ze,
+            onFocus: xt,
+            inputRef: O,
+            variant: tt,
+            type: f,
             autoFocus: e,
-            min: y,
-            max: p
+            min: w,
+            max: y
           }
         ) })
       ]
     }
   ) });
-}, Gr = (t) => {
+}, Dn = (t) => {
   if (t == null)
     throw new Error("Time is not set.");
   if (t === "")
@@ -1739,61 +1831,61 @@ const Un = ({
   if (n < 0 || n > 59)
     throw new Error("Invalid time.");
   return r * 100 + n;
-}, Fr = (t) => {
+}, wn = (t) => {
   try {
-    return Gr(t), !0;
+    return Dn(t), !0;
   } catch {
     return !1;
   }
-}, Et = (t) => {
-  if (t && Fr(t)) {
+}, Lt = (t) => {
+  if (t && wn(t)) {
     const e = t.split(":");
     return {
-      hour: jt(e[0]),
-      minute: jt(e[1])
+      hour: le(e[0]),
+      minute: le(e[1])
     };
   }
   return {
     hour: void 0,
     minute: void 0
   };
-}, qr = (t) => `${Rt(String(t.getHours()))}:${At(
+}, yn = (t) => `${Ot(String(t.getHours()))}:${Bt(
   String(t.getMinutes())
-)}`, Qr = "_timePicker_1w05d_1", Xr = "_timePickerColumn_1w05d_6", me = {
-  timePicker: Qr,
-  timePickerColumn: Xr
-}, Zr = ({
+)}`, bn = "_timePicker_1w05d_1", Mn = "_timePickerColumn_1w05d_6", Oe = {
+  timePicker: bn,
+  timePickerColumn: Mn
+}, kn = ({
   onClick: t,
   item: e,
   selected: r,
   columnRef: n,
   canScrollRef: s
 }) => {
-  const i = B(null);
-  return J(
+  const i = U(null);
+  return G(
     function() {
       if (r && n.current && i.current && s.current) {
-        const o = i.current.scrollHeight * Math.max(e - 2, 0);
-        n.current.scrollTo(0, o), s.current = !1;
+        const c = i.current.scrollHeight * Math.max(e - 2, 0);
+        n.current.scrollTo(0, c), s.current = !1;
       }
     },
     [n, e, r, s]
-  ), /* @__PURE__ */ c(
-    R,
+  ), /* @__PURE__ */ o(
+    Y,
     {
       width: "64px",
       justifyContent: "center",
       spacing: 0.5,
       indent: 0.5,
       ref: i,
-      children: r ? /* @__PURE__ */ c(
-        ot,
+      children: r ? /* @__PURE__ */ o(
+        Dt,
         {
-          label: ve(String(e), 2, "0"),
+          label: yr(String(e), 2, "0"),
           onClick: () => t && t(e)
         }
-      ) : /* @__PURE__ */ c(
-        W,
+      ) : /* @__PURE__ */ o(
+        v,
         {
           label: String(e).padStart(2, "0"),
           onClick: () => t && t(e)
@@ -1801,15 +1893,15 @@ const Un = ({
       )
     }
   );
-}, qt = ({
+}, ge = ({
   onClick: t,
   items: e,
   selectedItem: r,
   canScrollRef: n
 }) => {
-  const s = B(null);
-  return /* @__PURE__ */ c($, { className: me.timePickerColumn, ref: s, children: e.map((i) => /* @__PURE__ */ c(
-    Zr,
+  const s = U(null);
+  return /* @__PURE__ */ o(j, { className: Oe.timePickerColumn, ref: s, children: e.map((i) => /* @__PURE__ */ o(
+    kn,
     {
       item: i,
       onClick: t,
@@ -1819,60 +1911,60 @@ const Un = ({
     },
     i
   )) });
-}, vr = Bt(0, 24), Vr = Bt(0, 60), tn = ({
+}, Sn = re(0, 24), Tn = re(0, 60), Rn = ({
   value: t,
   onValueChange: e
 }) => {
-  const r = B(!0), [n, s] = S(void 0), [i, a] = S(void 0);
-  J(() => {
+  const r = U(!0), [n, s] = T(void 0), [i, a] = T(void 0);
+  G(() => {
     if (t) {
-      const { minute: l, hour: u } = Et(t);
-      s(u), a(l);
+      const { minute: d, hour: f } = Lt(t);
+      s(f), a(d);
     }
   }, [t]);
-  const o = g(
-    (l) => {
-      s(l), e == null || e(
-        `${Rt(String(l ?? 0))}:${At(String(i ?? 0))}`
+  const c = D(
+    (d) => {
+      s(d), e == null || e(
+        `${Ot(String(d ?? 0))}:${Bt(String(i ?? 0))}`
       );
     },
     [i, e]
-  ), d = g(
-    (l) => {
-      a(l), e == null || e(
-        `${Rt(String(n ?? 0))}:${At(String(l ?? 0))}`
+  ), l = D(
+    (d) => {
+      a(d), e == null || e(
+        `${Ot(String(n ?? 0))}:${Bt(String(d ?? 0))}`
       );
     },
     [n, e]
   );
-  return /* @__PURE__ */ T(R, { className: me.timePicker, children: [
-    /* @__PURE__ */ c(
-      qt,
+  return /* @__PURE__ */ R(Y, { className: Oe.timePicker, children: [
+    /* @__PURE__ */ o(
+      ge,
       {
-        items: vr,
-        onClick: o,
+        items: Sn,
+        onClick: c,
         selectedItem: n,
         canScrollRef: r
       }
     ),
-    /* @__PURE__ */ c(Dt, {}),
-    /* @__PURE__ */ c(
-      qt,
+    /* @__PURE__ */ o(yt, {}),
+    /* @__PURE__ */ o(
+      ge,
       {
-        items: Vr,
-        onClick: d,
+        items: Tn,
+        onClick: l,
         selectedItem: i,
         canScrollRef: r
       }
     )
   ] });
-}, en = (t, e, r) => {
-  J(
+}, In = (t, e, r) => {
+  G(
     function() {
       t && e(t);
     },
     [t, e]
-  ), J(
+  ), G(
     function() {
       r.current && (t ? r.current.valueAsDate = new Date(
         Date.UTC(t.getFullYear(), t.getMonth(), t.getDate())
@@ -1880,131 +1972,131 @@ const Un = ({
     },
     [t, r]
   );
-}, rn = (t, e, {
+}, En = (t, e, {
   setDateInFocus: r,
   showCalendarInternal: n,
   hideCalendarInternal: s,
   setFirstFocusedInput: i,
   setCurrentPanel: a,
-  localTime: o,
-  setLocalTime: d,
-  localDate: l,
-  setLocalDate: u
-}, D) => {
-  const f = g(
-    (p) => {
-      if (!p)
+  localTime: c,
+  setLocalTime: l,
+  localDate: d,
+  setLocalDate: f
+}, g) => {
+  const u = D(
+    (y) => {
+      if (!y)
         return;
-      const m = new Date(p);
+      const m = new Date(y);
       if (t)
-        m.setHours(t.getHours()), m.setMinutes(t.getMinutes()), e == null || e(m), u(void 0);
-      else if (o) {
-        const { minute: k, hour: E } = Et(o);
-        m.setHours(E ?? 0), m.setMinutes(k ?? 0), e == null || e(m), u(void 0);
+        m.setHours(t.getHours()), m.setMinutes(t.getMinutes()), e == null || e(m), f(void 0);
+      else if (c) {
+        const { minute: k, hour: E } = Lt(c);
+        m.setHours(E ?? 0), m.setMinutes(k ?? 0), e == null || e(m), f(void 0);
       } else
-        u(m);
-      r(m), D.current && (D.current.valueAsDate = new Date(
+        f(m);
+      r(m), g.current && (g.current.valueAsDate = new Date(
         Date.UTC(m.getFullYear(), m.getMonth(), m.getDate())
       ));
     },
-    [t, D, o, e, r, u]
-  ), h = g(
-    (p) => {
-      if (p)
+    [t, g, c, e, r, f]
+  ), h = D(
+    (y) => {
+      if (y)
         if (t) {
-          const m = Et(p), k = new Date(t);
-          k.setHours(m.hour || 0), k.setMinutes(m.minute || 0), e == null || e(k), d(void 0);
-        } else if (l) {
-          const m = Et(p), k = new Date(l);
-          k.setHours(m.hour || 0), k.setMinutes(m.minute || 0), e == null || e(k), d(void 0);
+          const m = Lt(y), k = new Date(t);
+          k.setHours(m.hour || 0), k.setMinutes(m.minute || 0), e == null || e(k), l(void 0);
+        } else if (d) {
+          const m = Lt(y), k = new Date(d);
+          k.setHours(m.hour || 0), k.setMinutes(m.minute || 0), e == null || e(k), l(void 0);
         } else
-          d(p);
+          l(y);
     },
-    [e, t, l, d]
-  ), w = g(
-    (p) => {
-      p.target.value[0] !== "0" && f(p.target.valueAsDate);
+    [e, t, d, l]
+  ), p = D(
+    (y) => {
+      y.target.value[0] !== "0" && u(y.target.valueAsDate);
     },
-    [f]
-  ), M = g(
-    (p) => h(p.target.value),
+    [u]
+  ), M = D(
+    (y) => h(y.target.value),
     [h]
-  ), b = g(() => {
+  ), b = D(() => {
     r(t || /* @__PURE__ */ new Date()), a("calendar"), n();
-  }, [t, a, n, r]), y = g(() => {
+  }, [t, a, n, r]), w = D(() => {
     i(void 0), s();
   }, [i, s]);
   return {
-    inputLeftChangeHandler: w,
+    inputLeftChangeHandler: p,
     inputRightChangeHandler: M,
-    hideCalendar: y,
+    hideCalendar: w,
     showCalendar: b,
     onChangeTime: h,
-    onChangeDate: f
+    onChangeDate: u
   };
-}, nn = (t) => {
-  const [e, r] = S(void 0), [n, s] = S(void 0), [i, a, o] = Ht(!1), [d, l, u] = Ht(!1), [D, f] = S(void 0), [h, w] = S(
+}, An = (t) => {
+  const [e, r] = T(void 0), [n, s] = T(void 0), [i, a, c] = Gt(!1), [l, d, f] = Gt(!1), [g, u] = T(void 0), [h, p] = T(
     () => t ?? /* @__PURE__ */ new Date()
-  ), [M, b] = S("calendar");
+  ), [M, b] = T("calendar");
   return {
     isCalendarVisible: i,
     showCalendarInternal: a,
-    hideCalendarInternal: o,
-    firstFocusedInput: D,
-    setFirstFocusedInput: f,
+    hideCalendarInternal: c,
+    firstFocusedInput: g,
+    setFirstFocusedInput: u,
     dateInFocus: h,
-    setDateInFocus: w,
+    setDateInFocus: p,
     currentPanel: M,
     setCurrentPanel: b,
-    isTimePickerVisible: d,
-    showTimePicker: l,
-    hideTimePicker: u,
+    isTimePickerVisible: l,
+    showTimePicker: d,
+    hideTimePicker: f,
     localDate: e,
     setLocalDate: r,
     localTime: n,
     setLocalTime: s
   };
-}, sn = (t, e, r, n, {
+}, xn = (t, e, r, n, {
   isCalendarVisible: s,
   setCurrentPanel: i,
   showTimePicker: a,
-  hideTimePicker: o
+  hideTimePicker: c
 }) => {
-  const d = g(() => {
-    s || r(), i("calendar"), o();
-  }, [o, s, i, r]), l = g(() => {
+  const l = D(() => {
+    s || r(), i("calendar"), c();
+  }, [c, s, i, r]), d = D(() => {
     n(), a();
-  }, [n, a]), u = g(
-    (w) => {
-      t(w.date), n(), a();
+  }, [n, a]), f = D(
+    (p) => {
+      t(p.date), n(), a();
     },
     [t, n, a]
-  ), D = g(() => {
+  ), g = D(() => {
     i("presets"), r();
-  }, [i, r]), f = g(() => {
-    var w;
-    s ? n() : ((w = e.current) == null || w.focus(), i("calendar"), r());
+  }, [i, r]), u = D(() => {
+    var p;
+    s ? n() : ((p = e.current) == null || p.focus(), i("calendar"), r());
   }, [
     s,
     n,
     e,
     i,
     r
-  ]), h = g(
-    (w) => {
-      w.key === "Escape" && n();
+  ]), h = D(
+    (p) => {
+      p.key === "Escape" && n();
     },
     [n]
   );
   return {
-    onFocusLeft: d,
-    onFocusRight: l,
-    onClickDay: u,
-    onClickArrowButton: D,
-    onClickCalendarButton: f,
+    onFocusLeft: l,
+    onFocusRight: d,
+    onClickDay: f,
+    onClickArrowButton: g,
+    onClickCalendarButton: u,
     onKeyDownHandler: h
   };
-}, Wn = ({
+}, Ps = ({
   value: t,
   onValueChange: e,
   onEnter: r,
@@ -2012,165 +2104,165 @@ const Un = ({
   onBlur: s,
   autoFocus: i,
   minDate: a,
-  widthLeft: o = 128,
-  widthRight: d = 80,
-  maxDate: l = kt,
-  variant: u,
-  disabled: D
+  widthLeft: c = 128,
+  widthRight: l = 80,
+  maxDate: d = Et,
+  variant: f,
+  disabled: g
 }) => {
-  const f = B(null), h = B(null), w = nn(t), {
+  const u = U(null), h = U(null), p = An(t), {
     setCurrentPanel: M,
     currentPanel: b,
-    isCalendarVisible: y,
-    dateInFocus: p,
+    isCalendarVisible: w,
+    dateInFocus: y,
     setDateInFocus: m,
     isTimePickerVisible: k,
     hideTimePicker: E,
-    localTime: N,
-    localDate: C
-  } = w, {
-    showCalendar: H,
-    hideCalendar: I,
-    inputLeftChangeHandler: O,
-    inputRightChangeHandler: Q,
-    onChangeTime: P,
-    onChangeDate: nt
-  } = rn(t, e, w, f), {
-    onKeyDownHandler: at,
-    onFocusRight: st,
-    onFocusLeft: z,
-    onClickDay: dt,
-    onClickCalendarButton: lt,
-    onClickArrowButton: ut
-  } = sn(
-    nt,
-    f,
-    H,
-    I,
-    w
+    localTime: A,
+    localDate: L
+  } = p, {
+    showCalendar: _,
+    hideCalendar: P,
+    inputLeftChangeHandler: S,
+    inputRightChangeHandler: W,
+    onChangeTime: O,
+    onChangeDate: J
+  } = En(t, e, p, u), {
+    onKeyDownHandler: Q,
+    onFocusRight: tt,
+    onFocusLeft: F,
+    onClickDay: et,
+    onClickCalendarButton: ot,
+    onClickArrowButton: $
+  } = xn(
+    J,
+    u,
+    _,
+    P,
+    p
   );
-  en(t, m, f);
-  const X = A(() => {
-    const Tt = t || C;
-    return Tt ? F(void 0, Tt, [
+  In(t, m, u);
+  const C = I(() => {
+    const Nt = t || L;
+    return Nt ? it(void 0, Nt, [
       "singleSelected",
       "selected"
     ]) : {};
-  }, [C, t]), L = g(() => {
-    I(), E();
-  }, [I, E]), U = A(
-    () => t ? qr(t) : N,
-    [t, N]
-  ), St = Pt(y, 300), Mt = Pt(k, 300);
-  return /* @__PURE__ */ c(x, { onKeyDown: at, children: /* @__PURE__ */ c(
-    pt,
+  }, [L, t]), B = D(() => {
+    P(), E();
+  }, [P, E]), z = I(
+    () => t ? yn(t) : A,
+    [t, A]
+  ), At = qt(w, 300), xt = qt(k, 300);
+  return /* @__PURE__ */ o(N, { onKeyDown: Q, children: /* @__PURE__ */ o(
+    Rt,
     {
       arrow: !1,
       lazy: !0,
-      disabled: D,
-      placement: bt,
-      visible: y || k,
-      onClickOutside: L,
-      content: (St || Mt) && /* @__PURE__ */ c($, { children: St ? /* @__PURE__ */ c(
-        rt,
+      disabled: g,
+      placement: It,
+      visible: w || k,
+      onClickOutside: B,
+      content: (At || xt) && /* @__PURE__ */ o(j, { children: At ? /* @__PURE__ */ o(
+        gt,
         {
-          statePerMonth: X,
-          onClickDay: dt,
-          dateInFocus: p,
+          statePerMonth: C,
+          onClickDay: et,
+          dateInFocus: y,
           setDateInFocus: m,
           currentPanel: b,
           setCurrentPanel: M,
           minDate: a,
-          maxDate: l
+          maxDate: d
         }
-      ) : Mt ? /* @__PURE__ */ T($, { children: [
-        /* @__PURE__ */ c($, { overflow: "hidden", height: "250px", children: /* @__PURE__ */ c(
-          tn,
+      ) : xt ? /* @__PURE__ */ R(j, { children: [
+        /* @__PURE__ */ o(j, { overflow: "hidden", height: "250px", children: /* @__PURE__ */ o(
+          Rn,
           {
-            value: U ?? "",
-            onValueChange: P
+            value: z ?? "",
+            onValueChange: O
           }
         ) }),
-        /* @__PURE__ */ c(ct, {}),
-        /* @__PURE__ */ c(R, { justifyContent: "flex-end", children: /* @__PURE__ */ c(ot, { label: "Done", onClick: E }) })
+        /* @__PURE__ */ o(mt, {}),
+        /* @__PURE__ */ o(Y, { justifyContent: "flex-end", children: /* @__PURE__ */ o(Dt, { label: "Done", onClick: E }) })
       ] }) : null }),
-      children: /* @__PURE__ */ c(
-        ge,
+      children: /* @__PURE__ */ o(
+        He,
         {
           autoFocusLeft: i,
           onEsc: n,
           onEnter: r,
           onBlur: s,
-          disabled: D,
-          separatorIcon: vt,
+          disabled: g,
+          separatorIcon: ye,
           typeLeft: "date",
           typeRight: "time",
           placeholderLeft: "yyyy-mm-dd",
           placeholderRight: "hh:mm",
-          onChangeLeft: O,
-          onChangeRight: Q,
-          onClickArrowDown: ut,
-          onClickCalendar: lt,
-          onFocusLeft: z,
-          onFocusRight: st,
-          onClickLeft: z,
-          onClickRight: st,
-          inputRefLeft: f,
+          onChangeLeft: S,
+          onChangeRight: W,
+          onClickArrowDown: $,
+          onClickCalendar: ot,
+          onFocusLeft: F,
+          onFocusRight: tt,
+          onClickLeft: F,
+          onClickRight: tt,
+          inputRefLeft: u,
           inputRefRight: h,
-          valueRight: U ?? "",
-          widthLeft: o,
-          widthRight: d,
+          valueRight: z ?? "",
+          widthLeft: c,
+          widthRight: l,
           minLeft: a,
-          maxLeft: l,
-          variant: u
+          maxLeft: d,
+          variant: f
         }
       )
     }
   ) });
-}, cn = ({
+}, Nn = ({
   value: t,
   onValueChange: e,
   year: r
 }) => {
   const n = String(r);
-  return /* @__PURE__ */ c(R, { justifyContent: "center", children: t === r ? /* @__PURE__ */ c(ot, { label: n, onClick: () => e == null ? void 0 : e(r) }) : /* @__PURE__ */ c(W, { label: n, onClick: () => e == null ? void 0 : e(r) }) });
-}, On = ({
+  return /* @__PURE__ */ o(Y, { justifyContent: "center", children: t === r ? /* @__PURE__ */ o(Dt, { label: n, onClick: () => e == null ? void 0 : e(r) }) : /* @__PURE__ */ o(v, { label: n, onClick: () => e == null ? void 0 : e(r) }) });
+}, Hs = ({
   value: t,
   onValueChange: e,
   initialLastYear: r
 }) => {
-  const [n, s] = S(() => t ? t + 4 : r ?? (/* @__PURE__ */ new Date()).getFullYear() + 4), i = A(() => {
+  const [n, s] = T(() => t ? t + 4 : r ?? (/* @__PURE__ */ new Date()).getFullYear() + 4), i = I(() => {
     const a = n - 11;
-    return ie(Bt(a, n + 1), 3);
+    return Re(re(a, n + 1), 3);
   }, [n]);
-  return J(() => {
-    s((a) => on(t, a));
-  }, [t]), /* @__PURE__ */ T(R, { children: [
-    /* @__PURE__ */ c($, { justifyContent: "center", children: /* @__PURE__ */ c(
-      W,
+  return G(() => {
+    s((a) => Ln(t, a));
+  }, [t]), /* @__PURE__ */ R(Y, { children: [
+    /* @__PURE__ */ o(j, { justifyContent: "center", children: /* @__PURE__ */ o(
+      v,
       {
-        leftIcon: Wt,
+        leftIcon: $t,
         onClick: () => s(n - 3)
       }
     ) }),
-    /* @__PURE__ */ c($, { gap: 1, children: i.map((a) => /* @__PURE__ */ c(R, { gap: 1, children: a.map((o) => /* @__PURE__ */ c(
-      cn,
+    /* @__PURE__ */ o(j, { gap: 1, children: i.map((a) => /* @__PURE__ */ o(Y, { gap: 1, children: a.map((c) => /* @__PURE__ */ o(
+      Nn,
       {
-        year: o,
+        year: c,
         onValueChange: e,
         value: t
       },
-      o
+      c
     )) }, a[0])) }),
-    /* @__PURE__ */ c($, { justifyContent: "center", children: /* @__PURE__ */ c(
-      W,
+    /* @__PURE__ */ o(j, { justifyContent: "center", children: /* @__PURE__ */ o(
+      v,
       {
-        leftIcon: xt,
+        leftIcon: St,
         onClick: () => s(n + 3)
       }
     ) })
   ] });
-}, on = (t, e) => {
+}, Ln = (t, e) => {
   if (t == null)
     return e;
   if (t > e) {
@@ -2183,18 +2275,18 @@ const Un = ({
     return e - i;
   }
   return e;
-}, an = (t, e, r, n, s) => {
-  J(
+}, Yn = (t, e, r, n, s) => {
+  G(
     function() {
       t && r(t);
     },
     [t, r]
-  ), J(
+  ), G(
     function() {
       e && r(e);
     },
     [e, r]
-  ), J(
+  ), G(
     function() {
       n.current && (t ? n.current.valueAsDate = new Date(
         Date.UTC(
@@ -2205,7 +2297,7 @@ const Un = ({
       ) : n.current.valueAsDate = null);
     },
     [t, n]
-  ), J(
+  ), G(
     function() {
       s.current && (e ? s.current.valueAsDate = new Date(
         Date.UTC(
@@ -2217,132 +2309,132 @@ const Un = ({
     },
     [e, s]
   );
-}, dn = (t, e, r, {
+}, _n = (t, e, r, {
   setDateInFocus: n,
   showCalendarInternal: s,
   hideCalendarInternal: i,
   setFirstFocusedInput: a,
-  setCurrentPanel: o
+  setCurrentPanel: c
 }) => {
-  const d = g(
-    (f) => {
-      f.target.value[0] !== "0" && (r == null || r({
-        startDate: f.target.valueAsDate ?? void 0,
+  const l = D(
+    (u) => {
+      u.target.value[0] !== "0" && (r == null || r({
+        startDate: u.target.valueAsDate ?? void 0,
         endDate: e
       }));
     },
     [r, e]
-  ), l = g(
-    (f) => {
-      f.target.value[0] !== "0" && (r == null || r({
+  ), d = D(
+    (u) => {
+      u.target.value[0] !== "0" && (r == null || r({
         startDate: t,
-        endDate: f.target.valueAsDate ?? void 0
+        endDate: u.target.valueAsDate ?? void 0
       }));
     },
     [r, t]
-  ), u = g(() => {
-    n(t || e || /* @__PURE__ */ new Date()), o("calendar"), s();
+  ), f = D(() => {
+    n(t || e || /* @__PURE__ */ new Date()), c("calendar"), s();
   }, [
     t,
     e,
-    o,
+    c,
     s,
     n
-  ]), D = g(() => {
+  ]), g = D(() => {
     a(void 0), i();
   }, [a, i]);
   return {
-    inputLeftChangeHandler: d,
-    inputRightChangeHandler: l,
-    hideCalendar: D,
+    inputLeftChangeHandler: l,
+    inputRightChangeHandler: d,
+    hideCalendar: g,
     setDateInFocus: n,
-    setCurrentPanel: o,
-    showCalendar: u
+    setCurrentPanel: c,
+    showCalendar: f
   };
-}, ln = (t, e) => {
-  const [r, n, s] = Ht(!1), [i, a] = S(void 0), [o, d] = S("startDate"), [l, u] = S(() => (o === "startDate" ? t : o === "endDate" ? e : void 0) ?? /* @__PURE__ */ new Date()), [D, f] = S("calendar");
+}, Pn = (t, e) => {
+  const [r, n, s] = Gt(!1), [i, a] = T(void 0), [c, l] = T("startDate"), [d, f] = T(() => (c === "startDate" ? t : c === "endDate" ? e : void 0) ?? /* @__PURE__ */ new Date()), [g, u] = T("calendar");
   return {
     isCalendarVisible: r,
     showCalendarInternal: n,
     hideCalendarInternal: s,
     firstFocusedInput: i,
     setFirstFocusedInput: a,
-    focusedInput: o,
-    setFocusedInput: d,
-    dateInFocus: l,
-    setDateInFocus: u,
-    currentPanel: D,
-    setCurrentPanel: f
+    focusedInput: c,
+    setFocusedInput: l,
+    dateInFocus: d,
+    setDateInFocus: f,
+    currentPanel: g,
+    setCurrentPanel: u
   };
-}, un = (t, e, r, n, s, i, a, {
-  firstFocusedInput: o,
-  setFirstFocusedInput: d,
-  isCalendarVisible: l,
-  setFocusedInput: u,
-  focusedInput: D,
-  setCurrentPanel: f
+}, Hn = (t, e, r, n, s, i, a, {
+  firstFocusedInput: c,
+  setFirstFocusedInput: l,
+  isCalendarVisible: d,
+  setFocusedInput: f,
+  focusedInput: g,
+  setCurrentPanel: u
 }) => {
-  const h = g(() => {
-    o == null && d("startDate"), u("startDate"), l || i();
+  const h = D(() => {
+    c == null && l("startDate"), f("startDate"), d || i();
   }, [
-    l,
-    u,
-    i,
     d,
-    o
-  ]), w = g(() => {
-    o == null && d("endDate"), u("endDate"), l || i();
-  }, [
-    l,
-    u,
+    f,
     i,
+    l,
+    c
+  ]), p = D(() => {
+    c == null && l("endDate"), f("endDate"), d || i();
+  }, [
     d,
-    o
-  ]), M = g(
+    f,
+    i,
+    l,
+    c
+  ]), M = D(
     (m) => {
-      var k, E, N, C;
-      D === "startDate" ? e != null && v(m.date, e) ? (r == null || r({
+      var k, E, A, L;
+      g === "startDate" ? e != null && q(m.date, e) ? (r == null || r({
         startDate: m.date,
         endDate: void 0
-      }), u("endDate"), (k = s.current) == null || k.focus()) : (r == null || r({
+      }), f("endDate"), (k = s.current) == null || k.focus()) : (r == null || r({
         startDate: m.date,
         endDate: e
-      }), o === "startDate" ? (u("endDate"), (E = s.current) == null || E.focus()) : setTimeout(a, 50)) : D === "endDate" && (t ? v(t, m.date) ? (r == null || r({
+      }), c === "startDate" ? (f("endDate"), (E = s.current) == null || E.focus()) : setTimeout(a, 50)) : g === "endDate" && (t ? q(t, m.date) ? (r == null || r({
         startDate: m.date,
         endDate: void 0
-      }), u("endDate"), (C = s.current) == null || C.focus()) : (r == null || r({
+      }), f("endDate"), (L = s.current) == null || L.focus()) : (r == null || r({
         startDate: t,
         endDate: m.date
       }), setTimeout(a, 50)) : (r == null || r({
         startDate: t,
         endDate: m.date
-      }), u("startDate"), (N = n.current) == null || N.focus()));
+      }), f("startDate"), (A = n.current) == null || A.focus()));
     },
     [
-      D,
+      g,
       r,
       e,
-      o,
-      u,
+      c,
+      f,
       s,
       a,
       t,
       n
     ]
-  ), b = g(() => {
-    f("presets"), i();
-  }, [f, i]), y = g(() => {
+  ), b = D(() => {
+    u("presets"), i();
+  }, [u, i]), w = D(() => {
     var m;
-    l ? a() : (u("startDate"), d("startDate"), (m = n.current) == null || m.focus(), f("calendar"), i());
+    d ? a() : (f("startDate"), l("startDate"), (m = n.current) == null || m.focus(), u("calendar"), i());
   }, [
-    l,
-    a,
-    u,
     d,
-    n,
+    a,
     f,
+    l,
+    n,
+    u,
     i
-  ]), p = g(
+  ]), y = D(
     (m) => {
       m.key === "Escape" && a();
     },
@@ -2350,14 +2442,14 @@ const Un = ({
   );
   return {
     onFocusLeft: h,
-    onFocusRight: w,
+    onFocusRight: p,
     onClickDay: M,
     onClickArrowButton: b,
-    onClickCalendarButton: y,
-    onKeyDownHandler: p
+    onClickCalendarButton: w,
+    onKeyDownHandler: y
   };
 };
-function Bn({
+function Os({
   value: t,
   onValueChange: e,
   autoFocus: r,
@@ -2365,199 +2457,877 @@ function Bn({
   onEnter: s,
   onEsc: i,
   minDate: a,
-  maxDate: o = kt,
-  calendarProps: d,
-  widthLeft: l = 128,
-  widthRight: u = 128,
-  variant: D,
-  disabled: f
+  maxDate: c = Et,
+  calendarProps: l,
+  widthLeft: d = 128,
+  widthRight: f = 128,
+  variant: g,
+  disabled: u
 }) {
-  const { startDate: h, endDate: w } = t || {}, M = B(null), b = B(null), y = ln(h, w), {
-    dateInFocus: p,
+  const { startDate: h, endDate: p } = t || {}, M = U(null), b = U(null), w = Pn(h, p), {
+    dateInFocus: y,
     setDateInFocus: m,
     isCalendarVisible: k,
     currentPanel: E,
-    setCurrentPanel: N
-  } = y, {
-    showCalendar: C,
-    hideCalendar: H,
-    inputLeftChangeHandler: I,
-    inputRightChangeHandler: O
-  } = dn(h, w, e, y), {
-    onKeyDownHandler: Q,
-    onFocusRight: P,
-    onFocusLeft: nt,
-    onClickDay: at,
-    onClickCalendarButton: st,
-    onClickArrowButton: z
-  } = un(
+    setCurrentPanel: A
+  } = w, {
+    showCalendar: L,
+    hideCalendar: _,
+    inputLeftChangeHandler: P,
+    inputRightChangeHandler: S
+  } = _n(h, p, e, w), {
+    onKeyDownHandler: W,
+    onFocusRight: O,
+    onFocusLeft: J,
+    onClickDay: Q,
+    onClickCalendarButton: tt,
+    onClickArrowButton: F
+  } = Hn(
     h,
-    w,
+    p,
     e,
     M,
     b,
-    C,
-    H,
-    y
+    L,
+    _,
+    w
   );
-  an(
+  Yn(
     h,
-    w,
+    p,
     m,
     M,
     b
   );
-  const dt = A(
-    () => h && w && v(h, w),
-    [h, w]
-  ), lt = A(
-    () => nr(
-      d == null ? void 0 : d.statePerMonth,
+  const et = I(
+    () => h && p && q(h, p),
+    [h, p]
+  ), ot = I(
+    () => Rr(
+      l == null ? void 0 : l.statePerMonth,
       h,
-      w,
-      p
+      p,
+      y
     ),
-    [d == null ? void 0 : d.statePerMonth, h, w, p]
-  ), ut = Pt(k, 300);
-  return /* @__PURE__ */ c(x, { onKeyDown: Q, children: /* @__PURE__ */ c(
-    pt,
+    [l == null ? void 0 : l.statePerMonth, h, p, y]
+  ), $ = qt(k, 300);
+  return /* @__PURE__ */ o(N, { onKeyDown: W, children: /* @__PURE__ */ o(
+    Rt,
     {
       arrow: !1,
       lazy: !0,
-      disabled: f,
-      placement: bt,
-      onClickOutside: H,
+      disabled: u,
+      placement: It,
+      onClickOutside: _,
       visible: k,
-      content: ut && /* @__PURE__ */ c(
-        rt,
+      content: $ && /* @__PURE__ */ o(
+        gt,
         {
-          onClickDay: at,
-          dateInFocus: p,
+          onClickDay: Q,
+          dateInFocus: y,
           setDateInFocus: m,
           currentPanel: E,
-          setCurrentPanel: N,
+          setCurrentPanel: A,
           minDate: a,
-          maxDate: o,
-          ...d,
-          statePerMonth: lt
+          maxDate: c,
+          ...l,
+          statePerMonth: ot
         }
       ),
-      children: /* @__PURE__ */ c(
-        ge,
+      children: /* @__PURE__ */ o(
+        He,
         {
           autoFocusLeft: r,
           onEsc: i,
           onEnter: s,
           onBlur: n,
-          disabled: f,
-          separatorIcon: xt,
+          disabled: u,
+          separatorIcon: St,
           typeLeft: "date",
           typeRight: "date",
           placeholderLeft: "Start date",
           placeholderRight: "End date",
-          onChangeLeft: I,
-          onChangeRight: O,
-          onClickArrowDown: z,
-          onClickCalendar: st,
-          onFocusLeft: nt,
-          onFocusRight: P,
-          onClickLeft: nt,
-          onClickRight: P,
+          onChangeLeft: P,
+          onChangeRight: S,
+          onClickArrowDown: F,
+          onClickCalendar: tt,
+          onFocusLeft: J,
+          onFocusRight: O,
+          onClickLeft: J,
+          onClickRight: O,
           inputRefLeft: M,
           inputRefRight: b,
-          variant: dt ? "error" : D,
-          widthLeft: l,
-          widthRight: u,
+          variant: et ? "error" : g,
+          widthLeft: d,
+          widthRight: f,
           minLeft: a,
-          maxLeft: o,
+          maxLeft: c,
           minRight: a,
-          maxRight: o
+          maxRight: c
         }
       )
     }
   ) });
 }
-const we = (t) => {
+const pe = ({
+  onChange: t,
+  onValueChange: e,
+  mask: r,
+  pipe: n,
+  value: s,
+  guide: i,
+  keepCharPositions: a,
+  placeholderChar: c,
+  showMask: l,
+  ...d
+}) => {
+  const f = U(null), { onChange: g } = Tr(
+    f,
+    t,
+    e,
+    r,
+    n,
+    s,
+    i,
+    a,
+    c,
+    l
+  );
+  return /* @__PURE__ */ o(
+    kr,
+    {
+      ...d,
+      ref: f,
+      onChange: g,
+      width: "168px"
+    }
+  );
+}, On = [/[1-2]/, /\d/, /\d/, /\d/], Bn = [/[0-1]/, /\d/], $n = [/[0-3]/, /\d/], Un = (t) => Cn(t).flatMap(Wn), Wn = (t) => {
+  switch (t) {
+    case "yyyy":
+      return On;
+    case "mm":
+    case "MM":
+      return Bn;
+    case "dd":
+    case "DD":
+      return $n;
+    default:
+      return [t];
+  }
+}, Cn = (t) => {
+  if (t.length === 0)
+    return [];
+  const e = [];
+  let r = t[0];
+  for (let n = 1; n < t.length; n++)
+    t[n] !== t[n - 1] ? (e.push(r), r = t[n]) : r += t[n];
+  return e.push(r), e;
+}, jt = (t) => {
   const r = new Intl.DateTimeFormat(t, { dateStyle: "short" }).formatToParts(/* @__PURE__ */ new Date()), n = {
     year: "yyyy",
     month: "MM",
     day: "dd"
   };
   return r.map((s) => n[s.type] || s.value).join("");
-}, fn = {
-  "en-US": ze,
-  "en-GB": Nt,
-  "de-AT": je,
-  "de-DE": _t,
-  fr: _e,
-  de: _t,
-  es: Je,
-  sv: Ke,
-  pl: Ge,
-  da: Fe,
-  nl: qe,
-  nb: Qe
-}, ye = (t) => fn[t], zn = (t, e) => Y(t, we(e), {
-  locale: ye(e)
-}), jn = (t, e, r = /* @__PURE__ */ new Date()) => V(t, we(e), r, {
-  locale: ye(e)
-});
+}, Be = {
+  "en-US": ar,
+  "en-GB": Wt,
+  "de-AT": lr,
+  "de-DE": de,
+  fr: dr,
+  de,
+  es: fr,
+  sv: ur,
+  pl: hr,
+  da: gr,
+  nl: pr,
+  nb: mr
+}, ae = (t) => Be[t], zn = () => Be.sv, wt = (t, e, r) => {
+  const n = ae(e);
+  if (n == null)
+    return;
+  const s = dt(
+    t,
+    jt(e),
+    r ?? /* @__PURE__ */ new Date(),
+    {
+      locale: n
+    }
+  );
+  if (!isNaN(s.getTime()))
+    return s;
+}, Yt = (t, e) => H(t, jt(e), {
+  locale: ae(e)
+}), me = (t, e) => {
+  const r = wt(t, e);
+  if (r != null)
+    return Yt(r, e);
+}, $e = ({
+  value: t,
+  onValueChange: e,
+  localeCode: r,
+  startDateLabel: n = "From",
+  endDateLabel: s = "To",
+  onFocus: i
+}) => {
+  const { mask: a, placeholder: c } = I(() => {
+    const l = jt(r);
+    return {
+      mask: Un(l),
+      placeholder: l.toLowerCase()
+    };
+  }, [r]);
+  return /* @__PURE__ */ R(Y, { children: [
+    /* @__PURE__ */ o(
+      pe,
+      {
+        mask: a,
+        value: t == null ? void 0 : t.startDate,
+        onValueChange: (l) => {
+          e == null || e({ startDate: l });
+        },
+        onBlur: (l) => {
+          const d = me(
+            l.target.value,
+            r
+          );
+          d && d !== (t == null ? void 0 : t.startDate) && (e == null || e({ startDate: d }));
+        },
+        onFocus: i,
+        label: n,
+        borderRadiusVariant: "onlyLeft",
+        placeholder: c
+      }
+    ),
+    /* @__PURE__ */ o(
+      pe,
+      {
+        mask: a,
+        value: t == null ? void 0 : t.endDate,
+        onValueChange: (l) => e == null ? void 0 : e({ endDate: l }),
+        onBlur: (l) => {
+          const d = me(
+            l.target.value,
+            r
+          );
+          d && d !== (t == null ? void 0 : t.endDate) && (e == null || e({ endDate: d }));
+        },
+        onFocus: i,
+        label: s,
+        borderRadiusVariant: "onlyRight",
+        placeholder: c
+      }
+    )
+  ] });
+}, Ue = (t, e, r, n) => {
+  const s = ae(r) ?? zn(), i = Ie(), a = Ne(), c = U(null), l = I(
+    () => jt(r),
+    [r]
+  ), d = I(
+    () => {
+      var S;
+      return ((S = t == null ? void 0 : t.startDate) == null ? void 0 : S.length) === l.length ? wt(t.startDate, r) : void 0;
+    },
+    [l.length, r, t == null ? void 0 : t.startDate]
+  ), f = I(
+    () => {
+      var S;
+      return ((S = t == null ? void 0 : t.endDate) == null ? void 0 : S.length) === l.length ? wt(t.endDate, r) : void 0;
+    },
+    [l.length, r, t == null ? void 0 : t.endDate]
+  ), [g, u] = T(
+    n ?? d ?? /* @__PURE__ */ new Date()
+  ), h = D(
+    (S) => {
+      pt(S, a) || q(S, a) ? u(S) : u(a);
+    },
+    [a]
+  ), p = I(
+    () => ie(
+      g.getFullYear(),
+      g.getMonth(),
+      s
+    ),
+    [s, g]
+  ), M = I(() => Ht(H(g, "MMMM yyyy", { locale: s })), [s, g]), b = I(() => pt(a, g), [a, g]), [w, y] = T(), [m, k] = T("calendar"), E = D(
+    (S) => {
+      var J, Q;
+      const W = ((J = S == null ? void 0 : S.startDate) == null ? void 0 : J.length) === l.length ? wt(S.startDate, r) : void 0, O = ((Q = S == null ? void 0 : S.endDate) == null ? void 0 : Q.length) === l.length ? wt(S.endDate, r) : void 0;
+      W ? h(W) : O && h(O), e == null || e({
+        ...t,
+        ...S
+      });
+    },
+    [
+      l.length,
+      r,
+      e,
+      h,
+      t
+    ]
+  ), A = I(
+    () => pt(a, g) || lt(g, a),
+    [a, g]
+  ), L = I(
+    () => (d && f && (x(d, f) || lt(d, f))) ?? !1,
+    [f, d]
+  );
+  return {
+    isDateDisabled: D(
+      (S) => !x(S, a) && lt(S, a),
+      [a]
+    ),
+    onClickDate: (S) => {
+      S.getFullYear() === g.getFullYear() && S.getMonth() === g.getMonth() && (d && f == null ? lt(S, d) ? e == null || e({
+        startDate: Yt(S, r),
+        endDate: void 0
+      }) : e == null || e({
+        startDate: t == null ? void 0 : t.startDate,
+        endDate: Yt(S, r)
+      }) : e == null || e({
+        startDate: Yt(S, r),
+        endDate: void 0
+      }));
+    },
+    onValueChangeByInputs: E,
+    isValidDateRange: L,
+    prevMonthDisabled: A,
+    monthPickerButtonRef: c,
+    calendarId: i,
+    monthPickerButtonLabel: M,
+    visiblePanel: m,
+    setVisiblePanel: k,
+    setVisibleMonth: u,
+    visibleMonthData: p,
+    todayIsInVisibleMonth: b,
+    hoverDate: w,
+    setHoverDate: y,
+    selectedStartDate: d,
+    selectedEndDate: f,
+    today: a,
+    visibleMonth: g
+  };
+}, We = ({
+  previousMonthButtonAriaLabel: t,
+  nextMonthButtonAriaLabel: e,
+  monthPickerButtonLabel: r,
+  visiblePanel: n,
+  setVisiblePanel: s,
+  monthPickerButtonRef: i,
+  setVisibleMonth: a,
+  visibleMonth: c,
+  prevMonthDisabled: l
+}) => /* @__PURE__ */ R(Y, { alignSelf: "center", justifyContent: "space-between", width: "100%", children: [
+  /* @__PURE__ */ o(
+    v,
+    {
+      "aria-live": "polite",
+      label: r,
+      rightIcon: n === "calendar" ? Vt : Ze,
+      onClick: () => s(
+        n === "calendar" ? "month-picker" : "calendar"
+      ),
+      ref: i
+    }
+  ),
+  /* @__PURE__ */ R(Y, { alignItems: "center", gap: 2, children: [
+    /* @__PURE__ */ o(
+      st,
+      {
+        leftIcon: $t,
+        onClick: () => a(ee(c, 1)),
+        disabled: l,
+        "aria-label": t
+      }
+    ),
+    /* @__PURE__ */ o(
+      st,
+      {
+        leftIcon: St,
+        onClick: () => a(Tt(c, 1)),
+        "aria-label": e
+      }
+    )
+  ] })
+] }), jn = "_travelDateCell_1g60o_1", Fn = "_outline_1g60o_13", Kn = "_contentWrapper_1g60o_26", vn = "_disabled_1g60o_47", Jn = "_isToday_1g60o_50", Gn = "_isSelectionStart_1g60o_54", qn = "_isSelectionEnd_1g60o_55", Qn = "_hover_1g60o_70", Xn = "_startSelected_1g60o_73", Zn = "_endSelected_1g60o_73", X = {
+  travelDateCell: jn,
+  outline: Fn,
+  contentWrapper: Kn,
+  disabled: vn,
+  isToday: Jn,
+  isSelectionStart: Gn,
+  isSelectionEnd: qn,
+  hover: Qn,
+  startSelected: Xn,
+  endSelected: Zn
+}, rt = Ct("--lhds-color-red-100"), Vn = (t, e, r, n, s, i) => {
+  if (!s)
+    return {
+      left: "transparent",
+      right: "transparent"
+    };
+  if (e && r && x(e, r))
+    return {
+      left: "transparent",
+      right: "transparent"
+    };
+  if (e && r && !i)
+    return {
+      left: "transparent",
+      right: "transparent"
+    };
+  const a = e && r ? q(t, e) && lt(t, r) && !x(t, e) && !x(t, r) : !1, c = e && n ? q(t, e) && lt(t, n) && !x(t, e) && !x(t, n) : !1;
+  if (a)
+    return {
+      left: rt,
+      right: rt
+    };
+  if (e && r)
+    return x(t, e) ? {
+      left: "transparent",
+      right: rt
+    } : x(t, r) ? {
+      left: rt,
+      right: "transparent"
+    } : {
+      left: "transparent",
+      right: "transparent"
+    };
+  if (e && n && q(n, e)) {
+    if (x(t, e))
+      return {
+        left: "transparent",
+        right: rt
+      };
+    if (x(t, n))
+      return {
+        left: rt,
+        right: "transparent"
+      };
+  }
+  return c ? {
+    left: rt,
+    right: rt
+  } : {
+    left: "transparent",
+    right: "transparent"
+  };
+}, ts = (t, e) => {
+  switch (e) {
+    case "PageUp":
+      return ee(t, 1);
+    case "PageDown":
+      return Tt(t, 1);
+    case "Home":
+      return Pt(t);
+    case "End":
+      return K(Pt(t), 6);
+    case "ArrowLeft":
+      return ct(t, 1);
+    case "ArrowUp":
+      return ct(t, 7);
+    case "ArrowRight":
+      return K(t, 1);
+    case "ArrowDown":
+      return K(t, 7);
+    default:
+      return;
+  }
+}, vt = (t, e) => H(Te(t, 12), V.fullDate) + e, es = ({
+  onClick: t,
+  visibleMonth: e,
+  onChangeVisibleMonth: r,
+  day: n,
+  isValidDateRange: s,
+  selectedStartDate: i,
+  selectedEndDate: a,
+  onStartHover: c,
+  onEndHover: l,
+  hoverDate: d,
+  today: f,
+  todayIsInVisibleMonth: g,
+  calendarId: u,
+  isDateDisabled: h
+}) => {
+  const p = D(
+    async (E) => {
+      var L;
+      const A = ts(n.date, E.key);
+      A && !h(A) && (c(A), pt(n.date, A) ? (L = document.getElementById(vt(A, u))) == null || L.focus() : (r(A), setTimeout(() => {
+        var _;
+        (_ = document.getElementById(vt(A, u))) == null || _.focus();
+      }, 10))), (E.key === "Enter" || E.code === "Space") && t(n.date);
+    },
+    [
+      u,
+      n.date,
+      h,
+      r,
+      t,
+      c
+    ]
+  ), M = n.month === e.getMonth(), b = h(n.date), w = i ? x(i, n.date) : !1, y = a ? x(a, n.date) : !1, m = x(n.date, f), k = Vn(
+    n.date,
+    i,
+    a,
+    d,
+    M,
+    s
+  );
+  return /* @__PURE__ */ R(
+    "td",
+    {
+      className: X.travelDateCell,
+      onClick: b ? void 0 : () => t(n.date),
+      onMouseOver: b ? void 0 : () => M && c(n.date),
+      onMouseOut: b ? void 0 : () => M && l(n.date),
+      tabIndex: b ? void 0 : rs(
+        n,
+        i,
+        m,
+        e,
+        g
+      ),
+      id: b ? void 0 : vt(n.date, u),
+      onKeyDown: b ? void 0 : p,
+      "aria-selected": w || y,
+      children: [
+        /* @__PURE__ */ o("div", { className: X.outline }),
+        /* @__PURE__ */ R(Y, { children: [
+          /* @__PURE__ */ o(N, { height: "48px", width: "24px", background: k.left }),
+          /* @__PURE__ */ o(N, { height: "48px", width: "24px", background: k.right })
+        ] }),
+        M && /* @__PURE__ */ o(
+          "div",
+          {
+            className: se(
+              X.contentWrapper,
+              m ? X.isToday : void 0,
+              i ? X.startSelected : void 0,
+              a ? X.endSelected : void 0,
+              d && x(d, n.date) ? X.hover : void 0,
+              w && X.isSelectionStart,
+              y && X.isSelectionEnd,
+              b && X.disabled
+            ),
+            children: /* @__PURE__ */ o(
+              ut,
+              {
+                variant: "bold",
+                color: b ? Ct("--lhds-color-ui-500") : void 0,
+                children: n.dayOfMonth
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}, rs = (t, e, r, n, s) => {
+  const i = e ? pt(e, n) : !1;
+  return (e && i ? x(t.date, e) : r) || !i && !s && t.date.getDate() === 1 ? 0 : -1;
+}, ns = "_travelCalendar_18pjj_1", ss = {
+  travelCalendar: ns
+}, Ce = ({
+  visibleMonthData: t,
+  onClickDate: e,
+  setHoverDate: r,
+  setVisibleMonth: n,
+  visibleMonth: s,
+  isValidDateRange: i,
+  selectedStartDate: a,
+  selectedEndDate: c,
+  hoverDate: l,
+  today: d,
+  calendarId: f,
+  isDateDisabled: g,
+  todayIsInVisibleMonth: u
+}) => /* @__PURE__ */ o("table", { className: ss.travelCalendar, children: /* @__PURE__ */ R("tbody", { children: [
+  /* @__PURE__ */ o("tr", { children: t.weeks[0].days.map((h) => /* @__PURE__ */ o("th", { abbr: h.fullName, children: /* @__PURE__ */ o(ut, { children: h.name }) }, h.name)) }),
+  t.weeks.map((h) => /* @__PURE__ */ o(ne.Fragment, { children: /* @__PURE__ */ o("tr", { children: h.days.map((p) => /* @__PURE__ */ o(
+    es,
+    {
+      onClick: (M) => e(M),
+      visibleMonth: s,
+      onChangeVisibleMonth: n,
+      isValidDateRange: i,
+      day: p,
+      onStartHover: (M) => r(M),
+      onEndHover: (M) => r((b) => b && x(b, M) ? void 0 : b),
+      selectedStartDate: a,
+      selectedEndDate: c,
+      hoverDate: l,
+      today: d,
+      todayIsInVisibleMonth: u,
+      calendarId: f,
+      isDateDisabled: g
+    },
+    p.dateString
+  )) }, h.weekNumber) }, h.weekNumber))
+] }) }), is = "_travelDateRangeInput_1j7rp_1", os = "_overlay_1j7rp_2", cs = "_calendarVisible_1j7rp_6", Jt = {
+  travelDateRangeInput: is,
+  overlay: os,
+  calendarVisible: cs
+}, Bs = ({
+  value: t,
+  onValueChange: e,
+  startDateLabel: r,
+  endDateLabel: n,
+  localeCode: s = "sv",
+  initialMonthInFocus: i,
+  previousMonthButtonAriaLabel: a = "Previous month",
+  nextMonthButtonAriaLabel: c = "Next month",
+  heading: l,
+  headingLevel: d,
+  numMonthsInMonthPicker: f = 12,
+  firstMonthInMonthPicker: g = /* @__PURE__ */ new Date(),
+  zIndex: u = 1e3,
+  zIndexWhenClosed: h,
+  onHideCalendar: p,
+  renderBelowCalendar: M
+}) => {
+  const [b, w] = T(!1), [y, m] = T(!1), [k, E] = T({
+    // Sane defaults, this will be updated with actual data from DOM.
+    width: 336,
+    height: 66
+  }), A = U(!1), L = D(() => {
+    A.current = !0, m(!0), setTimeout(() => {
+      w(!0);
+    }, 10);
+  }, []), _ = D(() => {
+    y && (w(!1), A.current = !1, p == null || p(), setTimeout(() => {
+      A.current || m(!1);
+    }, 120));
+  }, [y, p]), P = U(null), S = U(null);
+  Ke(P, _), br(() => {
+    var B, z;
+    const $ = (B = S.current) == null ? void 0 : B.offsetWidth, C = (z = S.current) == null ? void 0 : z.offsetHeight;
+    $ != null && C != null && (k.height !== C || k.width !== $) && E({ width: $, height: C });
+  }, [k.height, k.width]);
+  const W = Ue(
+    t,
+    e,
+    s,
+    i
+  ), {
+    visiblePanel: O,
+    visibleMonth: J,
+    onValueChangeByInputs: Q,
+    setVisibleMonth: tt,
+    setVisiblePanel: F,
+    monthPickerButtonRef: et
+  } = W, ot = D(
+    ($) => {
+      $.key === "Escape" && _();
+    },
+    [_]
+  );
+  return /* @__PURE__ */ R(
+    N,
+    {
+      position: "relative",
+      className: Jt.travelDateRangeInput,
+      ref: P,
+      onKeyDown: ot,
+      height: k.height,
+      width: k.width,
+      children: [
+        /* @__PURE__ */ o(
+          N,
+          {
+            position: "absolute",
+            ref: S,
+            zIndex: y ? u : h,
+            children: /* @__PURE__ */ o(
+              $e,
+              {
+                value: t,
+                onValueChange: Q,
+                localeCode: s,
+                startDateLabel: r,
+                endDateLabel: n,
+                onFocus: L
+              }
+            )
+          }
+        ),
+        y && /* @__PURE__ */ o(
+          N,
+          {
+            position: "absolute",
+            zIndex: u - 1,
+            left: "-2.4rem",
+            top: l ? "-8.0rem" : "-2.4rem",
+            className: se(Jt.overlay, b && Jt.calendarVisible),
+            children: /* @__PURE__ */ o(
+              N,
+              {
+                background: "white",
+                shadow: "popover",
+                borderRadius: "var(--swui-border-radius-large)",
+                children: /* @__PURE__ */ R(Ve, { gap: 3, children: [
+                  l && /* @__PURE__ */ o(Zt, { variant: "h2", as: d, children: l }),
+                  /* @__PURE__ */ o(N, { height: "6.8rem" }),
+                  /* @__PURE__ */ o(
+                    We,
+                    {
+                      ...W,
+                      previousMonthButtonAriaLabel: a,
+                      nextMonthButtonAriaLabel: c
+                    }
+                  ),
+                  O === "calendar" && /* @__PURE__ */ o(Ce, { ...W }),
+                  O === "month-picker" && /* @__PURE__ */ o(
+                    ce,
+                    {
+                      firstMonth: g,
+                      numMonths: f,
+                      value: J,
+                      onValueChange: ($) => {
+                        var C;
+                        tt($), F("calendar"), (C = et.current) == null || C.focus();
+                      },
+                      onCancel: () => {
+                        var $;
+                        F("calendar"), ($ = et.current) == null || $.focus();
+                      }
+                    }
+                  ),
+                  M == null ? void 0 : M({ hideCalendar: _ })
+                ] })
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}, $s = ({
+  value: t,
+  onValueChange: e,
+  startDateLabel: r,
+  endDateLabel: n,
+  localeCode: s = "sv",
+  initialMonthInFocus: i,
+  previousMonthButtonAriaLabel: a = "Previous month",
+  nextMonthButtonAriaLabel: c = "Next month",
+  heading: l,
+  headingLevel: d,
+  numMonthsInMonthPicker: f = 12,
+  firstMonthInMonthPicker: g = /* @__PURE__ */ new Date()
+}) => {
+  const u = Ue(
+    t,
+    e,
+    s,
+    i
+  ), {
+    visiblePanel: h,
+    visibleMonth: p,
+    onValueChangeByInputs: M,
+    setVisibleMonth: b,
+    setVisiblePanel: w,
+    monthPickerButtonRef: y
+  } = u;
+  return /* @__PURE__ */ R(j, { gap: 3, children: [
+    l && /* @__PURE__ */ o(Zt, { variant: "h2", as: d, children: l }),
+    /* @__PURE__ */ o(
+      $e,
+      {
+        value: t,
+        onValueChange: M,
+        localeCode: s,
+        startDateLabel: r,
+        endDateLabel: n
+      }
+    ),
+    /* @__PURE__ */ o(
+      We,
+      {
+        ...u,
+        previousMonthButtonAriaLabel: a,
+        nextMonthButtonAriaLabel: c
+      }
+    ),
+    h === "calendar" && /* @__PURE__ */ o(Ce, { ...u }),
+    h === "month-picker" && /* @__PURE__ */ o(
+      ce,
+      {
+        firstMonth: g,
+        numMonths: f,
+        value: p,
+        onValueChange: (m) => {
+          var k;
+          b(m), w("calendar"), (k = y.current) == null || k.focus();
+        },
+        onCancel: () => {
+          var m;
+          w("calendar"), (m = y.current) == null || m.focus();
+        }
+      }
+    )
+  ] });
+};
 export {
-  Ut as Calendar,
-  le as CalendarDay,
-  Hn as DateInput,
-  Nn as DateRangeCalendar,
-  Bn as DateRangeDualTextInput,
-  Pn as DateRangeInput,
-  Un as DateTextInput,
-  Wn as DateTimeInput,
-  ae as Month,
-  Ar as MonthPicker,
-  Ln as MultiDateCalendar,
-  Nr as PresetPicker,
-  he as SingleDateCalendar,
-  Yn as SingleWeekCalendar,
-  $n as TimeTextInput,
-  or as WeekDay,
-  wr as WeekDayCell,
-  pr as WeekNumberCell,
-  On as YearPicker,
-  F as addDayStateHighlights,
-  oe as addDayStateHighlightsOnSingleDay,
-  ir as addWeekRangeHighlights,
-  An as addWeekStateHighlights,
-  wt as buildDayStateForDateRange,
-  sr as buildDayStateForRange,
-  nr as buildDayStateForSingleMonth,
-  ur as calculateOverflowingMonth,
-  dr as createDay,
-  Gt as createFirstDate,
-  Ur as dateRangeToStrings,
-  Dr as dayHasHighlight,
-  G as dayHighlightSelect,
-  et as defaultCalendarTheme,
-  mr as defaultTextPropsProvider,
-  gr as defaultWrapperStyleProvider,
-  xn as extranetCalendarTheme,
-  zn as formatLocalizedDate,
-  we as getDateFormatForLocaleCode,
-  lr as getDaysForWeekForDate,
-  ye as getLocaleForLocaleCode,
-  de as getMonthInYear,
-  Jt as getMonthsInYear,
-  zt as getWeekForDate,
-  ar as getWeeksForMonth,
-  ue as isDateRangeInvalid,
-  jn as parseLocalizedDateString,
-  En as setDayStateValue,
-  Rn as setDayStateValueFunction,
-  $r as stringsToDateRange,
-  Cn as toggleDateStringsIfEndIsEarlierThanStart,
-  fe as toggleDatesIfEndIsEarlierThanStart,
-  In as useDateRangeCalendarState,
-  Or as useDateRangeSelection,
-  zr as useMultiDateSelection,
-  Br as useSingleDateSelection,
-  jr as useSingleWeekSelection
+  Qt as Calendar,
+  Ae as CalendarDay,
+  Ns as DateInput,
+  Is as DateRangeCalendar,
+  Os as DateRangeDualTextInput,
+  Ls as DateRangeInput,
+  Ys as DateTextInput,
+  Ps as DateTimeInput,
+  xr as Month,
+  ce as MonthPicker,
+  As as MultiDateCalendar,
+  tn as PresetPicker,
+  _e as SingleDateCalendar,
+  xs as SingleWeekCalendar,
+  _s as TimeTextInput,
+  $s as TravelDateRangeCalendar,
+  Bs as TravelDateRangeInput,
+  Nr as WeekDay,
+  Wr as WeekDayCell,
+  zr as WeekNumberCell,
+  Hs as YearPicker,
+  it as addDayStateHighlights,
+  Ee as addDayStateHighlightsOnSingleDay,
+  Er as addWeekRangeHighlights,
+  Ss as addWeekStateHighlights,
+  kt as buildDayStateForDateRange,
+  Ir as buildDayStateForRange,
+  Rr as buildDayStateForSingleMonth,
+  Pr as calculateOverflowingMonth,
+  Yr as createDay,
+  cn as dateRangeToStrings,
+  Br as dayHasHighlight,
+  nt as dayHighlightSelect,
+  ht as defaultCalendarTheme,
+  Ur as defaultTextPropsProvider,
+  $r as defaultWrapperStyleProvider,
+  Ts as extranetCalendarTheme,
+  Yt as formatLocalizedDate,
+  jt as getDateFormatForLocaleCode,
+  _r as getDaysForWeekForDate,
+  zn as getDefaultLocaleForFormatting,
+  ae as getLocaleForLocaleCode,
+  ie as getMonthInYear,
+  fe as getMonthsInYear,
+  oe as getWeekForDate,
+  Lr as getWeeksForMonth,
+  Le as isDateRangeInvalid,
+  wt as parseLocalizedDateString,
+  me as reformatLocalizedDateString,
+  Ms as setDayStateValue,
+  ks as setDayStateValueFunction,
+  an as stringsToDateRange,
+  Rs as toggleDateStringsIfEndIsEarlierThanStart,
+  Ye as toggleDatesIfEndIsEarlierThanStart,
+  Es as useDateRangeCalendarState,
+  dn as useDateRangeSelection,
+  un as useMultiDateSelection,
+  fn as useSingleDateSelection,
+  hn as useSingleWeekSelection
 };
 //# sourceMappingURL=index.es.js.map