npm - @stenajs-webui/calendar - Versions diffs - 19.0.0-next.4 → 19.0.0-next.40 - Mend

@stenajs-webui/calendar 19.0.0-next.4 → 19.0.0-next.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/features/month-switcher/MonthSwitcherBelow.d.ts +1 -1
package/dist/index.es.js +1325 -1086
package/dist/index.es.js.map +1 -1
package/dist/index.js +1 -1
package/dist/index.js.map +1 -1
package/package.json +7 -7

package/dist/index.es.js CHANGED Viewed

@@ -1,21 +1,16 @@
 (function(){"use strict";try{var r=document.createElement("style");r.appendChild(document.createTextNode("._calendar_1w0de_1{--swui-calendar-day-width: 40px;--swui-calendar-day-height: 38px;--swui-calendar-day-border-radius: 4px;--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(--swui-primary-action-color);--swui-calendar-wrapper-selected-background: var(--swui-primary-action-color);--swui-calendar-wrapper-range-border: var(--lhds-color-blue-100);--swui-calendar-wrapper-range-background: var(--lhds-color-blue-100);--swui-calendar-wrapper-today-border: var(--lhds-color-ui-200);--swui-calendar-wrapper-today-background: var(--lhds-color-ui-200);--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_1w0de_1 table{border-spacing:0 4px}._calendar_1w0de_1 span{line-height:100%}._calendar_1w0de_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_1w0de_1 tr td:nth-child(2){border-top-left-radius:var(--swui-calendar-day-border-radius);border-bottom-left-radius:var(--swui-calendar-day-border-radius)}._calendar_1w0de_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 { Box as I, Text as it, Clickable as Wt, Row as R, Space as $, Spacing as ge, Column as B, Indent as ht, SeparatorLine as ye, parseIntElseUndefined as Jt, useBoolean as Ht, useDelayedFalse as Yt } from "@stenajs-webui/core";
-import { FlatButton as A, PrimaryButton as dt, stenaAngleLeft as Ot, stenaAngleRight as $t, stenaAngleLeftDouble as me, stenaAngleRightDouble as we, stenaCalendar as gt, Icon as Qt, stenaClock as Xt, stenaAngleDown as pe, stenaArrowRight as be } from "@stenajs-webui/elements";
-import { isAfter as et, eachDayOfInterval as Pt, isSameDay as z, endOfMonth as Zt, startOfMonth as Ft, min as ke, addDays as q, max as Se, subDays as Dt, format as W, getISOWeek as Bt, getDate as Ct, startOfWeek as vt, addWeeks as Me, getMonth as tt, getWeek as Vt, getYear as yt, getISODay as Ee, addHours as Re, isBefore as Ae, parse as ot, addMonths as Te, addYears as xe, subMonths as Ce, subYears as Ne, setWeek as Ie, isValid as He } from "date-fns";
+import { jsx as i, jsxs as E, Fragment as ht } from "react/jsx-runtime";
+import { Box as I, Text as it, Clickable as Wt, Row as R, Space as $, Spacing as me, Column as B, Indent as gt, SeparatorLine as pe, parseIntElseUndefined as Jt, useBoolean as Ht, useDelayedFalse as Yt } from "@stenajs-webui/core";
+import { FlatButton as A, PrimaryButton as dt, stenaAngleLeft as Ot, stenaAngleRight as $t, stenaArrowLeft as be, stenaArrowRight as Qt, stenaAngleLeftDouble as Xt, stenaAngleRightDouble as Zt, stenaCalendar as yt, Icon as Ft, stenaArrowWideRight as ke, stenaClock as vt, stenaAngleDown as Se } from "@stenajs-webui/elements";
+import { isAfter as et, eachDayOfInterval as Pt, isSameDay as z, endOfMonth as Vt, startOfMonth as te, min as Me, addDays as q, max as Ee, subDays as Dt, format as W, getISOWeek as Bt, getDate as Ct, startOfWeek as ee, addWeeks as Re, getMonth as tt, getWeek as ne, getYear as wt, getISODay as Ae, addHours as Te, isBefore as xe, parse as ot, addMonths as Ce, addYears as Ne, subMonths as Ie, subYears as He, setWeek as Ye, isValid as Le } from "date-fns";
 import { enGB as zt } from "date-fns/locale";
-import { last as Ye, startCase as te, chunk as ee, range as jt, debounce as Le, padStart as Ue } from "lodash";
-import * as ne from "react";
+import { last as Ue, startCase as re, chunk as se, range as jt, debounce as We, padStart as Oe } from "lodash";
+import * as ce from "react";
 import { useMemo as C, useState as S, useEffect as Q, useCallback as g, useRef as J } from "react";
-import { jsx as i, jsxs as E, Fragment as mt } from "react/jsx-runtime";
 import Nt from "@emotion/styled";
-import { faCaretLeft as We } from "@fortawesome/free-solid-svg-icons/faCaretLeft";
-import { faCaretRight as Oe } from "@fortawesome/free-solid-svg-icons/faCaretRight";
-import { faAngleDoubleLeft as $e } from "@fortawesome/free-solid-svg-icons/faAngleDoubleLeft";
-import { faAngleDoubleRight as Pe } from "@fortawesome/free-solid-svg-icons/faAngleDoubleRight";
-import { TextInput as nt, TextInputBox as Be } from "@stenajs-webui/forms";
-import { useTippyInstance as ze, Popover as pt } from "@stenajs-webui/tooltip";
-import { cssColor as re } from "@stenajs-webui/theme";
-import { faLongArrowAltRight as je } from "@fortawesome/free-solid-svg-icons/faLongArrowAltRight";
+import { TextInput as nt, TextInputBox as $e } from "@stenajs-webui/forms";
+import { useTippyInstance as Pe, Popover as pt } from "@stenajs-webui/tooltip";
+import { cssColor as ie } from "@stenajs-webui/theme";
 const Z = {
   yearAndMonth: "yyyy-MM",
   fullDate: "yyyy-MM-dd",
@@ -26,7 +21,7 @@ const Z = {
   weekDayNameShort: "EEE",
   dateAndMonth: "d MMM",
   monthAndDate: "MMM do"
-}, wt = (t = {}, e, n) => {
+}, mt = (t = {}, e, n) => {
   if (e && n && et(n, e))
     return Pt({ start: e, end: n }).reduce(
       (s, c) => {
@@ -37,17 +32,17 @@ const Z = {
     );
   let r = t;
   return e && (r = X(r, e, ["selected", "singleSelected"])), n && (r = X(r, n, ["selected", "singleSelected"])), r;
-}, _e = (t = {}, e, n, r) => Je(
+}, Be = (t = {}, e, n, r) => ze(
   t,
   e,
   n,
-  Ft(r),
-  Zt(r)
-), Je = (t = {}, e, n, r, s) => e && n ? wt(
+  te(r),
+  Vt(r)
+), ze = (t = {}, e, n, r, s) => e && n ? mt(
   t,
-  Se([e, Dt(r, 1)]),
-  ke([n, q(s, 1)])
-) : wt(t, e, n), pr = (t, e, n) => {
+  Ee([e, Dt(r, 1)]),
+  Me([n, q(s, 1)])
+) : mt(t, e, n), fr = (t, e, n) => {
   const r = W(e, Z.yearAndMonth), s = Bt(e), c = Ct(e);
   return {
     ...t,
@@ -62,7 +57,7 @@ const Z = {
       }
     }
   };
-}, br = (t, e, n) => {
+}, ur = (t, e, n) => {
   const r = W(e, Z.yearAndMonth), s = Bt(e), c = Ct(e);
   return {
     ...t,
@@ -87,17 +82,17 @@ const Z = {
       ...t && t[s],
       [c]: {
         ...t && t[s] && t[s][c],
-        [d]: se(o, n)
+        [d]: oe(o, n)
       }
     }
   };
-}, se = (t, e) => {
+}, oe = (t, e) => {
   var n;
   return {
     ...t,
     highlights: [...(n = t == null ? void 0 : t.highlights) != null ? n : [], ...e]
   };
-}, kr = (t, e, n) => {
+}, Dr = (t, e, n) => {
   const r = e.days[0].date, s = r.getMonth() + 1, c = `${r.getFullYear()}-${s < 10 ? "0" : ""}${s}`, d = e.weekNumber;
   let o = t;
   e.days.forEach((h) => {
@@ -114,36 +109,36 @@ const Z = {
       [d]: f
     }
   };
-}, Ke = (t, e) => {
+}, je = (t, e) => {
   var s;
   if (!e.days.length)
     return { ...t };
-  const n = e.days[0].date, r = (s = Ye(e.days)) == null ? void 0 : s.date;
+  const n = e.days[0].date, r = (s = Ue(e.days)) == null ? void 0 : s.date;
   return {
-    ...wt(t, n, r)
+    ...mt(t, n, r)
   };
-}, Ge = (t, e) => C(() => t ? X(e, new Date(), ["today"]) : e, [t, e]);
-var U = /* @__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))(U || {}), qe = /* @__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))(qe || {});
+}, _e = (t, e) => C(() => t ? X(e, new Date(), ["today"]) : e, [t, e]);
+var U = /* @__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))(U || {}), Je = /* @__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))(Je || {});
 const Kt = (t, e, n, r) => {
   const s = [];
   for (let c = 0; c < n; c++)
-    s.push(ce(t, e + c, r));
+    s.push(de(t, e + c, r));
   return s;
-}, ce = (t, e, n) => {
+}, de = (t, e, n) => {
   const r = t + Math.floor(e / 12), s = e % 12, c = new Date(r, s, 1);
   return {
     monthString: W(c, Z.yearAndMonth),
-    name: te(
+    name: re(
       W(c, Z.fullMonthName, { locale: n })
     ),
     year: r,
     monthInYear: s,
-    weeks: Qe(r, s, n)
+    weeks: Ke(r, s, n)
   };
-}, Qe = (t, e, n, r = !0) => {
-  const s = new Date(t, e, 1), c = vt(s, { locale: n }), d = [];
+}, Ke = (t, e, n, r = !0) => {
+  const s = new Date(t, e, 1), c = ee(s, { locale: n }), d = [];
   for (let o = 0; o < 6; o++) {
-    const l = _t(Me(c, o), n);
+    const l = _t(Re(c, o), n);
     if (o > 0 && l.startMonth !== e && !r)
       return d;
     d.push(l);
@@ -152,36 +147,36 @@ const Kt = (t, e, n, r) => {
 }, _t = (t, e) => {
   const n = tt(q(t, 7)) !== tt(t);
   return {
-    weekNumber: Vt(t, { locale: e }),
+    weekNumber: ne(t, { locale: e }),
     startMonth: tt(t),
-    startYear: yt(t),
+    startYear: wt(t),
     endMonth: tt(q(t, 6)),
-    endYear: yt(q(t, 6)),
-    days: Ze(t, e),
+    endYear: wt(q(t, 6)),
+    days: qe(t, e),
     isLastWeekOfMonth: n
   };
-}, Xe = (t, e) => {
-  const n = Ee(t);
+}, Ge = (t, e) => {
+  const n = Ae(t);
   return {
     date: t,
     name: W(t, "EEE", e ? { locale: e } : void 0),
-    dateString: W(Re(t, 12), Z.fullDate),
-    weekNumber: Vt(t, { locale: e }),
-    year: yt(t),
+    dateString: W(Te(t, 12), Z.fullDate),
+    weekNumber: ne(t, { locale: e }),
+    year: wt(t),
     month: tt(t),
     dayOfMonth: Ct(t),
     dayOfWeek: n,
     isFirstDayOfWeek: n === 1,
     isLastDayOfWeek: n === 7,
-    isFirstDayOfMonth: z(Ft(t), t),
-    isLastDayOfMonth: z(Zt(t), t)
+    isFirstDayOfMonth: z(te(t), t),
+    isLastDayOfMonth: z(Vt(t), t)
   };
-}, Ze = (t, e) => Pt({
+}, qe = (t, e) => Pt({
   start: t,
   end: q(t, 6)
-}).map((n) => Xe(n, e)), Fe = (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 }, ve = "_calendar_1w0de_1", Ve = {
-  calendar: ve
-}, tn = (t, e, n) => !!(e && e.indexOf(n) >= 0 || t && t.highlights && t.highlights.indexOf(n) >= 0), V = (t, e, n, r, s) => {
+}).map((n) => Ge(n, e)), Qe = (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 }, Xe = "_calendar_1w0de_1", Ze = {
+  calendar: Xe
+}, Fe = (t, e, n) => !!(e && e.indexOf(n) >= 0 || t && t.highlights && t.highlights.indexOf(n) >= 0), V = (t, e, n, r, s) => {
   if (n.length !== r.length)
     throw new Error(
       "Select highlight failed, number of values do not equal number of highlights."
@@ -189,31 +184,73 @@ const Kt = (t, e, n, r) => {
   if (n.length === 0)
     return s;
   for (let c = 0; c < n.length; c++)
-    if (typeof n[c] == "boolean" && n[c] || typeof n[c] == "string" && tn(
+    if (typeof n[c] == "boolean" && n[c] || typeof n[c] == "string" && Fe(
       t,
       e,
       n[c]
     ))
       return r[c];
   return s;
-}, en = ({
+}, ve = ({
   selectedBackground: t,
   todayBackground: e,
   rangeBackground: n,
   borderColor: r = "transparent"
 }) => (s, c, d, o, l) => {
   let a = {};
-  const f = V(c, s, ["selected", "range", "today", d.month === l.monthInYear], [t, n, e, "#fff"], "transparent");
+  const f = V(
+    c,
+    s,
+    ["selected", "range", "today", d.month === l.monthInYear],
+    [t, n, e, "#fff"],
+    "transparent"
+  );
   return {
     ...a,
     backgroundColor: f,
-    borderTopLeftRadius: V(c, s, ["selectedStart", "singleSelected"], ["var(--swui-calendar-day-border-radius)", "var(--swui-calendar-day-border-radius)"], r),
-    borderBottomLeftRadius: V(c, s, ["selectedStart", "singleSelected"], ["var(--swui-calendar-day-border-radius)", "var(--swui-calendar-day-border-radius)"], r),
-    borderTopRightRadius: V(c, s, ["selectedEnd", "singleSelected"], ["var(--swui-calendar-day-border-radius)", "var(--swui-calendar-day-border-radius)"], r),
-    borderBottomRightRadius: V(c, s, ["selectedEnd", "singleSelected"], ["var(--swui-calendar-day-border-radius)", "var(--swui-calendar-day-border-radius)"], r),
+    borderTopLeftRadius: V(
+      c,
+      s,
+      ["selectedStart", "singleSelected"],
+      [
+        "var(--swui-calendar-day-border-radius)",
+        "var(--swui-calendar-day-border-radius)"
+      ],
+      r
+    ),
+    borderBottomLeftRadius: V(
+      c,
+      s,
+      ["selectedStart", "singleSelected"],
+      [
+        "var(--swui-calendar-day-border-radius)",
+        "var(--swui-calendar-day-border-radius)"
+      ],
+      r
+    ),
+    borderTopRightRadius: V(
+      c,
+      s,
+      ["selectedEnd", "singleSelected"],
+      [
+        "var(--swui-calendar-day-border-radius)",
+        "var(--swui-calendar-day-border-radius)"
+      ],
+      r
+    ),
+    borderBottomRightRadius: V(
+      c,
+      s,
+      ["selectedEnd", "singleSelected"],
+      [
+        "var(--swui-calendar-day-border-radius)",
+        "var(--swui-calendar-day-border-radius)"
+      ],
+      r
+    ),
     boxSizing: "border-box"
   };
-}, nn = ({
+}, Ve = ({
   selectedColor: t,
   disabledColor: e,
   inOtherMonthColor: n,
@@ -221,7 +258,18 @@ const Kt = (t, e, n, r) => {
 }) => (s, c, d, o, l) => {
   const a = d.month !== l.monthInYear;
   return {
-    color: V(c, s, [a, "selected", "range", "enabled", "disabled"], [n, t, r, void 0, e])
+    color: V(
+      c,
+      s,
+      [a, "selected", "range", "enabled", "disabled"],
+      [
+        n,
+        t,
+        r,
+        void 0,
+        e
+      ]
+    )
   };
 }, rt = {
   width: "var(--swui-calendar-day-width)",
@@ -237,12 +285,12 @@ const Kt = (t, e, n, r) => {
     clickableTextColor: "var(--swui-calendar-week-day-clickable-text-color)"
   },
   CalendarDay: {
-    tdStyle: en({
+    tdStyle: ve({
       selectedBackground: "var(--swui-calendar-wrapper-selected-background)",
       rangeBackground: "var(--swui-calendar-wrapper-range-background)",
       todayBackground: "var(--swui-calendar-wrapper-today-background)"
     }),
-    textProps: nn({
+    textProps: Ve({
       selectedColor: "var(--swui-calendar-text-selected-color)",
       disabledColor: "var(--swui-calendar-text-disabled-color)",
       inOtherMonthColor: "var(--swui-calendar-text-in-other-month-color)"
@@ -251,11 +299,11 @@ const Kt = (t, e, n, r) => {
   CalendarMonth: {
     headerTextColor: "var(--swui-calendar-week-day-text-color)"
   }
-}, Sr = {
+}, hr = {
   ...rt,
   width: "37px",
   height: "37px"
-}, rn = (t, e, n) => e && Ae(t, e) ? z(t, e) : n && et(t, n) ? z(t, n) : !0, sn = function({
+}, tn = (t, e, n) => e && xe(t, e) ? z(t, e) : n && et(t, n) ? z(t, n) : !0, en = function({
   dayComponent: e,
   minDate: n,
   maxDate: r,
@@ -263,13 +311,12 @@ const Kt = (t, e, n, r) => {
   day: c,
   ...d
 }) {
-  const o = C(() => rn(c.date, n, r) ? s : se(s, ["disabled"]), [c.date, s, r, n]);
-  return /* @__PURE__ */ i(e, {
-    day: c,
-    ...d,
-    dayState: o
-  });
-}, cn = ({
+  const o = C(
+    () => tn(c.date, n, r) ? s : oe(s, ["disabled"]),
+    [c.date, s, r, n]
+  );
+  return /* @__PURE__ */ i(e, { day: c, ...d, dayState: o });
+}, nn = ({
   onClickWeek: t,
   theme: e,
   week: n,
@@ -277,34 +324,46 @@ const Kt = (t, e, n, r) => {
   backgroundColor: s,
   prefix: c
 }) => {
-  const d = /* @__PURE__ */ E(I, {
-    width: e.width,
-    height: e.height,
-    justifyContent: "center",
-    alignItems: "center",
-    children: [r && /* @__PURE__ */ i(I, {
-      position: "absolute",
-      children: r
-    }), /* @__PURE__ */ i(I, {
-      position: "absolute",
-      children: /* @__PURE__ */ E(it, {
-        color: t ? e.WeekNumber.clickableTextColor : e.WeekNumber.textColor,
-        children: [c, n.weekNumber]
-      })
-    })]
-  });
-  return /* @__PURE__ */ i(I, {
-    background: s || e.WeekNumber.backgroundColor,
-    position: "relative",
-    children: t ? /* @__PURE__ */ i(Wt, {
-      borderRadius: "var(--swui-calendar-day-border-radius)",
-      onClick: (o) => t(n, o),
-      disableFocusHighlight: !t,
-      children: d
-    }) : d
-  });
+  const d = /* @__PURE__ */ E(
+    I,
+    {
+      width: e.width,
+      height: e.height,
+      justifyContent: "center",
+      alignItems: "center",
+      children: [
+        r && /* @__PURE__ */ i(I, { position: "absolute", children: r }),
+        /* @__PURE__ */ i(I, { position: "absolute", children: /* @__PURE__ */ E(
+          it,
+          {
+            color: t ? e.WeekNumber.clickableTextColor : e.WeekNumber.textColor,
+            children: [
+              c,
+              n.weekNumber
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+  return /* @__PURE__ */ i(
+    I,
+    {
+      background: s || e.WeekNumber.backgroundColor,
+      position: "relative",
+      children: t ? /* @__PURE__ */ i(
+        Wt,
+        {
+          borderRadius: "var(--swui-calendar-day-border-radius)",
+          onClick: (o) => t(n, o),
+          disableFocusHighlight: !t,
+          children: d
+        }
+      ) : d
+    }
+  );
 };
-function on({
+function rn({
   week: t,
   month: e,
   dayComponent: n,
@@ -319,52 +378,67 @@ function on({
   extraDayContent: h,
   defaultHighlights: u
 }) {
-  return /* @__PURE__ */ E("tr", {
-    children: [a.WeekNumber.show && /* @__PURE__ */ i("td", {
-      children: f ? f(t, a, o) : /* @__PURE__ */ i(cn, {
+  return /* @__PURE__ */ E("tr", { children: [
+    a.WeekNumber.show && /* @__PURE__ */ i("td", { children: f ? f(t, a, o) : /* @__PURE__ */ i(
+      nn,
+      {
         week: t,
         onClickWeek: o,
         theme: a
-      })
-    }), t.days.map((D) => /* @__PURE__ */ i(sn, {
-      dayComponent: n,
-      day: D,
-      week: t,
-      month: e,
-      dayState: r && r[D.dayOfMonth],
-      userData: s && s[D.dayOfMonth],
-      onClickDay: l,
-      theme: a,
-      extraDayContent: h,
-      defaultHighlights: u,
-      minDate: c,
-      maxDate: d
-    }, D.dateString))]
-  }, t.weekNumber);
+      }
+    ) }),
+    t.days.map((D) => /* @__PURE__ */ i(
+      en,
+      {
+        dayComponent: n,
+        day: D,
+        week: t,
+        month: e,
+        dayState: r && r[D.dayOfMonth],
+        userData: s && s[D.dayOfMonth],
+        onClickDay: l,
+        theme: a,
+        extraDayContent: h,
+        defaultHighlights: u,
+        minDate: c,
+        maxDate: d
+      },
+      D.dateString
+    ))
+  ] }, t.weekNumber);
 }
-const dn = ({
+const sn = ({
   onClickWeekDay: t,
   day: e,
   theme: n
 }) => {
-  const r = /* @__PURE__ */ i(I, {
-    width: n.width,
-    height: n.height,
-    justifyContent: "center",
-    alignItems: "center",
-    children: /* @__PURE__ */ i(it, {
-      size: "small",
-      color: t ? n.WeekDay.clickableTextColor : n.WeekDay.textColor,
-      children: e.name
-    })
-  });
-  return t ? /* @__PURE__ */ i(Wt, {
-    borderRadius: "var(--swui-calendar-day-border-radius)",
-    onClick: (s) => t(e.dayOfWeek, s),
-    disableFocusHighlight: !t,
-    children: r
-  }) : r;
-}, ie = function({
+  const r = /* @__PURE__ */ i(
+    I,
+    {
+      width: n.width,
+      height: n.height,
+      justifyContent: "center",
+      alignItems: "center",
+      children: /* @__PURE__ */ i(
+        it,
+        {
+          size: "small",
+          color: t ? n.WeekDay.clickableTextColor : n.WeekDay.textColor,
+          children: e.name
+        }
+      )
+    }
+  );
+  return t ? /* @__PURE__ */ i(
+    Wt,
+    {
+      borderRadius: "var(--swui-calendar-day-border-radius)",
+      onClick: (s) => t(e.dayOfWeek, s),
+      disableFocusHighlight: !t,
+      children: r
+    }
+  ) : r;
+}, le = function({
   day: e,
   week: n,
   month: r,
@@ -375,57 +449,93 @@ const dn = ({
   extraDayContent: l,
   defaultHighlights: a
 }) {
-  const f = /* @__PURE__ */ i(I, {
-    width: "100%",
-    height: "100%",
-    justifyContent: "center",
-    alignItems: "center",
-    children: /* @__PURE__ */ i(it, {
-      ...o.CalendarDay.textProps && o.CalendarDay.textProps(a, s, e, n, r, c),
-      children: e.dayOfMonth
-    })
-  }), h = Nt.td({
-    ...o.CalendarDay.tdStyle && o.CalendarDay.tdStyle(a, s, e, n, r, c)
+  const f = /* @__PURE__ */ i(
+    I,
+    {
+      width: "100%",
+      height: "100%",
+      justifyContent: "center",
+      alignItems: "center",
+      children: /* @__PURE__ */ i(
+        it,
+        {
+          ...o.CalendarDay.textProps && o.CalendarDay.textProps(
+            a,
+            s,
+            e,
+            n,
+            r,
+            c
+          ),
+          children: e.dayOfMonth
+        }
+      )
+    }
+  ), h = Nt.td({
+    ...o.CalendarDay.tdStyle && o.CalendarDay.tdStyle(
+      a,
+      s,
+      e,
+      n,
+      r,
+      c
+    )
   }), u = Nt.div({
-    ...o.CalendarDay.innerWrapperStyle && o.CalendarDay.innerWrapperStyle(a, s, e, n, r, c),
+    ...o.CalendarDay.innerWrapperStyle && o.CalendarDay.innerWrapperStyle(
+      a,
+      s,
+      e,
+      n,
+      r,
+      c
+    ),
     width: "100%",
     height: "100%"
   }), D = Nt.div({
-    ...o.CalendarDay.cellWrapperStyle && o.CalendarDay.cellWrapperStyle(a, s, e, n, r, c),
+    ...o.CalendarDay.cellWrapperStyle && o.CalendarDay.cellWrapperStyle(
+      a,
+      s,
+      e,
+      n,
+      r,
+      c
+    ),
     width: "100%",
     height: "100%",
     position: "relative"
   });
-  return /* @__PURE__ */ i(h, {
-    children: /* @__PURE__ */ i(u, {
-      children: /* @__PURE__ */ i(D, {
-        children: e.month === r.monthInYear && /* @__PURE__ */ E(mt, {
-          children: [l && /* @__PURE__ */ i(l, {
-            week: n,
-            month: r,
-            day: e,
-            dayState: s,
-            theme: o,
-            userData: c
-          }), d && ln(a, s) ? /* @__PURE__ */ i(Wt, {
-            onClick: (m) => d(e, c, m),
-            style: {
-              width: "100%",
-              height: "100%"
-            },
-            borderRadius: "var(--swui-calendar-day-border-radius)",
-            children: f
-          }) : /* @__PURE__ */ i(mt, {
-            children: f
-          })]
-        })
-      })
-    })
-  });
-}, ln = (t, e) => !!V(e, t, ["enabled", "disabled"], [!0, !1], !0);
-function an({
+  return /* @__PURE__ */ i(h, { children: /* @__PURE__ */ i(u, { children: /* @__PURE__ */ i(D, { children: e.month === r.monthInYear && /* @__PURE__ */ E(ht, { children: [
+    l && /* @__PURE__ */ i(
+      l,
+      {
+        week: n,
+        month: r,
+        day: e,
+        dayState: s,
+        theme: o,
+        userData: c
+      }
+    ),
+    d && cn(a, s) ? /* @__PURE__ */ i(
+      Wt,
+      {
+        onClick: (w) => d(e, c, w),
+        style: { width: "100%", height: "100%" },
+        borderRadius: "var(--swui-calendar-day-border-radius)",
+        children: f
+      }
+    ) : /* @__PURE__ */ i(ht, { children: f })
+  ] }) }) }) });
+}, cn = (t, e) => !!V(
+  e,
+  t,
+  ["enabled", "disabled"],
+  [!0, !1],
+  !0
+);
+function on({
   month: t,
-  dayComponent: e = ie,
+  dayComponent: e = le,
   statePerWeek: n,
   userDataPerWeek: r,
   minDate: s,
@@ -438,85 +548,79 @@ function an({
   renderWeekNumber: h,
   renderWeekDay: u,
   headerLeftContent: D,
-  headerRightContent: m,
+  headerRightContent: w,
   theme: k = rt,
   extraDayContent: p,
   defaultHighlights: b
 }) {
-  const w = k.WeekNumber.show;
-  return /* @__PURE__ */ i(mt, {
-    children: /* @__PURE__ */ E(I, {
-      alignItems: "stretch",
-      children: [/* @__PURE__ */ E(R, {
+  const m = k.WeekNumber.show;
+  return /* @__PURE__ */ i(ht, { children: /* @__PURE__ */ E(I, { alignItems: "stretch", children: [
+    /* @__PURE__ */ E(
+      R,
+      {
         justifyContent: "space-between",
         alignItems: "center",
         height: "32px",
-        children: [/* @__PURE__ */ i(I, {
-          alignItems: "center",
-          children: D
-        }), /* @__PURE__ */ E(R, {
-          alignItems: "center",
-          children: [/* @__PURE__ */ i(R, {
-            width: "104px",
-            justifyContent: "center",
-            children: a ? /* @__PURE__ */ i(A, {
-              onClick: () => a(t),
-              label: t.name
-            }) : /* @__PURE__ */ i(it, {
-              children: t.name
-            })
-          }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(R, {
-            width: "64px",
-            justifyContent: "center",
-            children: f ? /* @__PURE__ */ i(A, {
-              onClick: () => f(t.year),
-              label: String(t.year)
-            }) : /* @__PURE__ */ i(it, {
-              children: t.year
-            })
-          })]
-        }), /* @__PURE__ */ i(I, {
-          alignItems: "center",
-          children: m
-        })]
-      }), /* @__PURE__ */ i("table", {
-        children: /* @__PURE__ */ E("tbody", {
-          children: [/* @__PURE__ */ E("tr", {
-            children: [w && /* @__PURE__ */ i("td", {
-              children: /* @__PURE__ */ i(I, {
-                width: k.width,
-                height: k.height
-              })
-            }), t.weeks[0].days.map((y) => /* @__PURE__ */ i("td", {
-              children: u ? u(y.name, k, l) : /* @__PURE__ */ i(dn, {
-                day: y,
-                onClickWeekDay: l,
-                theme: k
-              })
-            }, y.name))]
-          }), t.weeks.map((y) => /* @__PURE__ */ i(on, {
-            month: t,
-            week: y,
-            dayComponent: e,
-            statePerWeekDay: n && n[y.weekNumber],
-            userDataPerWeekDay: r && r[y.weekNumber],
-            onClickDay: d,
-            onClickWeek: o,
-            theme: k,
-            renderWeekNumber: h,
-            extraDayContent: p,
-            defaultHighlights: b,
-            minDate: s,
-            maxDate: c
-          }, y.weekNumber))]
-        })
-      })]
-    })
-  });
+        children: [
+          /* @__PURE__ */ i(I, { alignItems: "center", children: D }),
+          /* @__PURE__ */ E(R, { alignItems: "center", children: [
+            /* @__PURE__ */ i(R, { width: "104px", justifyContent: "center", children: a ? /* @__PURE__ */ i(
+              A,
+              {
+                onClick: () => a(t),
+                label: t.name
+              }
+            ) : /* @__PURE__ */ i(it, { children: t.name }) }),
+            /* @__PURE__ */ i($, {}),
+            /* @__PURE__ */ i(R, { width: "64px", justifyContent: "center", children: f ? /* @__PURE__ */ i(
+              A,
+              {
+                onClick: () => f(t.year),
+                label: String(t.year)
+              }
+            ) : /* @__PURE__ */ i(it, { children: t.year }) })
+          ] }),
+          /* @__PURE__ */ i(I, { alignItems: "center", children: w })
+        ]
+      }
+    ),
+    /* @__PURE__ */ i("table", { children: /* @__PURE__ */ E("tbody", { children: [
+      /* @__PURE__ */ E("tr", { children: [
+        m && /* @__PURE__ */ i("td", { children: /* @__PURE__ */ i(I, { width: k.width, height: k.height }) }),
+        t.weeks[0].days.map((y) => /* @__PURE__ */ i("td", { children: u ? u(y.name, k, l) : /* @__PURE__ */ i(
+          sn,
+          {
+            day: y,
+            onClickWeekDay: l,
+            theme: k
+          }
+        ) }, y.name))
+      ] }),
+      t.weeks.map((y) => /* @__PURE__ */ i(
+        rn,
+        {
+          month: t,
+          week: y,
+          dayComponent: e,
+          statePerWeekDay: n && n[y.weekNumber],
+          userDataPerWeekDay: r && r[y.weekNumber],
+          onClickDay: d,
+          onClickWeek: o,
+          theme: k,
+          renderWeekNumber: h,
+          extraDayContent: p,
+          defaultHighlights: b,
+          minDate: s,
+          maxDate: c
+        },
+        y.weekNumber
+      ))
+    ] }) })
+  ] }) });
 }
-function fn({
+function dn({
   monthRows: t,
-  dayComponent: e = ie,
+  dayComponent: e = le,
   userDataPerMonth: n,
   statePerMonth: r,
   minDate: s,
@@ -529,57 +633,72 @@ function fn({
   renderWeekDay: h,
   renderWeekNumber: u,
   headerLeftContent: D,
-  headerRightContent: m,
+  headerRightContent: w,
   extraDayContent: k,
   defaultHighlights: p,
   theme: b = rt
 }) {
-  const w = C(() => s ? ot(s, "yyyy-MM-dd", new Date()) : void 0, [s]), y = C(() => c ? ot(c, "yyyy-MM-dd", new Date()) : void 0, [c]);
-  return /* @__PURE__ */ i("div", {
-    className: Ve.calendar,
-    children: t.map((M, T) => /* @__PURE__ */ i(ge, {
-      children: /* @__PURE__ */ i(R, {
-        children: M.map((x, N) => /* @__PURE__ */ E(ne.Fragment, {
-          children: [N > 0 && /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(an, {
-            month: x,
-            dayComponent: e,
-            userDataPerWeek: n && n[x.monthString],
-            statePerWeek: r && r[x.monthString],
-            onClickDay: d,
-            onClickWeekDay: o,
-            onClickWeek: l,
-            onClickMonth: a,
-            onClickYear: f,
-            theme: b,
-            renderWeekNumber: u,
-            renderWeekDay: h,
-            headerLeftContent: D,
-            headerRightContent: m,
-            extraDayContent: k,
-            defaultHighlights: p,
-            minDate: w,
-            maxDate: y
-          })]
-        }, x.name))
-      })
-    }, T))
-  });
+  const m = C(
+    () => s ? ot(s, "yyyy-MM-dd", new Date()) : void 0,
+    [s]
+  ), y = C(
+    () => c ? ot(c, "yyyy-MM-dd", new Date()) : void 0,
+    [c]
+  );
+  return /* @__PURE__ */ i("div", { className: Ze.calendar, children: t.map((M, T) => /* @__PURE__ */ i(me, { children: /* @__PURE__ */ i(R, { children: M.map((x, N) => /* @__PURE__ */ E(ce.Fragment, { children: [
+    N > 0 && /* @__PURE__ */ i($, {}),
+    /* @__PURE__ */ i(
+      on,
+      {
+        month: x,
+        dayComponent: e,
+        userDataPerWeek: n && n[x.monthString],
+        statePerWeek: r && r[x.monthString],
+        onClickDay: d,
+        onClickWeekDay: o,
+        onClickWeek: l,
+        onClickMonth: a,
+        onClickYear: f,
+        theme: b,
+        renderWeekNumber: u,
+        renderWeekDay: h,
+        headerLeftContent: D,
+        headerRightContent: w,
+        extraDayContent: k,
+        defaultHighlights: p,
+        minDate: m,
+        maxDate: y
+      }
+    )
+  ] }, x.name)) }) }, T)) });
 }
 function Lt(t) {
   var d;
-  const e = un(t.year, t.month, t.date), {
-    year: n,
-    month: r
-  } = Fe(e.year, e.month), s = Dn(n, r, (d = t.locale) != null ? d : zt, t.numMonths, t.monthsPerRow), c = Ge(t.highlightToday, t.statePerMonth);
-  return /* @__PURE__ */ i(fn, {
-    year: n,
-    month: r,
-    monthRows: s,
-    ...t,
-    statePerMonth: c
-  });
+  const e = ln(t.year, t.month, t.date), { year: n, month: r } = Qe(
+    e.year,
+    e.month
+  ), s = an(
+    n,
+    r,
+    (d = t.locale) != null ? d : zt,
+    t.numMonths,
+    t.monthsPerRow
+  ), c = _e(
+    t.highlightToday,
+    t.statePerMonth
+  );
+  return /* @__PURE__ */ i(
+    dn,
+    {
+      year: n,
+      month: r,
+      monthRows: s,
+      ...t,
+      statePerMonth: c
+    }
+  );
 }
-const un = (t, e, n) => {
+const ln = (t, e, n) => {
   if (e && t)
     return {
       month: e,
@@ -588,14 +707,14 @@ const un = (t, e, n) => {
   if (n)
     return {
       month: tt(n),
-      year: yt(n)
+      year: wt(n)
     };
   const r = new Date();
   return {
     month: tt(r),
-    year: yt(r)
+    year: wt(r)
   };
-}, Dn = (t, e, n, r, s) => r == null ? [[ce(t, e, n)]] : s == null ? [Kt(t, e, r, n)] : ee(Kt(t, e, r, n), s), hn = ({
+}, an = (t, e, n, r, s) => r == null ? [[de(t, e, n)]] : s == null ? [Kt(t, e, r, n)] : se(Kt(t, e, r, n), s), fn = ({
   value: t,
   onValueChange: e,
   month: n,
@@ -603,37 +722,40 @@ const un = (t, e, n) => {
 }) => {
   const s = C(() => {
     const c = new Date(2e3, n, 1);
-    return te(W(c, "MMM", {
-      locale: r
-    }));
+    return re(W(c, "MMM", { locale: r }));
   }, [r, n]);
-  return /* @__PURE__ */ i(R, {
-    width: "64px",
-    justifyContent: "center",
-    spacing: 0.5,
-    indent: 0.5,
-    children: t === n ? /* @__PURE__ */ i(dt, {
+  return /* @__PURE__ */ i(R, { justifyContent: "center", children: t === n ? /* @__PURE__ */ i(
+    dt,
+    {
       label: s,
       onClick: () => e && e(n)
-    }) : /* @__PURE__ */ i(A, {
+    }
+  ) : /* @__PURE__ */ i(
+    A,
+    {
       label: s,
       onClick: () => e && e(n)
-    })
-  });
-}, gn = [[U.JANUARY, U.FEBRUARY, U.MARCH], [U.APRIL, U.MAY, U.JUNE], [U.JULY, U.AUGUST, U.SEPTEMBER], [U.OCTOBER, U.NOVEMBER, U.DECEMBER]], yn = ({
+    }
+  ) });
+}, un = [
+  [U.JANUARY, U.FEBRUARY, U.MARCH],
+  [U.APRIL, U.MAY, U.JUNE],
+  [U.JULY, U.AUGUST, U.SEPTEMBER],
+  [U.OCTOBER, U.NOVEMBER, U.DECEMBER]
+], Dn = ({
   value: t,
   onValueChange: e,
   locale: n = zt
-}) => /* @__PURE__ */ i(B, {
-  children: gn.map((r) => /* @__PURE__ */ i(R, {
-    children: r.map((s) => /* @__PURE__ */ i(hn, {
-      month: s,
-      onValueChange: e,
-      value: t,
-      locale: n
-    }, s))
-  }, r[0]))
-}), mn = (t) => [
+}) => /* @__PURE__ */ i(B, { gap: 1, children: un.map((r) => /* @__PURE__ */ i(R, { gap: 1, children: r.map((s) => /* @__PURE__ */ i(
+  fn,
+  {
+    month: s,
+    onValueChange: e,
+    value: t,
+    locale: n
+  },
+  s
+)) }, r[0])) }), hn = (t) => [
   {
     label: "Past",
     presets: [
@@ -652,93 +774,97 @@ const un = (t, e, n) => {
       { label: "Next 45 days", startDate: t, endDate: q(t, 44) }
     ]
   }
-], wn = ({
+], gn = ({
   onClickPreset: t
 }) => {
   var c;
-  const [e, n] = S(0), r = C(() => mn(new Date()), []), s = (c = r[e]) != null ? c : r[0];
-  return /* @__PURE__ */ E(B, {
-    children: [/* @__PURE__ */ E(R, {
-      justifyContent: "space-between",
-      alignItems: "center",
-      width: "200px",
-      children: [/* @__PURE__ */ i(A, {
-        size: "small",
-        leftIcon: Ot,
-        disabled: e === 0,
-        onClick: () => n(e - 1)
-      }), /* @__PURE__ */ i(it, {
-        children: s.label
-      }), /* @__PURE__ */ i(A, {
-        size: "small",
-        leftIcon: $t,
-        disabled: e === r.length - 1,
-        onClick: () => n(e + 1)
-      })]
-    }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(B, {
-      alignItems: "center",
-      children: s.presets.map((d) => /* @__PURE__ */ E(ne.Fragment, {
-        children: [/* @__PURE__ */ i(dt, {
+  const [e, n] = S(0), r = C(() => hn(new Date()), []), s = (c = r[e]) != null ? c : r[0];
+  return /* @__PURE__ */ E(B, { children: [
+    /* @__PURE__ */ E(
+      R,
+      {
+        justifyContent: "space-between",
+        alignItems: "center",
+        width: "200px",
+        children: [
+          /* @__PURE__ */ i(
+            A,
+            {
+              size: "small",
+              leftIcon: Ot,
+              disabled: e === 0,
+              onClick: () => n(e - 1)
+            }
+          ),
+          /* @__PURE__ */ i(it, { children: s.label }),
+          /* @__PURE__ */ i(
+            A,
+            {
+              size: "small",
+              leftIcon: $t,
+              disabled: e === r.length - 1,
+              onClick: () => n(e + 1)
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ i($, {}),
+    /* @__PURE__ */ i(B, { alignItems: "center", children: s.presets.map((d) => /* @__PURE__ */ E(ce.Fragment, { children: [
+      /* @__PURE__ */ i(
+        dt,
+        {
           label: d.label,
           onClick: () => t(d)
-        }), /* @__PURE__ */ i($, {})]
-      }, d.label))
-    })]
-  });
-}, pn = ({
+        }
+      ),
+      /* @__PURE__ */ i($, {})
+    ] }, d.label)) })
+  ] });
+}, yn = ({
   value: t,
   onValueChange: e,
   year: n
 }) => {
   const r = String(n);
-  return /* @__PURE__ */ i(R, {
-    width: "64px",
-    justifyContent: "center",
-    spacing: 0.5,
-    indent: 0.5,
-    children: t === n ? /* @__PURE__ */ i(dt, {
-      label: r,
-      onClick: () => e == null ? void 0 : e(n)
-    }) : /* @__PURE__ */ i(A, {
-      label: r,
-      onClick: () => e == null ? void 0 : e(n)
-    })
-  });
-}, bn = ({
+  return /* @__PURE__ */ i(R, { justifyContent: "center", children: t === n ? /* @__PURE__ */ i(dt, { label: r, onClick: () => e == null ? void 0 : e(n) }) : /* @__PURE__ */ i(A, { label: r, onClick: () => e == null ? void 0 : e(n) }) });
+}, wn = ({
   value: t,
   onValueChange: e,
   initialLastYear: n
 }) => {
   const [r, s] = S(() => t ? t + 4 : n != null ? n : new Date().getFullYear() + 4), c = C(() => {
     const d = r - 11;
-    return ee(jt(d, r + 1), 3);
+    return se(jt(d, r + 1), 3);
   }, [r]);
   return Q(() => {
-    s((d) => kn(t, d));
-  }, [t]), /* @__PURE__ */ E(R, {
-    children: [/* @__PURE__ */ i(B, {
-      justifyContent: "center",
-      children: /* @__PURE__ */ i(A, {
-        leftIcon: We,
+    s((d) => mn(t, d));
+  }, [t]), /* @__PURE__ */ E(R, { children: [
+    /* @__PURE__ */ i(B, { justifyContent: "center", children: /* @__PURE__ */ i(
+      A,
+      {
+        leftIcon: be,
         onClick: () => s(r - 3)
-      })
-    }), /* @__PURE__ */ i(B, {
-      children: c.map((d) => /* @__PURE__ */ i(R, {
-        children: d.map((o) => /* @__PURE__ */ i(pn, {
-          year: o,
-          onValueChange: e,
-          value: t
-        }, o))
-      }, d[0]))
-    }), /* @__PURE__ */ i(B, {
-      justifyContent: "center",
-      children: /* @__PURE__ */ i(A, {
-        leftIcon: Oe,
+      }
+    ) }),
+    /* @__PURE__ */ i(B, { gap: 1, children: c.map((d) => /* @__PURE__ */ i(R, { gap: 1, children: d.map((o) => /* @__PURE__ */ i(
+      yn,
+      {
+        year: o,
+        onValueChange: e,
+        value: t
+      },
+      o
+    )) }, d[0])) }),
+    /* @__PURE__ */ i(B, { justifyContent: "center", children: /* @__PURE__ */ i(
+      A,
+      {
+        leftIcon: Qt,
         onClick: () => s(r + 3)
-      })
-    })]
-  });
-}, kn = (t, e) => {
+      }
+    ) })
+  ] });
+}, mn = (t, e) => {
   if (t == null)
     return e;
   if (t > e) {
@@ -751,7 +877,7 @@ const un = (t, e, n) => {
     return e - c;
   }
   return e;
-}, Sn = function({
+}, pn = function({
   locale: e,
   dateInFocus: n,
   setDateInFocus: r,
@@ -759,66 +885,78 @@ const un = (t, e, n) => {
   setCurrentPanel: c,
   ...d
 }) {
-  const o = g((h) => {
-    const u = n ? new Date(n) : new Date();
-    u.setMonth(h), r && r(u), c("calendar");
-  }, [n, r, c]), l = g((h) => {
-    const u = n ? new Date(n) : new Date();
-    u.setFullYear(h), r && r(u), c("calendar");
-  }, [n, r, c]), a = g(() => {
+  const o = g(
+    (h) => {
+      const u = n ? new Date(n) : new Date();
+      u.setMonth(h), r && r(u), c("calendar");
+    },
+    [n, r, c]
+  ), l = g(
+    (h) => {
+      const u = n ? new Date(n) : new Date();
+      u.setFullYear(h), r && r(u), c("calendar");
+    },
+    [n, r, c]
+  ), a = g(() => {
     c("year");
   }, [c]), f = g(() => {
     c("month");
   }, [c]);
   switch (s) {
     case "calendar":
-      return /* @__PURE__ */ i(mt, {
-        children: /* @__PURE__ */ i(Lt, {
+      return /* @__PURE__ */ i(ht, { children: /* @__PURE__ */ i(
+        Lt,
+        {
           ...d,
           date: n,
           onClickYear: a,
           onClickMonth: f,
           locale: e
-        })
-      });
+        }
+      ) });
     case "month":
-      return /* @__PURE__ */ i(yn, {
-        value: n.getMonth(),
-        onValueChange: o,
-        locale: e
-      });
+      return /* @__PURE__ */ i(
+        Dn,
+        {
+          value: n.getMonth(),
+          onValueChange: o,
+          locale: e
+        }
+      );
     case "year":
-      return /* @__PURE__ */ i(bn, {
-        value: n.getFullYear(),
-        onValueChange: l
-      });
-    case "presets":
-      return /* @__PURE__ */ i(wn, {
-        onClickPreset: () => {
+      return /* @__PURE__ */ i(
+        wn,
+        {
+          value: n.getFullYear(),
+          onValueChange: l
         }
-      });
+      );
+    case "presets":
+      return /* @__PURE__ */ i(gn, { onClickPreset: () => {
+      } });
     default:
-      return /* @__PURE__ */ i(I, {
-        children: /* @__PURE__ */ i(dt, {
+      return /* @__PURE__ */ i(I, { children: /* @__PURE__ */ i(
+        dt,
+        {
           label: "Show calendar",
           onClick: () => c("calendar")
-        })
-      });
+        }
+      ) });
   }
-}, Mn = (t, e, n, r) => {
+}, bn = (t, e, n, r) => {
   const s = g(() => {
     var a;
-    const l = Te(t, (a = n != null ? n : r) != null ? a : 1);
+    const l = Ce(t, (a = n != null ? n : r) != null ? a : 1);
     e == null || e(l);
   }, [e, t, n, r]), c = g(() => {
-    const l = xe(t, 1);
+    const l = Ne(t, 1);
     e == null || e(l);
   }, [e, t]), d = g(() => {
     var a;
-    const l = Ce(t, (a = n != null ? n : r) != null ? a : 1);
+    const l = Ie(t, (a = n != null ? n : r) != null ? a : 1);
     e == null || e(l);
   }, [e, t, n, r]), o = g(() => {
-    const l = Ne(t, 1);
+    const l = He(t, 1);
     e == null || e(l);
   }, [e, t]);
   return {
@@ -827,33 +965,25 @@ const un = (t, e, n) => {
     nextYear: c,
     prevYear: o
   };
-}, En = ({
+}, kn = ({
   children: t,
   prevMonth: e,
   nextMonth: n,
   prevYear: r,
   nextYear: s
-}) => /* @__PURE__ */ E("div", {
-  children: [t, /* @__PURE__ */ i(ht, {
-    children: /* @__PURE__ */ E(R, {
-      children: [/* @__PURE__ */ i(A, {
-        onClick: r,
-        leftIcon: $e
-      }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(A, {
-        onClick: e,
-        leftIcon: Ot
-      }), /* @__PURE__ */ i(ht, {
-        num: 2
-      }), /* @__PURE__ */ i(A, {
-        onClick: n,
-        leftIcon: $t
-      }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(A, {
-        onClick: s,
-        leftIcon: Pe
-      })]
-    })
-  }), /* @__PURE__ */ i($, {})]
-}), Rn = () => {
+}) => /* @__PURE__ */ E("div", { children: [
+  t,
+  /* @__PURE__ */ i(gt, { children: /* @__PURE__ */ E(R, { children: [
+    /* @__PURE__ */ i(A, { onClick: r, leftIcon: Xt }),
+    /* @__PURE__ */ i($, {}),
+    /* @__PURE__ */ i(A, { onClick: e, leftIcon: Ot }),
+    /* @__PURE__ */ i(gt, { num: 2 }),
+    /* @__PURE__ */ i(A, { onClick: n, leftIcon: $t }),
+    /* @__PURE__ */ i($, {}),
+    /* @__PURE__ */ i(A, { onClick: s, leftIcon: Zt })
+  ] }) }),
+  /* @__PURE__ */ i($, {})
+] }), Sn = () => {
 };
 function F({
   monthSwitcherPlacement: t,
@@ -862,33 +992,36 @@ function F({
   setDateInFocus: r,
   currentPanel: s,
   setCurrentPanel: c,
-  onSelectPreset: d = Rn,
+  onSelectPreset: d = Sn,
   hideYearPagination: o = !1,
   ...l
 }) {
-  const {
-    nextMonth: a,
-    prevMonth: f,
-    nextYear: h,
-    prevYear: u
-  } = Mn(n, r, l.monthsPerRow, l.numMonths);
-  switch (An(t, l.numMonths)) {
+  const { nextMonth: a, prevMonth: f, nextYear: h, prevYear: u } = bn(
+    n,
+    r,
+    l.monthsPerRow,
+    l.numMonths
+  );
+  switch (Mn(
+    t,
+    l.numMonths
+  )) {
     case "below":
-      return /* @__PURE__ */ i(En, {
-        theme: e,
-        nextMonth: a,
-        prevMonth: f,
-        nextYear: h,
-        prevYear: u,
-        children: /* @__PURE__ */ i(Lt, {
-          ...l,
+      return /* @__PURE__ */ i(
+        kn,
+        {
           theme: e,
-          date: n
-        })
-      });
+          nextMonth: a,
+          prevMonth: f,
+          nextYear: h,
+          prevYear: u,
+          children: /* @__PURE__ */ i(Lt, { ...l, theme: e, date: n })
+        }
+      );
     case "header":
-      return /* @__PURE__ */ i(B, {
-        children: /* @__PURE__ */ i(Sn, {
+      return /* @__PURE__ */ i(B, { children: /* @__PURE__ */ i(
+        pn,
+        {
           ...l,
           theme: e,
           dateInFocus: n,
@@ -896,44 +1029,38 @@ function F({
           currentPanel: s,
           setCurrentPanel: c,
           onSelectPreset: d,
-          headerLeftContent: /* @__PURE__ */ E(R, {
-            alignItems: "center",
-            children: [!o && /* @__PURE__ */ i(A, {
-              size: "small",
-              onClick: u,
-              leftIcon: me
-            }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(A, {
-              size: "small",
-              onClick: f,
-              leftIcon: Ot
-            })]
-          }),
-          headerRightContent: /* @__PURE__ */ E(R, {
-            alignItems: "center",
-            children: [/* @__PURE__ */ i(A, {
-              size: "small",
-              onClick: a,
-              leftIcon: $t
-            }), /* @__PURE__ */ i($, {}), !o && /* @__PURE__ */ i(A, {
-              size: "small",
-              onClick: h,
-              leftIcon: we
-            })]
-          })
-        })
-      });
+          headerLeftContent: /* @__PURE__ */ E(R, { alignItems: "center", children: [
+            !o && /* @__PURE__ */ i(
+              A,
+              {
+                onClick: u,
+                leftIcon: Xt
+              }
+            ),
+            /* @__PURE__ */ i($, {}),
+            /* @__PURE__ */ i(A, { onClick: f, leftIcon: Ot })
+          ] }),
+          headerRightContent: /* @__PURE__ */ E(R, { alignItems: "center", children: [
+            /* @__PURE__ */ i(A, { onClick: a, leftIcon: $t }),
+            /* @__PURE__ */ i($, {}),
+            !o && /* @__PURE__ */ i(
+              A,
+              {
+                onClick: h,
+                leftIcon: Zt
+              }
+            )
+          ] })
+        }
+      ) });
     default:
-      return /* @__PURE__ */ i(Lt, {
-        ...l,
-        theme: e,
-        date: n
-      });
+      return /* @__PURE__ */ i(Lt, { ...l, theme: e, date: n });
   }
 }
-const An = (t, e) => t || (e || 1) > 1 ? "below" : "header", Tn = (t) => ({
+const Mn = (t, e) => t || (e || 1) > 1 ? "below" : "header", En = (t) => ({
   startDate: t.startDate ? W(t.startDate, "yyyy-MM-dd") : void 0,
   endDate: t.endDate ? W(t.endDate, "yyyy-MM-dd") : void 0
-}), xn = ({
+}), Rn = ({
   startDate: t,
   endDate: e
 }) => {
@@ -942,23 +1069,23 @@ const An = (t, e) => t || (e || 1) > 1 ? "below" : "header", Tn = (t) => ({
     startDate: t ? ot(t, "yyyy-MM-dd", n) : void 0,
     endDate: e ? ot(e, "yyyy-MM-dd", n) : void 0
   };
-}, oe = ({
+}, ae = ({
   startDate: t,
   endDate: e
 }) => Boolean(
   t && e && !z(t, e) && et(t, e)
-), de = (t) => oe(t) ? {
+), fe = (t) => ae(t) ? {
   startDate: t.endDate,
   endDate: t.startDate
-} : t, Mr = (t) => t.startDate && t.endDate ? Tn(
-  de(xn(t))
-) : t, le = (t, e, n, r) => g(
+} : t, gr = (t) => t.startDate && t.endDate ? En(
+  fe(Rn(t))
+) : t, ue = (t, e, n, r) => g(
   (s) => {
     const c = {
       startDate: n === "startDate" ? s.date : t == null ? void 0 : t.startDate,
       endDate: n === "endDate" ? s.date : t == null ? void 0 : t.endDate
     };
-    oe(c) || r(n === "startDate" ? "endDate" : "startDate"), e == null || e(de(c));
+    ae(c) || r(n === "startDate" ? "endDate" : "startDate"), e == null || e(fe(c));
   },
   [
     n,
@@ -968,14 +1095,17 @@ const An = (t, e) => t || (e || 1) > 1 ? "below" : "header", Tn = (t) => ({
     t == null ? void 0 : t.startDate
   ]
 ), bt = (t) => {
-  const [e, n] = S("calendar"), r = g((s) => {
-    n(s), t == null || t(s);
-  }, [t]);
+  const [e, n] = S("calendar"), r = g(
+    (s) => {
+      n(s), t == null || t(s);
+    },
+    [t]
+  );
   return {
     currentPanel: e,
     setCurrentPanel: r
   };
-}, Cn = ({
+}, An = ({
   focusedInput: t,
   value: e,
   onValueChange: n,
@@ -986,13 +1116,13 @@ const An = (t, e) => t || (e || 1) > 1 ? "below" : "header", Tn = (t) => ({
 }) => {
   const { currentPanel: o, setCurrentPanel: l } = bt(c), [a, f] = S(
     () => d != null ? d : new Date()
-  ), h = le(
+  ), h = ue(
     e,
     n,
     t,
     r
   ), u = C(
-    () => wt(
+    () => mt(
       s,
       e == null ? void 0 : e.startDate,
       e == null ? void 0 : e.endDate
@@ -1008,14 +1138,11 @@ const An = (t, e) => t || (e || 1) > 1 ? "below" : "header", Tn = (t) => ({
     dateInFocus: a
   };
 };
-function Er(t) {
-  const e = Cn(t);
-  return /* @__PURE__ */ i(F, {
-    ...t,
-    ...e
-  });
+function yr(t) {
+  const e = An(t);
+  return /* @__PURE__ */ i(F, { ...t, ...e });
 }
-const Rr = () => {
+const wr = () => {
   const [t, e] = S(), [n, r] = S(), [s, c] = S("startDate");
   return {
     startDate: t,
@@ -1025,7 +1152,7 @@ const Rr = () => {
     focusedInput: s,
     setFocusedInput: c
   };
-}, Nn = ({
+}, Tn = ({
   onChange: t,
   value: e,
   statePerMonth: n,
@@ -1053,14 +1180,11 @@ const Rr = () => {
     setDateInFocus: o
   };
 };
-function ae(t) {
-  const e = Nn(t);
-  return /* @__PURE__ */ i(F, {
-    ...t,
-    ...e
-  });
+function De(t) {
+  const e = Tn(t);
+  return /* @__PURE__ */ i(F, { ...t, ...e });
 }
-const In = ({
+const xn = ({
   onChange: t,
   value: e,
   statePerMonth: n,
@@ -1087,14 +1211,11 @@ const In = ({
     setDateInFocus: o
   };
 };
-function Ar(t) {
-  const e = In(t);
-  return /* @__PURE__ */ i(F, {
-    ...t,
-    ...e
-  });
+function mr(t) {
+  const e = xn(t);
+  return /* @__PURE__ */ i(F, { ...t, ...e });
 }
-const Hn = ({
+const Cn = ({
   onChange: t,
   value: e,
   statePerMonth: n,
@@ -1116,7 +1237,7 @@ const Hn = ({
     [t]
   ), h = C(() => {
     const D = It(e, s);
-    return D ? Ke(n, D) : n;
+    return D ? je(n, D) : n;
   }, [e, s, n]), u = C(() => {
     const D = It(e, s);
     return D ? D.days[0].date : new Date();
@@ -1139,17 +1260,14 @@ const Hn = ({
     return;
   const n = t.split("-"), r = parseInt(n[1], 10), s = parseInt(n[0], 10), c = new Date();
   c.setFullYear(s);
-  const d = vt(Ie(c, r), { locale: e });
+  const d = ee(Ye(c, r), { locale: e });
   return _t(d, e);
 };
-function Tr(t) {
-  const e = Hn(t);
-  return /* @__PURE__ */ i(F, {
-    ...t,
-    ...e
-  });
+function pr(t) {
+  const e = Cn(t);
+  return /* @__PURE__ */ i(F, { ...t, ...e });
 }
-const Yn = (t, e) => t.filter((n) => !z(n, e)), Ln = (t, e) => !!t.find((n) => z(n, e)), Un = ({
+const Nn = (t, e) => t.filter((n) => !z(n, e)), In = (t, e) => !!t.find((n) => z(n, e)), Hn = ({
   value: t,
   onValueChange: e,
   statePerMonth: n,
@@ -1163,44 +1281,41 @@ const Yn = (t, e) => t.filter((n) => !z(n, e)), Ln = (t, e) => !!t.find((n) => z
   ), u = g(
     (p) => {
       c(p);
-      const { startDate: b, endDate: w } = p;
+      const { startDate: b, endDate: m } = p;
       if (e)
-        if (b && w) {
-          const y = Pt({ start: b, end: w });
+        if (b && m) {
+          const y = Pt({ start: b, end: m });
           e(y);
         } else
-          b ? e([b]) : w && e([w]);
+          b ? e([b]) : m && e([m]);
     },
     [e]
-  ), D = le(
+  ), D = ue(
     s,
     u,
     d,
     o
-  ), m = g(
-    (p, b, w) => {
-      e && (w.ctrlKey || w.metaKey ? t ? Ln(t, p.date) ? e(Yn(t, p.date)) : e([...t, p.date]) : e([p.date]) : D(p, b, w));
+  ), w = g(
+    (p, b, m) => {
+      e && (m.ctrlKey || m.metaKey ? t ? In(t, p.date) ? e(Nn(t, p.date)) : e([...t, p.date]) : e([p.date]) : D(p, b, m));
     },
     [e, D, t]
-  ), k = C(() => Wn(n, t), [n, t]);
+  ), k = C(() => Yn(n, t), [n, t]);
   return {
-    onClickDay: m,
+    onClickDay: w,
     statePerMonth: k,
     currentPanel: l,
     setCurrentPanel: a,
     dateInFocus: f,
     setDateInFocus: h
   };
-}, Wn = (t, e) => e ? e.reduce((n, r) => X(n, r, ["selected"]), t) : t;
-function xr(t) {
-  const e = Un(t);
-  return /* @__PURE__ */ i(F, {
-    ...t,
-    ...e
-  });
+}, Yn = (t, e) => e ? e.reduce((n, r) => X(n, r, ["selected"]), t) : t;
+function br(t) {
+  const e = Hn(t);
+  return /* @__PURE__ */ i(F, { ...t, ...e });
 }
-const kt = "bottom", fe = () => {
-  const [t, e] = ze();
+const kt = "bottom", he = () => {
+  const [t, e] = Pe();
   return {
     onChangePanel: g(() => {
       var r, s;
@@ -1208,19 +1323,22 @@ const kt = "bottom", fe = () => {
     }, [e]),
     tippyRef: t
   };
-}, On = (t, e, n) => {
+}, Ln = (t, e, n) => {
   const [r, s] = S(n || !1), c = g(() => (s(!0), !0), [s]), d = g(() => {
     s(!1), e && e();
-  }, [s, e]), o = g((l) => {
-    t && t(l), setTimeout(d, 150);
-  }, [t, d]);
+  }, [s, e]), o = g(
+    (l) => {
+      t && t(l), setTimeout(d, 150);
+    },
+    [t, d]
+  );
   return {
     showCalendar: c,
     hideCalendar: d,
     showingCalendar: r,
     onSelectDate: o
   };
-}, St = "2999-12-31", Cr = ({
+}, St = "2999-12-31", kr = ({
   displayFormat: t = Z.fullDate,
   placeholder: e = "Enter date",
   value: n,
@@ -1235,20 +1353,12 @@ const kt = "bottom", fe = () => {
   width: h,
   minDate: u,
   maxDate: D = St,
-  disabled: m
+  disabled: w
 }) => {
-  const {
-    hideCalendar: k,
-    showingCalendar: p,
-    onSelectDate: b,
-    showCalendar: w
-  } = On(l, o, d), {
-    tippyRef: y,
-    onChangePanel: M
-  } = fe();
-  return /* @__PURE__ */ i(I, {
-    width: h,
-    children: /* @__PURE__ */ i(pt, {
+  const { hideCalendar: k, showingCalendar: p, onSelectDate: b, showCalendar: m } = Ln(l, o, d), { tippyRef: y, onChangePanel: M } = he();
+  return /* @__PURE__ */ i(I, { width: h, children: /* @__PURE__ */ i(
+    pt,
+    {
       arrow: !1,
       lazy: !0,
       visible: p,
@@ -1257,52 +1367,64 @@ const kt = "bottom", fe = () => {
       zIndex: r,
       appendTo: a != null ? a : "parent",
       tippyRef: y,
-      disabled: m,
-      content: /* @__PURE__ */ i(ae, {
-        ...c,
-        onChange: b,
-        value: n,
-        theme: s,
-        onChangePanel: M,
-        minDate: u,
-        maxDate: D
-      }),
-      children: /* @__PURE__ */ i(nt, {
-        type: "date",
-        contentRight: /* @__PURE__ */ i(R, {
-          alignItems: "center",
-          children: /* @__PURE__ */ i(A, {
-            size: "small",
-            disabled: m,
-            leftIcon: gt,
-            onClick: w
-          })
-        }),
-        onFocus: w,
-        onClickRight: w,
-        value: n ? W(n, t) : "",
-        placeholder: e,
-        size: 9,
-        disabled: m,
-        autoFocus: d,
-        variant: f,
-        min: u,
-        max: D
-      })
-    })
-  });
-}, $n = (t, e) => {
+      disabled: w,
+      content: /* @__PURE__ */ i(
+        De,
+        {
+          ...c,
+          onChange: b,
+          value: n,
+          theme: s,
+          onChangePanel: M,
+          minDate: u,
+          maxDate: D
+        }
+      ),
+      children: /* @__PURE__ */ i(
+        nt,
+        {
+          type: "date",
+          contentRight: /* @__PURE__ */ i(R, { alignItems: "center", children: /* @__PURE__ */ i(
+            A,
+            {
+              size: "small",
+              disabled: w,
+              leftIcon: yt,
+              onClick: m
+            }
+          ) }),
+          onFocus: m,
+          onClickRight: m,
+          value: n ? W(n, t) : "",
+          placeholder: e,
+          size: 9,
+          disabled: w,
+          autoFocus: d,
+          variant: f,
+          min: u,
+          max: D
+        }
+      )
+    }
+  ) });
+}, Un = (t, e) => {
   const n = J(null), r = J(null), [s, c] = S(!1), [d, o] = S(void 0), l = g(() => (o("startDate"), c(!0), !0), [o, c]), a = g(() => (o("endDate"), c(!0), !0), [o, c]), f = g(() => {
     c(!1);
-  }, [c]), h = g((D) => {
-    d === "startDate" ? (e == null || e({
-      startDate: D.date,
-      endDate: t == null ? void 0 : t.endDate
-    }), t != null && t.endDate ? setTimeout(f, 150) : (o("endDate"), r.current && r.current.focus())) : d === "endDate" && (e == null || e({
-      startDate: t == null ? void 0 : t.startDate,
-      endDate: D.date
-    }), t != null && t.startDate ? setTimeout(f, 150) : (o("startDate"), n.current && n.current.focus()));
-  }, [d, e, o, f, t]), u = C(() => (t == null ? void 0 : t.startDate) && (t == null ? void 0 : t.endDate) && et(t.startDate, t.endDate), [t == null ? void 0 : t.startDate, t == null ? void 0 : t.endDate]);
+  }, [c]), h = g(
+    (D) => {
+      d === "startDate" ? (e == null || e({
+        startDate: D.date,
+        endDate: t == null ? void 0 : t.endDate
+      }), t != null && t.endDate ? setTimeout(f, 150) : (o("endDate"), r.current && r.current.focus())) : d === "endDate" && (e == null || e({
+        startDate: t == null ? void 0 : t.startDate,
+        endDate: D.date
+      }), t != null && t.startDate ? setTimeout(f, 150) : (o("startDate"), n.current && n.current.focus()));
+    },
+    [d, e, o, f, t]
+  ), u = C(
+    () => (t == null ? void 0 : t.startDate) && (t == null ? void 0 : t.endDate) && et(t.startDate, t.endDate),
+    [t == null ? void 0 : t.startDate, t == null ? void 0 : t.endDate]
+  );
   return {
     showingCalendar: s,
     hideCalendar: f,
@@ -1316,7 +1438,7 @@ const kt = "bottom", fe = () => {
     startDateIsAfterEnd: u
   };
 };
-function Nr({
+function Sr({
   displayFormat: t = Z.fullDate,
   placeholderStartDate: e = "Start date",
   placeholderEndDate: n = "End date",
@@ -1331,72 +1453,95 @@ function Nr({
   maxDate: h = St,
   disabled: u
 }) {
-  const [D, m] = S("calendar"), {
+  const [D, w] = S("calendar"), {
     hideCalendar: k,
     showCalendarEndDate: p,
     showCalendarStartDate: b,
-    showingCalendar: w,
+    showingCalendar: m,
     focusedInput: y,
     startDateInputRef: M,
     endDateInputRef: T,
     onClickDay: x,
     startDateIsAfterEnd: N
-  } = $n(s, c), [O, Y] = S(() => {
-    var _;
-    return (_ = y && (s == null ? void 0 : s[y])) != null ? _ : new Date();
-  }), j = C(() => wt(void 0, s == null ? void 0 : s.startDate, s == null ? void 0 : s.endDate), [s]);
-  return /* @__PURE__ */ i(pt, {
-    arrow: !1,
-    lazy: !0,
-    disabled: u,
-    visible: w,
-    zIndex: d,
-    placement: kt,
-    appendTo: r != null ? r : "parent",
-    onClickOutside: k,
-    content: /* @__PURE__ */ i(F, {
-      ...a,
-      dateInFocus: O,
-      setDateInFocus: Y,
-      statePerMonth: j,
-      theme: l,
-      onClickDay: x,
-      currentPanel: D,
-      setCurrentPanel: m,
-      minDate: f,
-      maxDate: h
-    }),
-    children: /* @__PURE__ */ E(R, {
-      alignItems: "center",
-      children: [/* @__PURE__ */ i(nt, {
-        iconLeft: gt,
-        onFocus: b,
-        value: s != null && s.startDate ? W(s.startDate, t) : "",
-        placeholder: e,
-        width: o,
-        disabled: u,
-        inputRef: M,
-        size: 9,
-        variant: N ? "error" : void 0
-      }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(Qt, {
-        icon: je,
-        color: re("--lhds-color-ui-500"),
-        size: 14
-      }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(nt, {
-        iconLeft: gt,
-        onFocus: p,
-        value: s != null && s.endDate ? W(s.endDate, t) : "",
-        placeholder: n,
-        width: o,
-        disabled: u,
-        inputRef: T,
-        size: 9,
-        variant: N ? "error" : void 0
-      })]
-    })
-  });
+  } = Un(s, c), [O, Y] = S(
+    () => {
+      var _;
+      return (_ = y && (s == null ? void 0 : s[y])) != null ? _ : new Date();
+    }
+  ), j = C(
+    () => mt(void 0, s == null ? void 0 : s.startDate, s == null ? void 0 : s.endDate),
+    [s]
+  );
+  return /* @__PURE__ */ i(
+    pt,
+    {
+      arrow: !1,
+      lazy: !0,
+      disabled: u,
+      visible: m,
+      zIndex: d,
+      placement: kt,
+      appendTo: r != null ? r : "parent",
+      onClickOutside: k,
+      content: /* @__PURE__ */ i(
+        F,
+        {
+          ...a,
+          dateInFocus: O,
+          setDateInFocus: Y,
+          statePerMonth: j,
+          theme: l,
+          onClickDay: x,
+          currentPanel: D,
+          setCurrentPanel: w,
+          minDate: f,
+          maxDate: h
+        }
+      ),
+      children: /* @__PURE__ */ E(R, { alignItems: "center", children: [
+        /* @__PURE__ */ i(
+          nt,
+          {
+            iconLeft: yt,
+            onFocus: b,
+            value: s != null && s.startDate ? W(s.startDate, t) : "",
+            placeholder: e,
+            width: o,
+            disabled: u,
+            inputRef: M,
+            size: 9,
+            variant: N ? "error" : void 0
+          }
+        ),
+        /* @__PURE__ */ i($, {}),
+        /* @__PURE__ */ i(
+          Ft,
+          {
+            icon: ke,
+            color: ie("--lhds-color-ui-500"),
+            size: 14
+          }
+        ),
+        /* @__PURE__ */ i($, {}),
+        /* @__PURE__ */ i(
+          nt,
+          {
+            iconLeft: yt,
+            onFocus: p,
+            value: s != null && s.endDate ? W(s.endDate, t) : "",
+            placeholder: n,
+            width: o,
+            disabled: u,
+            inputRef: T,
+            size: 9,
+            variant: N ? "error" : void 0
+          }
+        )
+      ] })
+    }
+  );
 }
-const Ir = ({
+const Mr = ({
   calendarProps: t,
   closeOnCalendarSelectDate: e = !0,
   dateFormat: n = Z.fullDate,
@@ -1411,24 +1556,27 @@ const Ir = ({
   hideCalenderIcon: h = !1,
   minDate: u,
   maxDate: D = St,
-  variant: m,
+  variant: w,
   ...k
 }) => {
-  const [p, b] = S(!1), {
-    tippyRef: w,
-    onChangePanel: y
-  } = fe(), M = g(() => {
+  const [p, b] = S(!1), { tippyRef: m, onChangePanel: y } = he(), M = g(() => {
     b(!p);
   }, [b, p]), T = g(() => {
     b(!1);
-  }, [b]), x = g((P) => {
-    s && s(P);
-  }, [s]), N = g((P) => {
-    P && (x(W(P, n)), e && setTimeout(() => b(!p), 200));
-  }, [x, n, e, b, p]), O = !!o && !/^[-/\\.0-9]+$/.test(o), Y = !!o && He(ot(o, n, new Date())), _ = !!o && o.length >= n.length && !Y || O;
-  return /* @__PURE__ */ i(I, {
-    width: l,
-    children: /* @__PURE__ */ i(pt, {
+  }, [b]), x = g(
+    (P) => {
+      s && s(P);
+    },
+    [s]
+  ), N = g(
+    (P) => {
+      P && (x(W(P, n)), e && setTimeout(() => b(!p), 200));
+    },
+    [x, n, e, b, p]
+  ), O = !!o && !/^[-/\\.0-9]+$/.test(o), Y = !!o && Le(ot(o, n, new Date())), _ = !!o && o.length >= n.length && !Y || O;
+  return /* @__PURE__ */ i(I, { width: l, children: /* @__PURE__ */ i(
+    pt,
+    {
       arrow: !1,
       lazy: !0,
       visible: p,
@@ -1436,39 +1584,44 @@ const Ir = ({
       appendTo: d != null ? d : "parent",
       placement: kt,
       onClickOutside: T,
-      tippyRef: w,
-      content: /* @__PURE__ */ i(ae, {
-        ...t,
-        onChange: N,
-        onChangePanel: y,
-        value: o && Y ? ot(o, n, new Date()) : void 0,
-        minDate: u,
-        maxDate: D,
-        theme: f
-      }),
-      children: /* @__PURE__ */ i(nt, {
-        ...k,
-        variant: _ ? "error" : m,
-        disableContentPaddingRight: !0,
-        contentRight: h ? void 0 : /* @__PURE__ */ i(R, {
-          alignItems: "center",
-          indent: 0.5,
-          children: /* @__PURE__ */ i(A, {
-            size: "small",
-            disabled: k.disabled || r,
-            leftIcon: gt,
-            onClick: M
-          })
-        }),
-        onValueChange: x,
-        placeholder: c,
-        value: o || "",
-        min: u,
-        max: D,
-        size: 10
-      })
-    })
-  });
+      tippyRef: m,
+      content: /* @__PURE__ */ i(
+        De,
+        {
+          ...t,
+          onChange: N,
+          onChangePanel: y,
+          value: o && Y ? ot(o, n, new Date()) : void 0,
+          minDate: u,
+          maxDate: D,
+          theme: f
+        }
+      ),
+      children: /* @__PURE__ */ i(
+        nt,
+        {
+          ...k,
+          variant: _ ? "error" : w,
+          disableContentPaddingRight: !0,
+          contentRight: h ? void 0 : /* @__PURE__ */ i(R, { alignItems: "center", indent: 0.5, children: /* @__PURE__ */ i(
+            A,
+            {
+              size: "small",
+              disabled: k.disabled || r,
+              leftIcon: yt,
+              onClick: M
+            }
+          ) }),
+          onValueChange: x,
+          placeholder: c,
+          value: o || "",
+          min: u,
+          max: D,
+          size: 10
+        }
+      )
+    }
+  ) });
 }, Tt = (t) => {
   if (t === "")
     return "00";
@@ -1501,7 +1654,7 @@ const Ir = ({
     default:
       throw new Error("Invalid minute string");
   }
-}, Pn = (t) => {
+}, Wn = (t) => {
   if (!Ut(t))
     return { time: t, success: !1 };
   const e = t && t.split(/-|:|,|;|[/]|[.]| /);
@@ -1535,7 +1688,7 @@ const Ir = ({
     }
   }
   return { time: t, success: !1 };
-}, Ut = (t) => t ? /^[-:.,/; 0-9]+$/.test(t) : !0, Hr = ({
+}, Ut = (t) => t ? /^[-:.,/; 0-9]+$/.test(t) : !0, Er = ({
   onValueChange: t,
   showPlaceholder: e = !0,
   useIcon: n = !0,
@@ -1546,25 +1699,31 @@ const Ir = ({
 }) => {
   const [o, l] = S(() => Ut(r)), a = "hh:mm", f = g(() => {
     if (r) {
-      const u = Pn(r);
+      const u = Wn(r);
       l(u.success), u.success && t && t(u.time);
     }
-  }, [r, t, l]), h = g((u) => {
-    const D = u.target.value, m = Ut(D);
-    l(m && D.length <= a.length), t && t(D);
-  }, [t, l]);
-  return /* @__PURE__ */ i(nt, {
-    ...d,
-    type: "time",
-    variant: o ? c : "error",
-    iconLeft: n ? Xt : void 0,
-    value: r,
-    placeholder: e ? a : void 0,
-    onChange: h,
-    onBlur: f,
-    width: s
-  });
-}, ue = ({
+  }, [r, t, l]), h = g(
+    (u) => {
+      const D = u.target.value, w = Ut(D);
+      l(w && D.length <= a.length), t && t(D);
+    },
+    [t, l]
+  );
+  return /* @__PURE__ */ i(
+    nt,
+    {
+      ...d,
+      type: "time",
+      variant: o ? c : "error",
+      iconLeft: n ? vt : void 0,
+      value: r,
+      placeholder: e ? a : void 0,
+      onChange: h,
+      onBlur: f,
+      width: s
+    }
+  );
+}, ge = ({
   autoFocusLeft: t,
   autoFocusRight: e,
   onEsc: n,
@@ -1579,11 +1738,11 @@ const Ir = ({
   onChangeLeft: h,
   onChangeRight: u,
   valueLeft: D,
-  valueRight: m,
+  valueRight: w,
   minLeft: k,
   maxLeft: p,
   minRight: b,
-  maxRight: w,
+  maxRight: m,
   onClickLeft: y,
   onClickRight: M,
   onClickCalendar: T,
@@ -1603,104 +1762,118 @@ const Ir = ({
   widthRight: ut,
   disabled: v
 }) => {
-  const L = J(0), H = C(() => Le((G) => {
-    G === 0 && (K == null || K());
-  }, 10), [K]), Mt = g((G) => {
-    L.current++, H(L.current), Y && Y(G);
-  }, [Y, L, H]), Et = g((G) => {
-    L.current++, H(L.current), j && j(G);
-  }, [j, L, H]), Rt = g((G) => {
-    L.current--, H(L.current), N && N(G);
-  }, [N, L, H]), he = g((G) => {
-    L.current--, H(L.current), O && O(G);
-  }, [O, L, H]);
-  return /* @__PURE__ */ i(I, {
-    children: /* @__PURE__ */ E(Be, {
+  const L = J(0), H = C(
+    () => We((G) => {
+      G === 0 && (K == null || K());
+    }, 10),
+    [K]
+  ), Mt = g(
+    (G) => {
+      L.current++, H(L.current), Y && Y(G);
+    },
+    [Y, L, H]
+  ), Et = g(
+    (G) => {
+      L.current++, H(L.current), j && j(G);
+    },
+    [j, L, H]
+  ), Rt = g(
+    (G) => {
+      L.current--, H(L.current), N && N(G);
+    },
+    [N, L, H]
+  ), we = g(
+    (G) => {
+      L.current--, H(L.current), O && O(G);
+    },
+    [O, L, H]
+  );
+  return /* @__PURE__ */ i(I, { children: /* @__PURE__ */ E(
+    $e,
+    {
       disableContentPaddingRight: !0,
       disabled: v,
       variant: st,
-      contentRight: /* @__PURE__ */ E(R, {
-        alignItems: "center",
-        children: [/* @__PURE__ */ i(ht, {
-          num: 0.5,
-          children: /* @__PURE__ */ i(A, {
-            leftIcon: gt,
+      contentRight: /* @__PURE__ */ E(R, { alignItems: "center", children: [
+        /* @__PURE__ */ i(gt, { num: 0.5, children: /* @__PURE__ */ i(
+          A,
+          {
+            leftIcon: yt,
             onClick: T,
             disabled: v,
             size: "small"
-          })
-        }), at ? /* @__PURE__ */ E(mt, {
-          children: [/* @__PURE__ */ i(R, {
-            height: "22px",
-            children: /* @__PURE__ */ i(ye, {
-              vertical: !0
-            })
-          }), /* @__PURE__ */ i(ht, {
-            num: 0.5,
-            children: /* @__PURE__ */ i(A, {
-              leftIcon: pe,
+          }
+        ) }),
+        at ? /* @__PURE__ */ E(ht, { children: [
+          /* @__PURE__ */ i(R, { height: "22px", children: /* @__PURE__ */ i(pe, { vertical: !0 }) }),
+          /* @__PURE__ */ i(gt, { num: 0.5, children: /* @__PURE__ */ i(
+            A,
+            {
+              leftIcon: Se,
               onClick: x,
               disabled: v,
               size: "small"
-            })
-          })]
-        }) : null]
-      }),
-      children: [/* @__PURE__ */ i(I, {
-        width: ft,
-        children: /* @__PURE__ */ i(nt, {
-          onEsc: n,
-          onEnter: r,
-          onClick: y,
-          disabled: v,
-          hideBorder: !0,
-          placeholder: o,
-          value: D,
-          onValueChange: s,
-          onChange: h,
-          onBlur: Rt,
-          onFocus: Mt,
-          inputRef: _,
-          variant: lt,
-          type: a,
-          autoFocus: t,
-          min: k,
-          max: p
-        })
-      }), /* @__PURE__ */ i(R, {
-        indent: 0.5,
-        alignItems: "center",
-        justifyContent: "center",
-        children: /* @__PURE__ */ i(Qt, {
-          icon: d,
-          size: 12,
-          color: re("--lhds-color-ui-500")
-        })
-      }), /* @__PURE__ */ i(I, {
-        width: ut,
-        children: /* @__PURE__ */ i(nt, {
-          onEsc: n,
-          onEnter: r,
-          onClick: M,
-          disabled: v,
-          hideBorder: !0,
-          placeholder: l,
-          value: m,
-          onValueChange: c,
-          onChange: u,
-          onBlur: he,
-          onFocus: Et,
-          inputRef: P,
-          variant: ct,
-          type: f,
-          autoFocus: e,
-          min: b,
-          max: w
-        })
-      })]
-    })
-  });
-}, Bn = (t) => {
+            }
+          ) })
+        ] }) : null
+      ] }),
+      children: [
+        /* @__PURE__ */ i(I, { width: ft, children: /* @__PURE__ */ i(
+          nt,
+          {
+            onEsc: n,
+            onEnter: r,
+            onClick: y,
+            disabled: v,
+            hideBorder: !0,
+            placeholder: o,
+            value: D,
+            onValueChange: s,
+            onChange: h,
+            onBlur: Rt,
+            onFocus: Mt,
+            inputRef: _,
+            variant: lt,
+            type: a,
+            autoFocus: t,
+            min: k,
+            max: p
+          }
+        ) }),
+        /* @__PURE__ */ i(R, { indent: 0.5, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ i(
+          Ft,
+          {
+            icon: d,
+            size: 12,
+            color: ie("--lhds-color-ui-500")
+          }
+        ) }),
+        /* @__PURE__ */ i(I, { width: ut, children: /* @__PURE__ */ i(
+          nt,
+          {
+            onEsc: n,
+            onEnter: r,
+            onClick: M,
+            disabled: v,
+            hideBorder: !0,
+            placeholder: l,
+            value: w,
+            onValueChange: c,
+            onChange: u,
+            onBlur: we,
+            onFocus: Et,
+            inputRef: P,
+            variant: ct,
+            type: f,
+            autoFocus: e,
+            min: b,
+            max: m
+          }
+        ) })
+      ]
+    }
+  ) });
+}, On = (t) => {
   if (t == null)
     throw new Error("Time is not set.");
   if (t === "")
@@ -1722,14 +1895,14 @@ const Ir = ({
   if (r < 0 || r > 59)
     throw new Error("Invalid time.");
   return n * 100 + r;
-}, zn = (t) => {
+}, $n = (t) => {
   try {
-    return Bn(t), !0;
+    return On(t), !0;
   } catch {
     return !1;
   }
 }, At = (t) => {
-  if (t && zn(t)) {
+  if (t && $n(t)) {
     const e = t.split(":");
     return {
       hour: Jt(e[0]),
@@ -1740,12 +1913,12 @@ const Ir = ({
     hour: void 0,
     minute: void 0
   };
-}, jn = (t) => `${Tt(String(t.getHours()))}:${xt(
+}, Pn = (t) => `${Tt(String(t.getHours()))}:${xt(
   String(t.getMinutes())
-)}`, _n = "_timePicker_1w05d_1", Jn = "_timePickerColumn_1w05d_6", De = {
-  timePicker: _n,
-  timePickerColumn: Jn
-}, Kn = ({
+)}`, Bn = "_timePicker_1w05d_1", zn = "_timePickerColumn_1w05d_6", ye = {
+  timePicker: Bn,
+  timePickerColumn: zn
+}, jn = ({
   onClick: t,
   item: e,
   selected: n,
@@ -1753,25 +1926,37 @@ const Ir = ({
   canScrollRef: s
 }) => {
   const c = J(null);
-  return Q(function() {
-    if (n && r.current && c.current && s.current) {
-      const o = c.current.scrollHeight * Math.max(e - 2, 0);
-      r.current.scrollTo(0, o), s.current = !1;
+  return Q(
+    function() {
+      if (n && r.current && c.current && s.current) {
+        const o = c.current.scrollHeight * Math.max(e - 2, 0);
+        r.current.scrollTo(0, o), s.current = !1;
+      }
+    },
+    [r, e, n, s]
+  ), /* @__PURE__ */ i(
+    R,
+    {
+      width: "64px",
+      justifyContent: "center",
+      spacing: 0.5,
+      indent: 0.5,
+      ref: c,
+      children: n ? /* @__PURE__ */ i(
+        dt,
+        {
+          label: Oe(String(e), 2, "0"),
+          onClick: () => t && t(e)
+        }
+      ) : /* @__PURE__ */ i(
+        A,
+        {
+          label: String(e).padStart(2, "0"),
+          onClick: () => t && t(e)
+        }
+      )
     }
-  }, [r, e, n, s]), /* @__PURE__ */ i(R, {
-    width: "64px",
-    justifyContent: "center",
-    spacing: 0.5,
-    indent: 0.5,
-    ref: c,
-    children: n ? /* @__PURE__ */ i(dt, {
-      label: Ue(String(e), 2, "0"),
-      onClick: () => t && t(e)
-    }) : /* @__PURE__ */ i(A, {
-      label: String(e).padStart(2, "0"),
-      onClick: () => t && t(e)
-    })
-  });
+  );
 }, qt = ({
   onClick: t,
   items: e,
@@ -1779,51 +1964,65 @@ const Ir = ({
   canScrollRef: r
 }) => {
   const s = J(null);
-  return /* @__PURE__ */ i(B, {
-    className: De.timePickerColumn,
-    ref: s,
-    children: e.map((c) => /* @__PURE__ */ i(Kn, {
+  return /* @__PURE__ */ i(B, { className: ye.timePickerColumn, ref: s, children: e.map((c) => /* @__PURE__ */ i(
+    jn,
+    {
       item: c,
       onClick: t,
       selected: c === n,
       columnRef: s,
       canScrollRef: r
-    }, c))
-  });
-}, Gn = jt(0, 24), qn = jt(0, 60), Qn = ({
+    },
+    c
+  )) });
+}, _n = jt(0, 24), Jn = jt(0, 60), Kn = ({
   value: t,
   onValueChange: e
 }) => {
   const n = J(!0), [r, s] = S(void 0), [c, d] = S(void 0);
   Q(() => {
     if (t) {
-      const {
-        minute: a,
-        hour: f
-      } = At(t);
+      const { minute: a, hour: f } = At(t);
       s(f), d(a);
     }
   }, [t]);
-  const o = g((a) => {
-    s(a), e == null || e(`${Tt(String(a != null ? a : 0))}:${xt(String(c != null ? c : 0))}`);
-  }, [c, e]), l = g((a) => {
-    d(a), e == null || e(`${Tt(String(r != null ? r : 0))}:${xt(String(a != null ? a : 0))}`);
-  }, [r, e]);
-  return /* @__PURE__ */ E(R, {
-    className: De.timePicker,
-    children: [/* @__PURE__ */ i(qt, {
-      items: Gn,
-      onClick: o,
-      selectedItem: r,
-      canScrollRef: n
-    }), /* @__PURE__ */ i(ht, {}), /* @__PURE__ */ i(qt, {
-      items: qn,
-      onClick: l,
-      selectedItem: c,
-      canScrollRef: n
-    })]
-  });
-}, Xn = (t, e, n) => {
+  const o = g(
+    (a) => {
+      s(a), e == null || e(
+        `${Tt(String(a != null ? a : 0))}:${xt(String(c != null ? c : 0))}`
+      );
+    },
+    [c, e]
+  ), l = g(
+    (a) => {
+      d(a), e == null || e(
+        `${Tt(String(r != null ? r : 0))}:${xt(String(a != null ? a : 0))}`
+      );
+    },
+    [r, e]
+  );
+  return /* @__PURE__ */ E(R, { className: ye.timePicker, children: [
+    /* @__PURE__ */ i(
+      qt,
+      {
+        items: _n,
+        onClick: o,
+        selectedItem: r,
+        canScrollRef: n
+      }
+    ),
+    /* @__PURE__ */ i(gt, {}),
+    /* @__PURE__ */ i(
+      qt,
+      {
+        items: Jn,
+        onClick: l,
+        selectedItem: c,
+        canScrollRef: n
+      }
+    )
+  ] });
+}, Gn = (t, e, n) => {
   Q(
     function() {
       t && e(t);
@@ -1837,7 +2036,7 @@ const Ir = ({
     },
     [t, n]
   );
-}, Zn = (t, e, {
+}, qn = (t, e, {
   setDateInFocus: n,
   showCalendarInternal: r,
   hideCalendarInternal: s,
@@ -1849,10 +2048,10 @@ const Ir = ({
   setLocalDate: f
 }, h) => {
   const u = g(
-    (w) => {
-      if (!w)
+    (m) => {
+      if (!m)
         return;
-      const y = new Date(w);
+      const y = new Date(m);
       if (t)
         y.setHours(t.getHours()), y.setMinutes(t.getMinutes()), e == null || e(y), f(void 0);
       else if (o) {
@@ -1866,25 +2065,25 @@ const Ir = ({
     },
     [t, h, o, e, n, f]
   ), D = g(
-    (w) => {
-      if (!!w)
+    (m) => {
+      if (!!m)
         if (t) {
-          const y = At(w), M = new Date(t);
+          const y = At(m), M = new Date(t);
           M.setHours(y.hour || 0), M.setMinutes(y.minute || 0), e == null || e(M), l(void 0);
         } else if (a) {
-          const y = At(w), M = new Date(a);
+          const y = At(m), M = new Date(a);
           M.setHours(y.hour || 0), M.setMinutes(y.minute || 0), e == null || e(M), l(void 0);
         } else
-          l(w);
+          l(m);
     },
     [e, t, a, l]
-  ), m = g(
-    (w) => {
-      w.target.value[0] !== "0" && u(w.target.valueAsDate);
+  ), w = g(
+    (m) => {
+      m.target.value[0] !== "0" && u(m.target.valueAsDate);
     },
     [u]
   ), k = g(
-    (w) => D(w.target.value),
+    (m) => D(m.target.value),
     [D]
   ), p = g(() => {
     n(t || new Date()), d("calendar"), r();
@@ -1892,15 +2091,15 @@ const Ir = ({
     c(void 0), s();
   }, [c, s]);
   return {
-    inputLeftChangeHandler: m,
+    inputLeftChangeHandler: w,
     inputRightChangeHandler: k,
     hideCalendar: b,
     showCalendar: p,
     onChangeTime: D,
     onChangeDate: u
   };
-}, Fn = (t) => {
-  const [e, n] = S(void 0), [r, s] = S(void 0), [c, d, o] = Ht(!1), [l, a, f] = Ht(!1), [h, u] = S(void 0), [D, m] = S(
+}, Qn = (t) => {
+  const [e, n] = S(void 0), [r, s] = S(void 0), [c, d, o] = Ht(!1), [l, a, f] = Ht(!1), [h, u] = S(void 0), [D, w] = S(
     () => t != null ? t : new Date()
   ), [k, p] = S("calendar");
   return {
@@ -1910,7 +2109,7 @@ const Ir = ({
     firstFocusedInput: h,
     setFirstFocusedInput: u,
     dateInFocus: D,
-    setDateInFocus: m,
+    setDateInFocus: w,
     currentPanel: k,
     setCurrentPanel: p,
     isTimePickerVisible: l,
@@ -1921,7 +2120,7 @@ const Ir = ({
     localTime: r,
     setLocalTime: s
   };
-}, vn = (t, e, n, r, {
+}, Xn = (t, e, n, r, {
   isCalendarVisible: s,
   setCurrentPanel: c,
   showTimePicker: d,
@@ -1932,15 +2131,15 @@ const Ir = ({
   }, [o, s, c, n]), a = g(() => {
     r(), d();
   }, [r, d]), f = g(
-    (m) => {
-      t(m.date), r(), d();
+    (w) => {
+      t(w.date), r(), d();
     },
     [t, r, d]
   ), h = g(() => {
     c("presets"), n();
   }, [c, n]), u = g(() => {
-    var m;
-    s ? r() : ((m = e.current) == null || m.focus(), c("calendar"), n());
+    var w;
+    s ? r() : ((w = e.current) == null || w.focus(), c("calendar"), n());
   }, [
     s,
     r,
@@ -1948,8 +2147,8 @@ const Ir = ({
     c,
     n
   ]), D = g(
-    (m) => {
-      m.key === "Escape" && r();
+    (w) => {
+      w.key === "Escape" && r();
     },
     [r]
   );
@@ -1961,7 +2160,7 @@ const Ir = ({
     onClickCalendarButton: u,
     onKeyDownHandler: D
   };
-}, Yr = ({
+}, Rr = ({
   value: t,
   onValueChange: e,
   onEnter: n,
@@ -1975,105 +2174,116 @@ const Ir = ({
   variant: f,
   disabled: h
 }) => {
-  const u = J(null), D = J(null), m = Fn(t), {
+  const u = J(null), D = J(null), w = Qn(t), {
     setCurrentPanel: k,
     currentPanel: p,
     isCalendarVisible: b,
-    dateInFocus: w,
+    dateInFocus: m,
     setDateInFocus: y,
     isTimePickerVisible: M,
     hideTimePicker: T,
     localTime: x,
     localDate: N
-  } = m, {
+  } = w, {
     showCalendar: O,
     hideCalendar: Y,
     inputLeftChangeHandler: j,
     inputRightChangeHandler: _,
     onChangeTime: P,
     onChangeDate: st
-  } = Zn(t, e, m, u), {
+  } = qn(t, e, w, u), {
     onKeyDownHandler: lt,
     onFocusRight: ct,
     onFocusLeft: K,
     onClickDay: at,
     onClickCalendarButton: ft,
     onClickArrowButton: ut
-  } = vn(st, u, O, Y, m);
-  Xn(t, y, u);
+  } = Xn(
+    st,
+    u,
+    O,
+    Y,
+    w
+  );
+  Gn(t, y, u);
   const v = C(() => {
     const Rt = t || N;
-    return Rt ? X(void 0, Rt, ["singleSelected", "selected"]) : {};
+    return Rt ? X(void 0, Rt, [
+      "singleSelected",
+      "selected"
+    ]) : {};
   }, [N, t]), L = g(() => {
     Y(), T();
-  }, [Y, T]), H = C(() => t ? jn(t) : x, [t, x]), Mt = Yt(b, 300), Et = Yt(M, 300);
-  return /* @__PURE__ */ i(I, {
-    onKeyDown: lt,
-    children: /* @__PURE__ */ i(pt, {
+  }, [Y, T]), H = C(
+    () => t ? Pn(t) : x,
+    [t, x]
+  ), Mt = Yt(b, 300), Et = Yt(M, 300);
+  return /* @__PURE__ */ i(I, { onKeyDown: lt, children: /* @__PURE__ */ i(
+    pt,
+    {
       arrow: !1,
       lazy: !0,
       disabled: h,
       placement: kt,
       visible: b || M,
       onClickOutside: L,
-      content: (Mt || Et) && /* @__PURE__ */ i(B, {
-        children: Mt ? /* @__PURE__ */ i(F, {
+      content: (Mt || Et) && /* @__PURE__ */ i(B, { children: Mt ? /* @__PURE__ */ i(
+        F,
+        {
           statePerMonth: v,
           onClickDay: at,
-          dateInFocus: w,
+          dateInFocus: m,
           setDateInFocus: y,
           currentPanel: p,
           setCurrentPanel: k,
           minDate: d,
           maxDate: a
-        }) : Et ? /* @__PURE__ */ E(B, {
-          children: [/* @__PURE__ */ i(B, {
-            overflow: "hidden",
-            height: "250px",
-            children: /* @__PURE__ */ i(Qn, {
-              value: H != null ? H : "",
-              onValueChange: P
-            })
-          }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(R, {
-            justifyContent: "flex-end",
-            children: /* @__PURE__ */ i(dt, {
-              label: "Done",
-              onClick: T
-            })
-          })]
-        }) : null
-      }),
-      children: /* @__PURE__ */ i(ue, {
-        autoFocusLeft: c,
-        onEsc: r,
-        onEnter: n,
-        onBlur: s,
-        disabled: h,
-        separatorIcon: Xt,
-        typeLeft: "date",
-        typeRight: "time",
-        placeholderLeft: "yyyy-mm-dd",
-        placeholderRight: "hh:mm",
-        onChangeLeft: j,
-        onChangeRight: _,
-        onClickArrowDown: ut,
-        onClickCalendar: ft,
-        onFocusLeft: K,
-        onFocusRight: ct,
-        onClickLeft: K,
-        onClickRight: ct,
-        inputRefLeft: u,
-        inputRefRight: D,
-        valueRight: H != null ? H : "",
-        widthLeft: o,
-        widthRight: l,
-        minLeft: d,
-        maxLeft: a,
-        variant: f
-      })
-    })
-  });
-}, Vn = (t, e, n, r, s) => {
+        }
+      ) : Et ? /* @__PURE__ */ E(B, { children: [
+        /* @__PURE__ */ i(B, { overflow: "hidden", height: "250px", children: /* @__PURE__ */ i(
+          Kn,
+          {
+            value: H != null ? H : "",
+            onValueChange: P
+          }
+        ) }),
+        /* @__PURE__ */ i($, {}),
+        /* @__PURE__ */ i(R, { justifyContent: "flex-end", children: /* @__PURE__ */ i(dt, { label: "Done", onClick: T }) })
+      ] }) : null }),
+      children: /* @__PURE__ */ i(
+        ge,
+        {
+          autoFocusLeft: c,
+          onEsc: r,
+          onEnter: n,
+          onBlur: s,
+          disabled: h,
+          separatorIcon: vt,
+          typeLeft: "date",
+          typeRight: "time",
+          placeholderLeft: "yyyy-mm-dd",
+          placeholderRight: "hh:mm",
+          onChangeLeft: j,
+          onChangeRight: _,
+          onClickArrowDown: ut,
+          onClickCalendar: ft,
+          onFocusLeft: K,
+          onFocusRight: ct,
+          onClickLeft: K,
+          onClickRight: ct,
+          inputRefLeft: u,
+          inputRefRight: D,
+          valueRight: H != null ? H : "",
+          widthLeft: o,
+          widthRight: l,
+          minLeft: d,
+          maxLeft: a,
+          variant: f
+        }
+      )
+    }
+  ) });
+}, Zn = (t, e, n, r, s) => {
   Q(
     function() {
       t && n(t);
@@ -2107,7 +2317,7 @@ const Ir = ({
     },
     [e, s]
   );
-}, tr = (t, e, n, {
+}, Fn = (t, e, n, {
   setDateInFocus: r,
   showCalendarInternal: s,
   hideCalendarInternal: c,
@@ -2151,7 +2361,7 @@ const Ir = ({
     setCurrentPanel: o,
     showCalendar: f
   };
-}, er = (t, e) => {
+}, vn = (t, e) => {
   const [n, r, s] = Ht(!1), [c, d] = S(void 0), [o, l] = S("startDate"), [a, f] = S(() => {
     const D = o === "startDate" ? t : o === "endDate" ? e : void 0;
     return D != null ? D : new Date();
@@ -2169,7 +2379,7 @@ const Ir = ({
     currentPanel: h,
     setCurrentPanel: u
   };
-}, nr = (t, e, n, r, s, c, d, {
+}, Vn = (t, e, n, r, s, c, d, {
   firstFocusedInput: o,
   setFirstFocusedInput: l,
   isCalendarVisible: a,
@@ -2185,7 +2395,7 @@ const Ir = ({
     c,
     l,
     o
-  ]), m = g(() => {
+  ]), w = g(() => {
     o == null && l("endDate"), f("endDate"), a || c();
   }, [
     a,
@@ -2237,7 +2447,7 @@ const Ir = ({
     r,
     u,
     c
-  ]), w = g(
+  ]), m = g(
     (y) => {
       y.key === "Escape" && d();
     },
@@ -2245,14 +2455,14 @@ const Ir = ({
   );
   return {
     onFocusLeft: D,
-    onFocusRight: m,
+    onFocusRight: w,
     onClickDay: k,
     onClickArrowButton: p,
     onClickCalendarButton: b,
-    onKeyDownHandler: w
+    onKeyDownHandler: m
   };
 };
-function Lr({
+function Ar({
   value: t,
   onValueChange: e,
   autoFocus: n,
@@ -2267,11 +2477,8 @@ function Lr({
   variant: h,
   disabled: u
 }) {
-  const {
-    startDate: D,
-    endDate: m
-  } = t || {}, k = J(null), p = J(null), b = er(D, m), {
-    dateInFocus: w,
+  const { startDate: D, endDate: w } = t || {}, k = J(null), p = J(null), b = vn(D, w), {
+    dateInFocus: m,
     setDateInFocus: y,
     isCalendarVisible: M,
     currentPanel: T,
@@ -2281,121 +2488,153 @@ function Lr({
     hideCalendar: O,
     inputLeftChangeHandler: Y,
     inputRightChangeHandler: j
-  } = tr(D, m, e, b), {
+  } = Fn(D, w, e, b), {
     onKeyDownHandler: _,
     onFocusRight: P,
     onFocusLeft: st,
     onClickDay: lt,
     onClickCalendarButton: ct,
     onClickArrowButton: K
-  } = nr(D, m, e, k, p, N, O, b);
-  Vn(D, m, y, k, p);
-  const at = C(() => D && m && et(D, m), [D, m]), ft = C(() => _e(l == null ? void 0 : l.statePerMonth, D, m, w), [l == null ? void 0 : l.statePerMonth, D, m, w]), ut = Yt(M, 300);
-  return /* @__PURE__ */ i(I, {
-    onKeyDown: _,
-    children: /* @__PURE__ */ i(pt, {
+  } = Vn(
+    D,
+    w,
+    e,
+    k,
+    p,
+    N,
+    O,
+    b
+  );
+  Zn(
+    D,
+    w,
+    y,
+    k,
+    p
+  );
+  const at = C(
+    () => D && w && et(D, w),
+    [D, w]
+  ), ft = C(
+    () => Be(
+      l == null ? void 0 : l.statePerMonth,
+      D,
+      w,
+      m
+    ),
+    [l == null ? void 0 : l.statePerMonth, D, w, m]
+  ), ut = Yt(M, 300);
+  return /* @__PURE__ */ i(I, { onKeyDown: _, children: /* @__PURE__ */ i(
+    pt,
+    {
       arrow: !1,
       lazy: !0,
       disabled: u,
       placement: kt,
       onClickOutside: O,
       visible: M,
-      content: ut && /* @__PURE__ */ i(F, {
-        onClickDay: lt,
-        dateInFocus: w,
-        setDateInFocus: y,
-        currentPanel: T,
-        setCurrentPanel: x,
-        minDate: d,
-        maxDate: o,
-        ...l,
-        statePerMonth: ft
-      }),
-      children: /* @__PURE__ */ i(ue, {
-        autoFocusLeft: n,
-        onEsc: c,
-        onEnter: s,
-        onBlur: r,
-        disabled: u,
-        separatorIcon: be,
-        typeLeft: "date",
-        typeRight: "date",
-        placeholderLeft: "Start date",
-        placeholderRight: "End date",
-        onChangeLeft: Y,
-        onChangeRight: j,
-        onClickArrowDown: K,
-        onClickCalendar: ct,
-        onFocusLeft: st,
-        onFocusRight: P,
-        onClickLeft: st,
-        onClickRight: P,
-        inputRefLeft: k,
-        inputRefRight: p,
-        variant: at ? "error" : h,
-        widthLeft: a,
-        widthRight: f,
-        minLeft: d,
-        maxLeft: o,
-        minRight: d,
-        maxRight: o
-      })
-    })
-  });
+      content: ut && /* @__PURE__ */ i(
+        F,
+        {
+          onClickDay: lt,
+          dateInFocus: m,
+          setDateInFocus: y,
+          currentPanel: T,
+          setCurrentPanel: x,
+          minDate: d,
+          maxDate: o,
+          ...l,
+          statePerMonth: ft
+        }
+      ),
+      children: /* @__PURE__ */ i(
+        ge,
+        {
+          autoFocusLeft: n,
+          onEsc: c,
+          onEnter: s,
+          onBlur: r,
+          disabled: u,
+          separatorIcon: Qt,
+          typeLeft: "date",
+          typeRight: "date",
+          placeholderLeft: "Start date",
+          placeholderRight: "End date",
+          onChangeLeft: Y,
+          onChangeRight: j,
+          onClickArrowDown: K,
+          onClickCalendar: ct,
+          onFocusLeft: st,
+          onFocusRight: P,
+          onClickLeft: st,
+          onClickRight: P,
+          inputRefLeft: k,
+          inputRefRight: p,
+          variant: at ? "error" : h,
+          widthLeft: a,
+          widthRight: f,
+          minLeft: d,
+          maxLeft: o,
+          minRight: d,
+          maxRight: o
+        }
+      )
+    }
+  ) });
 }
 export {
   Lt as Calendar,
-  ie as CalendarDay,
-  Cr as DateInput,
-  Er as DateRangeCalendar,
-  Lr as DateRangeDualTextInput,
-  xr as DateRangeExclusionCalendar,
-  Nr as DateRangeInput,
-  Ir as DateTextInput,
-  Yr as DateTimeInput,
+  le as CalendarDay,
+  kr as DateInput,
+  yr as DateRangeCalendar,
+  Ar as DateRangeDualTextInput,
+  br as DateRangeExclusionCalendar,
+  Sr as DateRangeInput,
+  Mr as DateTextInput,
+  Rr as DateTimeInput,
   U as Month,
-  yn as MonthPicker,
-  Ar as MultiDateCalendar,
-  wn as PresetPicker,
-  ae as SingleDateCalendar,
-  Tr as SingleWeekCalendar,
-  Hr as TimeTextInput,
-  qe as WeekDay,
-  dn as WeekDayCell,
-  cn as WeekNumberCell,
-  bn as YearPicker,
+  Dn as MonthPicker,
+  mr as MultiDateCalendar,
+  gn as PresetPicker,
+  De as SingleDateCalendar,
+  pr as SingleWeekCalendar,
+  Er as TimeTextInput,
+  Je as WeekDay,
+  sn as WeekDayCell,
+  nn as WeekNumberCell,
+  wn as YearPicker,
   X as addDayStateHighlights,
-  se as addDayStateHighlightsOnSingleDay,
-  Ke as addWeekRangeHighlights,
-  kr as addWeekStateHighlights,
-  wt as buildDayStateForDateRange,
-  Je as buildDayStateForRange,
-  _e as buildDayStateForSingleMonth,
-  Fe as calculateOverflowingMonth,
-  Xe as createDay,
-  Tn as dateRangeToStrings,
-  tn as dayHasHighlight,
+  oe as addDayStateHighlightsOnSingleDay,
+  je as addWeekRangeHighlights,
+  Dr as addWeekStateHighlights,
+  mt as buildDayStateForDateRange,
+  ze as buildDayStateForRange,
+  Be as buildDayStateForSingleMonth,
+  Qe as calculateOverflowingMonth,
+  Ge as createDay,
+  En as dateRangeToStrings,
+  Fe as dayHasHighlight,
   V as dayHighlightSelect,
   rt as defaultCalendarTheme,
-  nn as defaultTextPropsProvider,
-  en as defaultWrapperStyleProvider,
-  Sr as extranetCalendarTheme,
-  Ze as getDaysForWeekForDate,
-  ce as getMonthInYear,
+  Ve as defaultTextPropsProvider,
+  ve as defaultWrapperStyleProvider,
+  hr as extranetCalendarTheme,
+  qe as getDaysForWeekForDate,
+  de as getMonthInYear,
   Kt as getMonthsInYear,
   _t as getWeekForDate,
-  Qe as getWeeksForMonth,
-  oe as isDateRangeInvalid,
-  pr as setDayStateValue,
-  br as setDayStateValueFunction,
-  xn as stringsToDateRange,
-  Mr as toggleDateStringsIfEndIsEarlierThanStart,
-  de as toggleDatesIfEndIsEarlierThanStart,
-  Rr as useDateRangeCalendarState,
-  Un as useDateRangeExclusionSelection,
-  Cn as useDateRangeSelection,
-  In as useMultiDateSelection,
-  Nn as useSingleDateSelection,
-  Hn as useSingleWeekSelection
+  Ke as getWeeksForMonth,
+  ae as isDateRangeInvalid,
+  fr as setDayStateValue,
+  ur as setDayStateValueFunction,
+  Rn as stringsToDateRange,
+  gr as toggleDateStringsIfEndIsEarlierThanStart,
+  fe as toggleDatesIfEndIsEarlierThanStart,
+  wr as useDateRangeCalendarState,
+  Hn as useDateRangeExclusionSelection,
+  An as useDateRangeSelection,
+  xn as useMultiDateSelection,
+  Tn as useSingleDateSelection,
+  Cn as useSingleWeekSelection
 };
 //# sourceMappingURL=index.es.js.map