@stenajs-webui/calendar 18.5.0 → 18.6.0

package/dist/index.es.js

@@ -1,13 +1,13 @@
 (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 N, Text as ct, 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 { 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 Ie, setWeek as Ne, isValid as He } from "date-fns";
+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 { 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 { useMemo as C, useState as S, useEffect as Q, useCallback as g, useRef as J } from "react";
-import { jsx as c, jsxs as E, Fragment as mt } from "react/jsx-runtime";
-import It from "@emotion/styled";
+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";
@@ -29,9 +29,9 @@ const Z = {
 }, wt = (t = {}, e, n) => {
   if (e && n && et(n, e))
     return Pt({ start: e, end: n }).reduce(
-      (s, i) => {
-        const d = z(i, e), o = z(i, n);
-        return X(s, i, d ? ["selected", "selectedStart", "range"] : o ? ["selected", "selectedEnd", "range"] : ["range"]);
+      (s, c) => {
+        const d = z(c, e), o = z(c, n);
+        return X(s, c, d ? ["selected", "selectedStart", "range"] : o ? ["selected", "selectedEnd", "range"] : ["range"]);
       },
       t
     );
@@ -48,45 +48,45 @@ const Z = {
   Se([e, Dt(r, 1)]),
   ke([n, q(s, 1)])
 ) : wt(t, e, n), pr = (t, e, n) => {
-  const r = W(e, Z.yearAndMonth), s = Bt(e), i = Ct(e);
+  const r = W(e, Z.yearAndMonth), s = Bt(e), c = Ct(e);
   return {
     ...t,
     [r]: {
       ...t && t[r],
       [s]: {
         ...t && t[r] && t[r][s],
-        [i]: {
-          ...t && t[r] && t[r][s] && t[r][s][i],
+        [c]: {
+          ...t && t[r] && t[r][s] && t[r][s][c],
           ...n
         }
       }
     }
   };
 }, br = (t, e, n) => {
-  const r = W(e, Z.yearAndMonth), s = Bt(e), i = Ct(e);
+  const r = W(e, Z.yearAndMonth), s = Bt(e), c = Ct(e);
   return {
     ...t,
     [r]: {
       ...t && t[r],
       [s]: {
         ...t && t[r] && t[r][s],
-        [i]: {
-          ...t && t[r] && t[r][s] && t[r][s][i],
+        [c]: {
+          ...t && t[r] && t[r][s] && t[r][s][c],
           ...n(
-            t && t[r] && t[r][s] && t[r][s][i]
+            t && t[r] && t[r][s] && t[r][s][c]
           )
         }
       }
     }
   };
 }, X = (t, e, n) => {
-  const r = e.getMonth() + 1, s = `${e.getFullYear()}-${r < 10 ? "0" : ""}${r}`, i = Bt(e), d = Ct(e), o = t && t[s] && t[s][i] && t[s][i][d];
+  const r = e.getMonth() + 1, s = `${e.getFullYear()}-${r < 10 ? "0" : ""}${r}`, c = Bt(e), d = Ct(e), o = t && t[s] && t[s][c] && t[s][c][d];
   return {
     ...t,
     [s]: {
       ...t && t[s],
-      [i]: {
-        ...t && t[s] && t[s][i],
+      [c]: {
+        ...t && t[s] && t[s][c],
         [d]: se(o, n)
       }
     }
@@ -98,19 +98,19 @@ const Z = {
     highlights: [...(n = t == null ? void 0 : t.highlights) != null ? n : [], ...e]
   };
 }, kr = (t, e, n) => {
-  const r = e.days[0].date, s = r.getMonth() + 1, i = `${r.getFullYear()}-${s < 10 ? "0" : ""}${s}`, d = e.weekNumber;
+  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) => {
     o = X(o, h.date, n);
   });
-  const l = o && o[i] ? o[i][d] : void 0, a = l && l.highlights ? [...l.highlights, ...n] : n, f = {
+  const l = o && o[c] ? o[c][d] : void 0, a = l && l.highlights ? [...l.highlights, ...n] : n, f = {
     ...l,
     highlights: a
   };
   return {
     ...o,
-    [i]: {
-      ...t && t[i],
+    [c]: {
+      ...t && t[c],
       [d]: f
     }
   };
@@ -126,24 +126,24 @@ const Z = {
 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 || {});
 const Kt = (t, e, n, r) => {
   const s = [];
-  for (let i = 0; i < n; i++)
-    s.push(ie(t, e + i, r));
+  for (let c = 0; c < n; c++)
+    s.push(ce(t, e + c, r));
   return s;
-}, ie = (t, e, n) => {
-  const r = t + Math.floor(e / 12), s = e % 12, i = new Date(r, s, 1);
+}, ce = (t, e, n) => {
+  const r = t + Math.floor(e / 12), s = e % 12, c = new Date(r, s, 1);
   return {
-    monthString: W(i, Z.yearAndMonth),
+    monthString: W(c, Z.yearAndMonth),
     name: te(
-      W(i, Z.fullMonthName, { locale: n })
+      W(c, Z.fullMonthName, { locale: n })
     ),
     year: r,
     monthInYear: s,
     weeks: Qe(r, s, n)
   };
 }, Qe = (t, e, n, r = !0) => {
-  const s = new Date(t, e, 1), i = vt(s, { locale: n }), d = [];
+  const s = new Date(t, e, 1), c = vt(s, { locale: n }), d = [];
   for (let o = 0; o < 6; o++) {
-    const l = _t(Me(i, o), n);
+    const l = _t(Me(c, o), n);
     if (o > 0 && l.startMonth !== e && !r)
       return d;
     d.push(l);
@@ -188,29 +188,29 @@ const Kt = (t, e, n, r) => {
     );
   if (n.length === 0)
     return s;
-  for (let i = 0; i < n.length; i++)
-    if (typeof n[i] == "boolean" && n[i] || typeof n[i] == "string" && tn(
+  for (let c = 0; c < n.length; c++)
+    if (typeof n[c] == "boolean" && n[c] || typeof n[c] == "string" && tn(
       t,
       e,
-      n[i]
+      n[c]
     ))
-      return r[i];
+      return r[c];
   return s;
 }, en = ({
   selectedBackground: t,
   todayBackground: e,
   rangeBackground: n,
   borderColor: r = "transparent"
-}) => (s, i, d, o, l) => {
+}) => (s, c, d, o, l) => {
   let a = {};
-  const f = V(i, 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(i, s, ["selectedStart", "singleSelected"], ["var(--swui-calendar-day-border-radius)", "var(--swui-calendar-day-border-radius)"], r),
-    borderBottomLeftRadius: V(i, s, ["selectedStart", "singleSelected"], ["var(--swui-calendar-day-border-radius)", "var(--swui-calendar-day-border-radius)"], r),
-    borderTopRightRadius: V(i, s, ["selectedEnd", "singleSelected"], ["var(--swui-calendar-day-border-radius)", "var(--swui-calendar-day-border-radius)"], r),
-    borderBottomRightRadius: V(i, 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 = ({
@@ -218,10 +218,10 @@ const Kt = (t, e, n, r) => {
   disabledColor: e,
   inOtherMonthColor: n,
   rangeTextColor: r
-}) => (s, i, d, o, l) => {
+}) => (s, c, d, o, l) => {
   const a = d.month !== l.monthInYear;
   return {
-    color: V(i, 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)",
@@ -260,12 +260,12 @@ const Kt = (t, e, n, r) => {
   minDate: n,
   maxDate: r,
   dayState: s,
-  day: i,
+  day: c,
   ...d
 }) {
-  const o = C(() => rn(i.date, n, r) ? s : se(s, ["disabled"]), [i.date, s, r, n]);
-  return /* @__PURE__ */ c(e, {
-    day: i,
+  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
   });
@@ -275,28 +275,28 @@ const Kt = (t, e, n, r) => {
   week: n,
   background: r,
   backgroundColor: s,
-  prefix: i
+  prefix: c
 }) => {
-  const d = /* @__PURE__ */ E(N, {
+  const d = /* @__PURE__ */ E(I, {
     width: e.width,
     height: e.height,
     justifyContent: "center",
     alignItems: "center",
-    children: [r && /* @__PURE__ */ c(N, {
+    children: [r && /* @__PURE__ */ i(I, {
       position: "absolute",
       children: r
-    }), /* @__PURE__ */ c(N, {
+    }), /* @__PURE__ */ i(I, {
       position: "absolute",
-      children: /* @__PURE__ */ E(ct, {
+      children: /* @__PURE__ */ E(it, {
         color: t ? e.WeekNumber.clickableTextColor : e.WeekNumber.textColor,
-        children: [i, n.weekNumber]
+        children: [c, n.weekNumber]
       })
     })]
   });
-  return /* @__PURE__ */ c(N, {
+  return /* @__PURE__ */ i(I, {
     background: s || e.WeekNumber.backgroundColor,
     position: "relative",
-    children: t ? /* @__PURE__ */ c(Wt, {
+    children: t ? /* @__PURE__ */ i(Wt, {
       borderRadius: "var(--swui-calendar-day-border-radius)",
       onClick: (o) => t(n, o),
       disableFocusHighlight: !t,
@@ -310,36 +310,36 @@ function on({
   dayComponent: n,
   statePerWeekDay: r,
   userDataPerWeekDay: s,
-  minDate: i,
+  minDate: c,
   maxDate: d,
   onClickWeek: o,
   onClickDay: l,
   theme: a,
   renderWeekNumber: f,
   extraDayContent: h,
-  defaultHighlights: D
+  defaultHighlights: u
 }) {
   return /* @__PURE__ */ E("tr", {
-    children: [a.WeekNumber.show && /* @__PURE__ */ c("td", {
-      children: f ? f(t, a, o) : /* @__PURE__ */ c(cn, {
+    children: [a.WeekNumber.show && /* @__PURE__ */ i("td", {
+      children: f ? f(t, a, o) : /* @__PURE__ */ i(cn, {
         week: t,
         onClickWeek: o,
         theme: a
       })
-    }), t.days.map((u) => /* @__PURE__ */ c(sn, {
+    }), t.days.map((D) => /* @__PURE__ */ i(sn, {
       dayComponent: n,
-      day: u,
+      day: D,
       week: t,
       month: e,
-      dayState: r && r[u.dayOfMonth],
-      userData: s && s[u.dayOfMonth],
+      dayState: r && r[D.dayOfMonth],
+      userData: s && s[D.dayOfMonth],
       onClickDay: l,
       theme: a,
       extraDayContent: h,
-      defaultHighlights: D,
-      minDate: i,
+      defaultHighlights: u,
+      minDate: c,
       maxDate: d
-    }, u.dateString))]
+    }, D.dateString))]
   }, t.weekNumber);
 }
 const dn = ({
@@ -347,75 +347,75 @@ const dn = ({
   day: e,
   theme: n
 }) => {
-  const r = /* @__PURE__ */ c(N, {
+  const r = /* @__PURE__ */ i(I, {
     width: n.width,
     height: n.height,
     justifyContent: "center",
     alignItems: "center",
-    children: /* @__PURE__ */ c(ct, {
+    children: /* @__PURE__ */ i(it, {
       size: "small",
       color: t ? n.WeekDay.clickableTextColor : n.WeekDay.textColor,
       children: e.name
     })
   });
-  return t ? /* @__PURE__ */ c(Wt, {
+  return t ? /* @__PURE__ */ i(Wt, {
     borderRadius: "var(--swui-calendar-day-border-radius)",
     onClick: (s) => t(e.dayOfWeek, s),
     disableFocusHighlight: !t,
     children: r
   }) : r;
-}, ce = function({
+}, ie = function({
   day: e,
   week: n,
   month: r,
   dayState: s,
-  userData: i,
+  userData: c,
   onClickDay: d,
   theme: o,
   extraDayContent: l,
   defaultHighlights: a
 }) {
-  const f = /* @__PURE__ */ c(N, {
+  const f = /* @__PURE__ */ i(I, {
     width: "100%",
     height: "100%",
     justifyContent: "center",
     alignItems: "center",
-    children: /* @__PURE__ */ c(ct, {
-      ...o.CalendarDay.textProps && o.CalendarDay.textProps(a, s, e, n, r, i),
+    children: /* @__PURE__ */ i(it, {
+      ...o.CalendarDay.textProps && o.CalendarDay.textProps(a, s, e, n, r, c),
       children: e.dayOfMonth
     })
-  }), h = It.td({
-    ...o.CalendarDay.tdStyle && o.CalendarDay.tdStyle(a, s, e, n, r, i)
-  }), D = It.div({
-    ...o.CalendarDay.innerWrapperStyle && o.CalendarDay.innerWrapperStyle(a, s, e, n, r, i),
+  }), 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),
     width: "100%",
     height: "100%"
-  }), u = It.div({
-    ...o.CalendarDay.cellWrapperStyle && o.CalendarDay.cellWrapperStyle(a, s, e, n, r, i),
+  }), D = Nt.div({
+    ...o.CalendarDay.cellWrapperStyle && o.CalendarDay.cellWrapperStyle(a, s, e, n, r, c),
     width: "100%",
     height: "100%",
     position: "relative"
   });
-  return /* @__PURE__ */ c(h, {
-    children: /* @__PURE__ */ c(D, {
-      children: /* @__PURE__ */ c(u, {
+  return /* @__PURE__ */ i(h, {
+    children: /* @__PURE__ */ i(u, {
+      children: /* @__PURE__ */ i(D, {
         children: e.month === r.monthInYear && /* @__PURE__ */ E(mt, {
-          children: [l && /* @__PURE__ */ c(l, {
+          children: [l && /* @__PURE__ */ i(l, {
             week: n,
             month: r,
             day: e,
             dayState: s,
             theme: o,
-            userData: i
-          }), d && ln(a, s) ? /* @__PURE__ */ c(Wt, {
-            onClick: (m) => d(e, i, m),
+            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__ */ c(mt, {
+          }) : /* @__PURE__ */ i(mt, {
             children: f
           })]
         })
@@ -425,76 +425,76 @@ const dn = ({
 }, ln = (t, e) => !!V(e, t, ["enabled", "disabled"], [!0, !1], !0);
 function an({
   month: t,
-  dayComponent: e = ce,
+  dayComponent: e = ie,
   statePerWeek: n,
   userDataPerWeek: r,
   minDate: s,
-  maxDate: i,
+  maxDate: c,
   onClickDay: d,
   onClickWeek: o,
   onClickWeekDay: l,
   onClickMonth: a,
   onClickYear: f,
   renderWeekNumber: h,
-  renderWeekDay: D,
-  headerLeftContent: u,
+  renderWeekDay: u,
+  headerLeftContent: D,
   headerRightContent: m,
   theme: k = rt,
   extraDayContent: p,
   defaultHighlights: b
 }) {
   const w = k.WeekNumber.show;
-  return /* @__PURE__ */ c(mt, {
-    children: /* @__PURE__ */ E(N, {
+  return /* @__PURE__ */ i(mt, {
+    children: /* @__PURE__ */ E(I, {
       alignItems: "stretch",
       children: [/* @__PURE__ */ E(R, {
         justifyContent: "space-between",
         alignItems: "center",
         height: "32px",
-        children: [/* @__PURE__ */ c(N, {
+        children: [/* @__PURE__ */ i(I, {
           alignItems: "center",
-          children: u
+          children: D
         }), /* @__PURE__ */ E(R, {
           alignItems: "center",
-          children: [/* @__PURE__ */ c(R, {
+          children: [/* @__PURE__ */ i(R, {
             width: "104px",
             justifyContent: "center",
-            children: a ? /* @__PURE__ */ c(A, {
+            children: a ? /* @__PURE__ */ i(A, {
               onClick: () => a(t),
               label: t.name
-            }) : /* @__PURE__ */ c(ct, {
+            }) : /* @__PURE__ */ i(it, {
               children: t.name
             })
-          }), /* @__PURE__ */ c($, {}), /* @__PURE__ */ c(R, {
+          }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(R, {
             width: "64px",
             justifyContent: "center",
-            children: f ? /* @__PURE__ */ c(A, {
+            children: f ? /* @__PURE__ */ i(A, {
               onClick: () => f(t.year),
               label: String(t.year)
-            }) : /* @__PURE__ */ c(ct, {
+            }) : /* @__PURE__ */ i(it, {
               children: t.year
             })
           })]
-        }), /* @__PURE__ */ c(N, {
+        }), /* @__PURE__ */ i(I, {
           alignItems: "center",
           children: m
         })]
-      }), /* @__PURE__ */ c("table", {
+      }), /* @__PURE__ */ i("table", {
         children: /* @__PURE__ */ E("tbody", {
           children: [/* @__PURE__ */ E("tr", {
-            children: [w && /* @__PURE__ */ c("td", {
-              children: /* @__PURE__ */ c(N, {
+            children: [w && /* @__PURE__ */ i("td", {
+              children: /* @__PURE__ */ i(I, {
                 width: k.width,
                 height: k.height
               })
-            }), t.weeks[0].days.map((y) => /* @__PURE__ */ c("td", {
-              children: D ? D(y.name, k, l) : /* @__PURE__ */ c(dn, {
+            }), 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__ */ c(on, {
+          }), t.weeks.map((y) => /* @__PURE__ */ i(on, {
             month: t,
             week: y,
             dayComponent: e,
@@ -507,7 +507,7 @@ function an({
             extraDayContent: p,
             defaultHighlights: b,
             minDate: s,
-            maxDate: i
+            maxDate: c
           }, y.weekNumber))]
         })
       })]
@@ -516,31 +516,31 @@ function an({
 }
 function fn({
   monthRows: t,
-  dayComponent: e = ce,
+  dayComponent: e = ie,
   userDataPerMonth: n,
   statePerMonth: r,
   minDate: s,
-  maxDate: i,
+  maxDate: c,
   onClickDay: d,
   onClickWeekDay: o,
   onClickWeek: l,
   onClickMonth: a,
   onClickYear: f,
   renderWeekDay: h,
-  renderWeekNumber: D,
-  headerLeftContent: u,
+  renderWeekNumber: u,
+  headerLeftContent: D,
   headerRightContent: m,
   extraDayContent: k,
   defaultHighlights: p,
   theme: b = rt
 }) {
-  const w = C(() => s ? ot(s, "yyyy-MM-dd", new Date()) : void 0, [s]), y = C(() => i ? ot(i, "yyyy-MM-dd", new Date()) : void 0, [i]);
-  return /* @__PURE__ */ c("div", {
+  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__ */ c(ge, {
-      children: /* @__PURE__ */ c(R, {
-        children: M.map((x, I) => /* @__PURE__ */ E(ne.Fragment, {
-          children: [I > 0 && /* @__PURE__ */ c($, {}), /* @__PURE__ */ c(an, {
+    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],
@@ -551,9 +551,9 @@ function fn({
             onClickMonth: a,
             onClickYear: f,
             theme: b,
-            renderWeekNumber: D,
+            renderWeekNumber: u,
             renderWeekDay: h,
-            headerLeftContent: u,
+            headerLeftContent: D,
             headerRightContent: m,
             extraDayContent: k,
             defaultHighlights: p,
@@ -570,13 +570,13 @@ function Lt(t) {
   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), i = Ge(t.highlightToday, t.statePerMonth);
-  return /* @__PURE__ */ c(fn, {
+  } = 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: i
+    statePerMonth: c
   });
 }
 const un = (t, e, n) => {
@@ -595,27 +595,27 @@ const un = (t, e, n) => {
     month: tt(r),
     year: yt(r)
   };
-}, Dn = (t, e, n, r, s) => r == null ? [[ie(t, e, n)]] : s == null ? [Kt(t, e, r, n)] : ee(Kt(t, e, r, n), s), hn = ({
+}, 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 = ({
   value: t,
   onValueChange: e,
   month: n,
   locale: r
 }) => {
   const s = C(() => {
-    const i = new Date(2e3, n, 1);
-    return te(W(i, "MMM", {
+    const c = new Date(2e3, n, 1);
+    return te(W(c, "MMM", {
       locale: r
     }));
   }, [r, n]);
-  return /* @__PURE__ */ c(R, {
+  return /* @__PURE__ */ i(R, {
     width: "64px",
     justifyContent: "center",
     spacing: 0.5,
     indent: 0.5,
-    children: t === n ? /* @__PURE__ */ c(dt, {
+    children: t === n ? /* @__PURE__ */ i(dt, {
       label: s,
       onClick: () => e && e(n)
-    }) : /* @__PURE__ */ c(A, {
+    }) : /* @__PURE__ */ i(A, {
       label: s,
       onClick: () => e && e(n)
     })
@@ -624,9 +624,9 @@ const un = (t, e, n) => {
   value: t,
   onValueChange: e,
   locale: n = zt
-}) => /* @__PURE__ */ c(B, {
-  children: gn.map((r) => /* @__PURE__ */ c(R, {
-    children: r.map((s) => /* @__PURE__ */ c(hn, {
+}) => /* @__PURE__ */ i(B, {
+  children: gn.map((r) => /* @__PURE__ */ i(R, {
+    children: r.map((s) => /* @__PURE__ */ i(hn, {
       month: s,
       onValueChange: e,
       value: t,
@@ -655,33 +655,33 @@ const un = (t, e, n) => {
 ], wn = ({
   onClickPreset: t
 }) => {
-  var i;
-  const [e, n] = S(0), r = C(() => mn(new Date()), []), s = (i = r[e]) != null ? i : r[0];
+  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__ */ c(A, {
+      children: [/* @__PURE__ */ i(A, {
         size: "small",
         leftIcon: Ot,
         disabled: e === 0,
         onClick: () => n(e - 1)
-      }), /* @__PURE__ */ c(ct, {
+      }), /* @__PURE__ */ i(it, {
         children: s.label
-      }), /* @__PURE__ */ c(A, {
+      }), /* @__PURE__ */ i(A, {
         size: "small",
         leftIcon: $t,
         disabled: e === r.length - 1,
         onClick: () => n(e + 1)
       })]
-    }), /* @__PURE__ */ c($, {}), /* @__PURE__ */ c(B, {
+    }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(B, {
       alignItems: "center",
       children: s.presets.map((d) => /* @__PURE__ */ E(ne.Fragment, {
-        children: [/* @__PURE__ */ c(dt, {
+        children: [/* @__PURE__ */ i(dt, {
           label: d.label,
           onClick: () => t(d)
-        }), /* @__PURE__ */ c($, {})]
+        }), /* @__PURE__ */ i($, {})]
       }, d.label))
     })]
   });
@@ -691,15 +691,15 @@ const un = (t, e, n) => {
   year: n
 }) => {
   const r = String(n);
-  return /* @__PURE__ */ c(R, {
+  return /* @__PURE__ */ i(R, {
     width: "64px",
     justifyContent: "center",
     spacing: 0.5,
     indent: 0.5,
-    children: t === n ? /* @__PURE__ */ c(dt, {
+    children: t === n ? /* @__PURE__ */ i(dt, {
       label: r,
       onClick: () => e == null ? void 0 : e(n)
-    }) : /* @__PURE__ */ c(A, {
+    }) : /* @__PURE__ */ i(A, {
       label: r,
       onClick: () => e == null ? void 0 : e(n)
     })
@@ -709,30 +709,30 @@ const un = (t, e, n) => {
   onValueChange: e,
   initialLastYear: n
 }) => {
-  const [r, s] = S(() => t ? t + 4 : n != null ? n : new Date().getFullYear() + 4), i = C(() => {
+  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);
   }, [r]);
   return Q(() => {
     s((d) => kn(t, d));
   }, [t]), /* @__PURE__ */ E(R, {
-    children: [/* @__PURE__ */ c(B, {
+    children: [/* @__PURE__ */ i(B, {
       justifyContent: "center",
-      children: /* @__PURE__ */ c(A, {
+      children: /* @__PURE__ */ i(A, {
         leftIcon: We,
         onClick: () => s(r - 3)
       })
-    }), /* @__PURE__ */ c(B, {
-      children: i.map((d) => /* @__PURE__ */ c(R, {
-        children: d.map((o) => /* @__PURE__ */ c(pn, {
+    }), /* @__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__ */ c(B, {
+    }), /* @__PURE__ */ i(B, {
       justifyContent: "center",
-      children: /* @__PURE__ */ c(A, {
+      children: /* @__PURE__ */ i(A, {
         leftIcon: Oe,
         onClick: () => s(r + 3)
       })
@@ -742,13 +742,13 @@ const un = (t, e, n) => {
   if (t == null)
     return e;
   if (t > e) {
-    const r = t - e, s = r % 3, i = r - s + 3;
-    return e + i;
+    const r = t - e, s = r % 3, c = r - s + 3;
+    return e + c;
   }
   const n = e - 11;
   if (t < n) {
-    const r = n - t, s = r % 3, i = r - s + 3;
-    return e - i;
+    const r = n - t, s = r % 3, c = r - s + 3;
+    return e - c;
   }
   return e;
 }, Sn = function({
@@ -756,24 +756,24 @@ const un = (t, e, n) => {
   dateInFocus: n,
   setDateInFocus: r,
   currentPanel: s,
-  setCurrentPanel: i,
+  setCurrentPanel: c,
   ...d
 }) {
   const o = g((h) => {
-    const D = n ? new Date(n) : new Date();
-    D.setMonth(h), r && r(D), i("calendar");
-  }, [n, r, i]), l = g((h) => {
-    const D = n ? new Date(n) : new Date();
-    D.setFullYear(h), r && r(D), i("calendar");
-  }, [n, r, i]), a = g(() => {
-    i("year");
-  }, [i]), f = g(() => {
-    i("month");
-  }, [i]);
+    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__ */ c(mt, {
-        children: /* @__PURE__ */ c(Lt, {
+      return /* @__PURE__ */ i(mt, {
+        children: /* @__PURE__ */ i(Lt, {
           ...d,
           date: n,
           onClickYear: a,
@@ -782,26 +782,26 @@ const un = (t, e, n) => {
         })
       });
     case "month":
-      return /* @__PURE__ */ c(yn, {
+      return /* @__PURE__ */ i(yn, {
         value: n.getMonth(),
         onValueChange: o,
         locale: e
       });
     case "year":
-      return /* @__PURE__ */ c(bn, {
+      return /* @__PURE__ */ i(bn, {
         value: n.getFullYear(),
         onValueChange: l
       });
     case "presets":
-      return /* @__PURE__ */ c(wn, {
+      return /* @__PURE__ */ i(wn, {
         onClickPreset: () => {
         }
       });
     default:
-      return /* @__PURE__ */ c(N, {
-        children: /* @__PURE__ */ c(dt, {
+      return /* @__PURE__ */ i(I, {
+        children: /* @__PURE__ */ i(dt, {
           label: "Show calendar",
-          onClick: () => i("calendar")
+          onClick: () => c("calendar")
         })
       });
   }
@@ -810,7 +810,7 @@ const un = (t, e, n) => {
     var a;
     const l = Te(t, (a = n != null ? n : r) != null ? a : 1);
     e == null || e(l);
-  }, [e, t, n, r]), i = g(() => {
+  }, [e, t, n, r]), c = g(() => {
     const l = xe(t, 1);
     e == null || e(l);
   }, [e, t]), d = g(() => {
@@ -818,13 +818,13 @@ const un = (t, e, n) => {
     const l = Ce(t, (a = n != null ? n : r) != null ? a : 1);
     e == null || e(l);
   }, [e, t, n, r]), o = g(() => {
-    const l = Ie(t, 1);
+    const l = Ne(t, 1);
     e == null || e(l);
   }, [e, t]);
   return {
     nextMonth: s,
     prevMonth: d,
-    nextYear: i,
+    nextYear: c,
     prevYear: o
   };
 }, En = ({
@@ -834,25 +834,25 @@ const un = (t, e, n) => {
   prevYear: r,
   nextYear: s
 }) => /* @__PURE__ */ E("div", {
-  children: [t, /* @__PURE__ */ c(ht, {
+  children: [t, /* @__PURE__ */ i(ht, {
     children: /* @__PURE__ */ E(R, {
-      children: [/* @__PURE__ */ c(A, {
+      children: [/* @__PURE__ */ i(A, {
         onClick: r,
         leftIcon: $e
-      }), /* @__PURE__ */ c($, {}), /* @__PURE__ */ c(A, {
+      }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(A, {
         onClick: e,
         leftIcon: Ot
-      }), /* @__PURE__ */ c(ht, {
+      }), /* @__PURE__ */ i(ht, {
         num: 2
-      }), /* @__PURE__ */ c(A, {
+      }), /* @__PURE__ */ i(A, {
         onClick: n,
         leftIcon: $t
-      }), /* @__PURE__ */ c($, {}), /* @__PURE__ */ c(A, {
+      }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(A, {
         onClick: s,
         leftIcon: Pe
       })]
     })
-  }), /* @__PURE__ */ c($, {})]
+  }), /* @__PURE__ */ i($, {})]
 }), Rn = () => {
 };
 function F({
@@ -861,7 +861,7 @@ function F({
   dateInFocus: n,
   setDateInFocus: r,
   currentPanel: s,
-  setCurrentPanel: i,
+  setCurrentPanel: c,
   onSelectPreset: d = Rn,
   hideYearPagination: o = !1,
   ...l
@@ -870,39 +870,39 @@ function F({
     nextMonth: a,
     prevMonth: f,
     nextYear: h,
-    prevYear: D
+    prevYear: u
   } = Mn(n, r, l.monthsPerRow, l.numMonths);
   switch (An(t, l.numMonths)) {
     case "below":
-      return /* @__PURE__ */ c(En, {
+      return /* @__PURE__ */ i(En, {
         theme: e,
         nextMonth: a,
         prevMonth: f,
         nextYear: h,
-        prevYear: D,
-        children: /* @__PURE__ */ c(Lt, {
+        prevYear: u,
+        children: /* @__PURE__ */ i(Lt, {
           ...l,
           theme: e,
           date: n
         })
       });
     case "header":
-      return /* @__PURE__ */ c(B, {
-        children: /* @__PURE__ */ c(Sn, {
+      return /* @__PURE__ */ i(B, {
+        children: /* @__PURE__ */ i(Sn, {
           ...l,
           theme: e,
           dateInFocus: n,
           setDateInFocus: r,
           currentPanel: s,
-          setCurrentPanel: i,
+          setCurrentPanel: c,
           onSelectPreset: d,
           headerLeftContent: /* @__PURE__ */ E(R, {
             alignItems: "center",
-            children: [!o && /* @__PURE__ */ c(A, {
+            children: [!o && /* @__PURE__ */ i(A, {
               size: "small",
-              onClick: D,
+              onClick: u,
               leftIcon: me
-            }), /* @__PURE__ */ c($, {}), /* @__PURE__ */ c(A, {
+            }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(A, {
               size: "small",
               onClick: f,
               leftIcon: Ot
@@ -910,11 +910,11 @@ function F({
           }),
           headerRightContent: /* @__PURE__ */ E(R, {
             alignItems: "center",
-            children: [/* @__PURE__ */ c(A, {
+            children: [/* @__PURE__ */ i(A, {
               size: "small",
               onClick: a,
               leftIcon: $t
-            }), /* @__PURE__ */ c($, {}), !o && /* @__PURE__ */ c(A, {
+            }), /* @__PURE__ */ i($, {}), !o && /* @__PURE__ */ i(A, {
               size: "small",
               onClick: h,
               leftIcon: we
@@ -923,7 +923,7 @@ function F({
         })
       });
     default:
-      return /* @__PURE__ */ c(Lt, {
+      return /* @__PURE__ */ i(Lt, {
         ...l,
         theme: e,
         date: n
@@ -954,11 +954,11 @@ const An = (t, e) => t || (e || 1) > 1 ? "below" : "header", Tn = (t) => ({
   de(xn(t))
 ) : t, le = (t, e, n, r) => g(
   (s) => {
-    const i = {
+    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(i) || r(n === "startDate" ? "endDate" : "startDate"), e == null || e(de(i));
+    oe(c) || r(n === "startDate" ? "endDate" : "startDate"), e == null || e(de(c));
   },
   [
     n,
@@ -981,14 +981,17 @@ const An = (t, e) => t || (e || 1) > 1 ? "below" : "header", Tn = (t) => ({
   onValueChange: n,
   setFocusedInput: r,
   statePerMonth: s,
-  onChangePanel: i
+  onChangePanel: c,
+  initialDateInFocus: d
 }) => {
-  const { currentPanel: d, setCurrentPanel: o } = bt(i), [l, a] = S(() => new Date()), f = le(
+  const { currentPanel: o, setCurrentPanel: l } = bt(c), [a, f] = S(
+    () => d != null ? d : new Date()
+  ), h = le(
     e,
     n,
     t,
     r
-  ), h = C(
+  ), u = C(
     () => wt(
       s,
       e == null ? void 0 : e.startDate,
@@ -997,38 +1000,38 @@ const An = (t, e) => t || (e || 1) > 1 ? "below" : "header", Tn = (t) => ({
     [s, e == null ? void 0 : e.endDate, e == null ? void 0 : e.startDate]
   );
   return {
-    onClickDay: f,
-    statePerMonth: h,
-    currentPanel: d,
-    setCurrentPanel: o,
-    setDateInFocus: a,
-    dateInFocus: l
+    onClickDay: h,
+    statePerMonth: u,
+    currentPanel: o,
+    setCurrentPanel: l,
+    setDateInFocus: f,
+    dateInFocus: a
   };
 };
 function Er(t) {
   const e = Cn(t);
-  return /* @__PURE__ */ c(F, {
+  return /* @__PURE__ */ i(F, {
     ...t,
     ...e
   });
 }
 const Rr = () => {
-  const [t, e] = S(), [n, r] = S(), [s, i] = S("startDate");
+  const [t, e] = S(), [n, r] = S(), [s, c] = S("startDate");
   return {
     startDate: t,
     setStartDate: e,
     endDate: n,
     setEndDate: r,
     focusedInput: s,
-    setFocusedInput: i
+    setFocusedInput: c
   };
-}, In = ({
+}, Nn = ({
   onChange: t,
   value: e,
   statePerMonth: n,
   onChangePanel: r
 }) => {
-  const { currentPanel: s, setCurrentPanel: i } = bt(r), [d, o] = S(() => e != null ? e : new Date()), l = g(
+  const { currentPanel: s, setCurrentPanel: c } = bt(r), [d, o] = S(() => e != null ? e : new Date()), l = g(
     (f) => {
       t && t(f.date);
     },
@@ -1045,30 +1048,30 @@ const Rr = () => {
     statePerMonth: a,
     date: e,
     currentPanel: s,
-    setCurrentPanel: i,
+    setCurrentPanel: c,
     dateInFocus: d,
     setDateInFocus: o
   };
 };
 function ae(t) {
-  const e = In(t);
-  return /* @__PURE__ */ c(F, {
+  const e = Nn(t);
+  return /* @__PURE__ */ i(F, {
     ...t,
     ...e
   });
 }
-const Nn = ({
+const In = ({
   onChange: t,
   value: e,
   statePerMonth: n,
   onChangePanel: r
 }) => {
-  const { currentPanel: s, setCurrentPanel: i } = bt(r), [d, o] = S(() => new Date()), l = g(
+  const { currentPanel: s, setCurrentPanel: c } = bt(r), [d, o] = S(() => new Date()), l = g(
     (f) => {
       if (!t)
         return;
-      const h = e && e.find((D) => z(D, f.date));
-      t(e && h ? e.filter((D) => !z(D, f.date)) : [...e || [], f.date]);
+      const h = e && e.find((u) => z(u, f.date));
+      t(e && h ? e.filter((u) => !z(u, f.date)) : [...e || [], f.date]);
     },
     [t, e]
   ), a = C(() => e ? e.reduce(
@@ -1079,14 +1082,14 @@ const Nn = ({
     onClickDay: l,
     statePerMonth: a,
     currentPanel: s,
-    setCurrentPanel: i,
+    setCurrentPanel: c,
     dateInFocus: d,
     setDateInFocus: o
   };
 };
 function Ar(t) {
-  const e = Nn(t);
-  return /* @__PURE__ */ c(F, {
+  const e = In(t);
+  return /* @__PURE__ */ i(F, {
     ...t,
     ...e
   });
@@ -1098,30 +1101,30 @@ const Hn = ({
   onChangePanel: r,
   locale: s = zt
 }) => {
-  const [i, d] = S(() => {
-    const u = Nt(e, s);
-    return u ? u.days[0].date : new Date();
+  const [c, d] = S(() => {
+    const D = It(e, s);
+    return D ? D.days[0].date : new Date();
   }), { currentPanel: o, setCurrentPanel: l } = bt(r), a = g(
-    (u) => {
-      t && t(Gt(_t(u.date, s)));
+    (D) => {
+      t && t(Gt(_t(D.date, s)));
     },
     [s, t]
   ), f = g(
-    (u) => {
-      t && t(Gt(u));
+    (D) => {
+      t && t(Gt(D));
     },
     [t]
   ), h = C(() => {
-    const u = Nt(e, s);
-    return u ? Ke(n, u) : n;
-  }, [e, s, n]), D = C(() => {
-    const u = Nt(e, s);
-    return u ? u.days[0].date : new Date();
+    const D = It(e, s);
+    return D ? Ke(n, D) : n;
+  }, [e, s, n]), u = C(() => {
+    const D = It(e, s);
+    return D ? D.days[0].date : new Date();
   }, [s, e]);
   return {
     statePerMonth: h,
-    date: D,
-    dateInFocus: i,
+    date: u,
+    dateInFocus: c,
     setDateInFocus: d,
     onClickDay: a,
     onClickWeek: f,
@@ -1131,17 +1134,17 @@ const Hn = ({
 }, Gt = (t) => {
   if (!!t)
     return `${t.endYear}-${t.weekNumber}`;
-}, Nt = (t, e) => {
+}, It = (t, e) => {
   if (!t)
     return;
-  const n = t.split("-"), r = parseInt(n[1], 10), s = parseInt(n[0], 10), i = new Date();
-  i.setFullYear(s);
-  const d = vt(Ne(i, r), { locale: e });
+  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 });
   return _t(d, e);
 };
 function Tr(t) {
   const e = Hn(t);
-  return /* @__PURE__ */ c(F, {
+  return /* @__PURE__ */ i(F, {
     ...t,
     ...e
   });
@@ -1152,14 +1155,14 @@ const Yn = (t, e) => t.filter((n) => !z(n, e)), Ln = (t, e) => !!t.find((n) => z
   statePerMonth: n,
   onChangePanel: r
 }) => {
-  const [s, i] = S(), [d, o] = S("startDate"), { currentPanel: l, setCurrentPanel: a } = bt(r), [f, h] = S(
+  const [s, c] = S(), [d, o] = S("startDate"), { currentPanel: l, setCurrentPanel: a } = bt(r), [f, h] = S(
     () => {
       var p;
       return (p = d && (t == null ? void 0 : t[d])) != null ? p : new Date();
     }
-  ), D = g(
+  ), u = g(
     (p) => {
-      i(p);
+      c(p);
       const { startDate: b, endDate: w } = p;
       if (e)
         if (b && w) {
@@ -1169,16 +1172,16 @@ const Yn = (t, e) => t.filter((n) => !z(n, e)), Ln = (t, e) => !!t.find((n) => z
           b ? e([b]) : w && e([w]);
     },
     [e]
-  ), u = le(
+  ), D = le(
     s,
-    D,
+    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]) : u(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));
     },
-    [e, u, t]
+    [e, D, t]
   ), k = C(() => Wn(n, t), [n, t]);
   return {
     onClickDay: m,
@@ -1191,7 +1194,7 @@ const Yn = (t, e) => t.filter((n) => !z(n, e)), Ln = (t, e) => !!t.find((n) => z
 }, Wn = (t, e) => e ? e.reduce((n, r) => X(n, r, ["selected"]), t) : t;
 function xr(t) {
   const e = Un(t);
-  return /* @__PURE__ */ c(F, {
+  return /* @__PURE__ */ i(F, {
     ...t,
     ...e
   });
@@ -1206,13 +1209,13 @@ const kt = "bottom", fe = () => {
     tippyRef: t
   };
 }, On = (t, e, n) => {
-  const [r, s] = S(n || !1), i = g(() => (s(!0), !0), [s]), d = g(() => {
+  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]);
   return {
-    showCalendar: i,
+    showCalendar: c,
     hideCalendar: d,
     showingCalendar: r,
     onSelectDate: o
@@ -1223,15 +1226,15 @@ const kt = "bottom", fe = () => {
   value: n,
   zIndex: r = 100,
   calendarTheme: s = rt,
-  calendarProps: i,
+  calendarProps: c,
   openOnMount: d,
   onClose: o,
   onChange: l,
   portalTarget: a,
   variant: f,
   width: h,
-  minDate: D,
-  maxDate: u = St,
+  minDate: u,
+  maxDate: D = St,
   disabled: m
 }) => {
   const {
@@ -1243,9 +1246,9 @@ const kt = "bottom", fe = () => {
     tippyRef: y,
     onChangePanel: M
   } = fe();
-  return /* @__PURE__ */ c(N, {
+  return /* @__PURE__ */ i(I, {
     width: h,
-    children: /* @__PURE__ */ c(pt, {
+    children: /* @__PURE__ */ i(pt, {
       arrow: !1,
       lazy: !0,
       visible: p,
@@ -1255,20 +1258,20 @@ const kt = "bottom", fe = () => {
       appendTo: a != null ? a : "parent",
       tippyRef: y,
       disabled: m,
-      content: /* @__PURE__ */ c(ae, {
-        ...i,
+      content: /* @__PURE__ */ i(ae, {
+        ...c,
         onChange: b,
         value: n,
         theme: s,
         onChangePanel: M,
-        minDate: D,
-        maxDate: u
+        minDate: u,
+        maxDate: D
       }),
-      children: /* @__PURE__ */ c(nt, {
+      children: /* @__PURE__ */ i(nt, {
         type: "date",
-        contentRight: /* @__PURE__ */ c(R, {
+        contentRight: /* @__PURE__ */ i(R, {
           alignItems: "center",
-          children: /* @__PURE__ */ c(A, {
+          children: /* @__PURE__ */ i(A, {
             size: "small",
             disabled: m,
             leftIcon: gt,
@@ -1283,23 +1286,23 @@ const kt = "bottom", fe = () => {
         disabled: m,
         autoFocus: d,
         variant: f,
-        min: D,
-        max: u
+        min: u,
+        max: D
       })
     })
   });
 }, $n = (t, e) => {
-  const n = J(null), r = J(null), [s, i] = S(!1), [d, o] = S(void 0), l = g(() => (o("startDate"), i(!0), !0), [o, i]), a = g(() => (o("endDate"), i(!0), !0), [o, i]), f = g(() => {
-    i(!1);
-  }, [i]), h = g((u) => {
+  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: u.date,
+      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: u.date
+      endDate: D.date
     }), t != null && t.startDate ? setTimeout(f, 150) : (o("startDate"), n.current && n.current.focus()));
-  }, [d, e, o, f, t]), D = 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]);
+  }, [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,
@@ -1310,25 +1313,25 @@ const kt = "bottom", fe = () => {
     startDateInputRef: n,
     endDateInputRef: r,
     onClickDay: h,
-    startDateIsAfterEnd: D
+    startDateIsAfterEnd: u
   };
 };
-function Ir({
+function Nr({
   displayFormat: t = Z.fullDate,
   placeholderStartDate: e = "Start date",
   placeholderEndDate: n = "End date",
   portalTarget: r,
   value: s,
-  onValueChange: i,
+  onValueChange: c,
   zIndex: d = 100,
   width: o,
   calendarTheme: l = rt,
   calendarProps: a,
   minDate: f,
   maxDate: h = St,
-  disabled: D
+  disabled: u
 }) {
-  const [u, m] = S("calendar"), {
+  const [D, m] = S("calendar"), {
     hideCalendar: k,
     showCalendarEndDate: p,
     showCalendarStartDate: b,
@@ -1337,77 +1340,77 @@ function Ir({
     startDateInputRef: M,
     endDateInputRef: T,
     onClickDay: x,
-    startDateIsAfterEnd: I
-  } = $n(s, i), [O, Y] = S(() => {
+    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__ */ c(pt, {
+  return /* @__PURE__ */ i(pt, {
     arrow: !1,
     lazy: !0,
-    disabled: D,
+    disabled: u,
     visible: w,
     zIndex: d,
     placement: kt,
     appendTo: r != null ? r : "parent",
     onClickOutside: k,
-    content: /* @__PURE__ */ c(F, {
+    content: /* @__PURE__ */ i(F, {
       ...a,
       dateInFocus: O,
       setDateInFocus: Y,
       statePerMonth: j,
       theme: l,
       onClickDay: x,
-      currentPanel: u,
+      currentPanel: D,
       setCurrentPanel: m,
       minDate: f,
       maxDate: h
     }),
     children: /* @__PURE__ */ E(R, {
       alignItems: "center",
-      children: [/* @__PURE__ */ c(nt, {
+      children: [/* @__PURE__ */ i(nt, {
         iconLeft: gt,
         onFocus: b,
         value: s != null && s.startDate ? W(s.startDate, t) : "",
         placeholder: e,
         width: o,
-        disabled: D,
+        disabled: u,
         inputRef: M,
         size: 9,
-        variant: I ? "error" : void 0
-      }), /* @__PURE__ */ c($, {}), /* @__PURE__ */ c(Qt, {
+        variant: N ? "error" : void 0
+      }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(Qt, {
         icon: je,
         color: re("--lhds-color-ui-500"),
         size: 14
-      }), /* @__PURE__ */ c($, {}), /* @__PURE__ */ c(nt, {
+      }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(nt, {
         iconLeft: gt,
         onFocus: p,
         value: s != null && s.endDate ? W(s.endDate, t) : "",
         placeholder: n,
         width: o,
-        disabled: D,
+        disabled: u,
         inputRef: T,
         size: 9,
-        variant: I ? "error" : void 0
+        variant: N ? "error" : void 0
       })]
     })
   });
 }
-const Nr = ({
+const Ir = ({
   calendarProps: t,
   closeOnCalendarSelectDate: e = !0,
   dateFormat: n = Z.fullDate,
   disableCalender: r = !1,
   onValueChange: s,
-  placeholder: i = "yyyy-mm-dd",
+  placeholder: c = "yyyy-mm-dd",
   portalTarget: d,
   value: o,
   width: l = "130px",
   zIndex: a = 100,
   calendarTheme: f = rt,
   hideCalenderIcon: h = !1,
-  minDate: D,
-  maxDate: u = St,
+  minDate: u,
+  maxDate: D = St,
   variant: m,
   ...k
 }) => {
@@ -1420,12 +1423,12 @@ const Nr = ({
     b(!1);
   }, [b]), x = g((P) => {
     s && s(P);
-  }, [s]), I = g((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__ */ c(N, {
+  return /* @__PURE__ */ i(I, {
     width: l,
-    children: /* @__PURE__ */ c(pt, {
+    children: /* @__PURE__ */ i(pt, {
       arrow: !1,
       lazy: !0,
       visible: p,
@@ -1434,23 +1437,23 @@ const Nr = ({
       placement: kt,
       onClickOutside: T,
       tippyRef: w,
-      content: /* @__PURE__ */ c(ae, {
+      content: /* @__PURE__ */ i(ae, {
         ...t,
-        onChange: I,
+        onChange: N,
         onChangePanel: y,
         value: o && Y ? ot(o, n, new Date()) : void 0,
-        minDate: D,
-        maxDate: u,
+        minDate: u,
+        maxDate: D,
         theme: f
       }),
-      children: /* @__PURE__ */ c(nt, {
+      children: /* @__PURE__ */ i(nt, {
         ...k,
         variant: _ ? "error" : m,
         disableContentPaddingRight: !0,
-        contentRight: h ? void 0 : /* @__PURE__ */ c(R, {
+        contentRight: h ? void 0 : /* @__PURE__ */ i(R, {
           alignItems: "center",
           indent: 0.5,
-          children: /* @__PURE__ */ c(A, {
+          children: /* @__PURE__ */ i(A, {
             size: "small",
             disabled: k.disabled || r,
             leftIcon: gt,
@@ -1458,10 +1461,10 @@ const Nr = ({
           })
         }),
         onValueChange: x,
-        placeholder: i,
+        placeholder: c,
         value: o || "",
-        min: D,
-        max: u,
+        min: u,
+        max: D,
         size: 10
       })
     })
@@ -1538,22 +1541,22 @@ const Nr = ({
   useIcon: n = !0,
   value: r,
   width: s = "85px",
-  variant: i,
+  variant: c,
   ...d
 }) => {
   const [o, l] = S(() => Ut(r)), a = "hh:mm", f = g(() => {
     if (r) {
-      const D = Pn(r);
-      l(D.success), D.success && t && t(D.time);
+      const u = Pn(r);
+      l(u.success), u.success && t && t(u.time);
     }
-  }, [r, t, l]), h = g((D) => {
-    const u = D.target.value, m = Ut(u);
-    l(m && u.length <= a.length), t && t(u);
+  }, [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__ */ c(nt, {
+  return /* @__PURE__ */ i(nt, {
     ...d,
     type: "time",
-    variant: o ? i : "error",
+    variant: o ? c : "error",
     iconLeft: n ? Xt : void 0,
     value: r,
     placeholder: e ? a : void 0,
@@ -1567,15 +1570,15 @@ const Nr = ({
   onEsc: n,
   onEnter: r,
   onValueChangeLeft: s,
-  onValueChangeRight: i,
+  onValueChangeRight: c,
   separatorIcon: d,
   placeholderLeft: o,
   placeholderRight: l,
   typeLeft: a,
   typeRight: f,
   onChangeLeft: h,
-  onChangeRight: D,
-  valueLeft: u,
+  onChangeRight: u,
+  valueLeft: D,
   valueRight: m,
   minLeft: k,
   maxLeft: p,
@@ -1585,7 +1588,7 @@ const Nr = ({
   onClickRight: M,
   onClickCalendar: T,
   onClickArrowDown: x,
-  onBlurLeft: I,
+  onBlurLeft: N,
   onBlurRight: O,
   onFocusLeft: Y,
   onFocusRight: j,
@@ -1593,7 +1596,7 @@ const Nr = ({
   inputRefRight: P,
   variant: st,
   variantLeft: lt,
-  variantRight: it,
+  variantRight: ct,
   onBlur: K,
   showPresets: at,
   widthLeft: ft,
@@ -1607,34 +1610,34 @@ const Nr = ({
   }, [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), I && I(G);
-  }, [I, L, H]), he = 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__ */ c(N, {
+  return /* @__PURE__ */ i(I, {
     children: /* @__PURE__ */ E(Be, {
       disableContentPaddingRight: !0,
       disabled: v,
       variant: st,
       contentRight: /* @__PURE__ */ E(R, {
         alignItems: "center",
-        children: [/* @__PURE__ */ c(ht, {
+        children: [/* @__PURE__ */ i(ht, {
           num: 0.5,
-          children: /* @__PURE__ */ c(A, {
+          children: /* @__PURE__ */ i(A, {
             leftIcon: gt,
             onClick: T,
             disabled: v,
             size: "small"
           })
         }), at ? /* @__PURE__ */ E(mt, {
-          children: [/* @__PURE__ */ c(R, {
+          children: [/* @__PURE__ */ i(R, {
             height: "22px",
-            children: /* @__PURE__ */ c(ye, {
+            children: /* @__PURE__ */ i(ye, {
               vertical: !0
             })
-          }), /* @__PURE__ */ c(ht, {
+          }), /* @__PURE__ */ i(ht, {
             num: 0.5,
-            children: /* @__PURE__ */ c(A, {
+            children: /* @__PURE__ */ i(A, {
               leftIcon: pe,
               onClick: x,
               disabled: v,
@@ -1643,16 +1646,16 @@ const Nr = ({
           })]
         }) : null]
       }),
-      children: [/* @__PURE__ */ c(N, {
+      children: [/* @__PURE__ */ i(I, {
         width: ft,
-        children: /* @__PURE__ */ c(nt, {
+        children: /* @__PURE__ */ i(nt, {
           onEsc: n,
           onEnter: r,
           onClick: y,
           disabled: v,
           hideBorder: !0,
           placeholder: o,
-          value: u,
+          value: D,
           onValueChange: s,
           onChange: h,
           onBlur: Rt,
@@ -1664,18 +1667,18 @@ const Nr = ({
           min: k,
           max: p
         })
-      }), /* @__PURE__ */ c(R, {
+      }), /* @__PURE__ */ i(R, {
         indent: 0.5,
         alignItems: "center",
         justifyContent: "center",
-        children: /* @__PURE__ */ c(Qt, {
+        children: /* @__PURE__ */ i(Qt, {
           icon: d,
           size: 12,
           color: re("--lhds-color-ui-500")
         })
-      }), /* @__PURE__ */ c(N, {
+      }), /* @__PURE__ */ i(I, {
         width: ut,
-        children: /* @__PURE__ */ c(nt, {
+        children: /* @__PURE__ */ i(nt, {
           onEsc: n,
           onEnter: r,
           onClick: M,
@@ -1683,12 +1686,12 @@ const Nr = ({
           hideBorder: !0,
           placeholder: l,
           value: m,
-          onValueChange: i,
-          onChange: D,
+          onValueChange: c,
+          onChange: u,
           onBlur: he,
           onFocus: Et,
           inputRef: P,
-          variant: it,
+          variant: ct,
           type: f,
           autoFocus: e,
           min: b,
@@ -1749,22 +1752,22 @@ const Nr = ({
   columnRef: r,
   canScrollRef: s
 }) => {
-  const i = J(null);
+  const c = J(null);
   return Q(function() {
-    if (n && r.current && i.current && s.current) {
-      const o = i.current.scrollHeight * Math.max(e - 2, 0);
+    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__ */ c(R, {
+  }, [r, e, n, s]), /* @__PURE__ */ i(R, {
     width: "64px",
     justifyContent: "center",
     spacing: 0.5,
     indent: 0.5,
-    ref: i,
-    children: n ? /* @__PURE__ */ c(dt, {
+    ref: c,
+    children: n ? /* @__PURE__ */ i(dt, {
       label: Ue(String(e), 2, "0"),
       onClick: () => t && t(e)
-    }) : /* @__PURE__ */ c(A, {
+    }) : /* @__PURE__ */ i(A, {
       label: String(e).padStart(2, "0"),
       onClick: () => t && t(e)
     })
@@ -1776,22 +1779,22 @@ const Nr = ({
   canScrollRef: r
 }) => {
   const s = J(null);
-  return /* @__PURE__ */ c(B, {
+  return /* @__PURE__ */ i(B, {
     className: De.timePickerColumn,
     ref: s,
-    children: e.map((i) => /* @__PURE__ */ c(Kn, {
-      item: i,
+    children: e.map((c) => /* @__PURE__ */ i(Kn, {
+      item: c,
       onClick: t,
-      selected: i === n,
+      selected: c === n,
       columnRef: s,
       canScrollRef: r
-    }, i))
+    }, c))
   });
 }, Gn = jt(0, 24), qn = jt(0, 60), Qn = ({
   value: t,
   onValueChange: e
 }) => {
-  const n = J(!0), [r, s] = S(void 0), [i, d] = S(void 0);
+  const n = J(!0), [r, s] = S(void 0), [c, d] = S(void 0);
   Q(() => {
     if (t) {
       const {
@@ -1802,21 +1805,21 @@ const Nr = ({
     }
   }, [t]);
   const o = g((a) => {
-    s(a), e == null || e(`${Tt(String(a != null ? a : 0))}:${xt(String(i != null ? i : 0))}`);
-  }, [i, e]), l = 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__ */ c(qt, {
+    children: [/* @__PURE__ */ i(qt, {
       items: Gn,
       onClick: o,
       selectedItem: r,
       canScrollRef: n
-    }), /* @__PURE__ */ c(ht, {}), /* @__PURE__ */ c(qt, {
+    }), /* @__PURE__ */ i(ht, {}), /* @__PURE__ */ i(qt, {
       items: qn,
       onClick: l,
-      selectedItem: i,
+      selectedItem: c,
       canScrollRef: n
     })]
   });
@@ -1838,14 +1841,14 @@ const Nr = ({
   setDateInFocus: n,
   showCalendarInternal: r,
   hideCalendarInternal: s,
-  setFirstFocusedInput: i,
+  setFirstFocusedInput: c,
   setCurrentPanel: d,
   localTime: o,
   setLocalTime: l,
   localDate: a,
   setLocalDate: f
 }, h) => {
-  const D = g(
+  const u = g(
     (w) => {
       if (!w)
         return;
@@ -1862,7 +1865,7 @@ const Nr = ({
       ));
     },
     [t, h, o, e, n, f]
-  ), u = g(
+  ), D = g(
     (w) => {
       if (!!w)
         if (t) {
@@ -1877,36 +1880,36 @@ const Nr = ({
     [e, t, a, l]
   ), m = g(
     (w) => {
-      w.target.value[0] !== "0" && D(w.target.valueAsDate);
+      w.target.value[0] !== "0" && u(w.target.valueAsDate);
     },
-    [D]
-  ), k = g(
-    (w) => u(w.target.value),
     [u]
+  ), k = g(
+    (w) => D(w.target.value),
+    [D]
   ), p = g(() => {
     n(t || new Date()), d("calendar"), r();
   }, [t, d, r, n]), b = g(() => {
-    i(void 0), s();
-  }, [i, s]);
+    c(void 0), s();
+  }, [c, s]);
   return {
     inputLeftChangeHandler: m,
     inputRightChangeHandler: k,
     hideCalendar: b,
     showCalendar: p,
-    onChangeTime: u,
-    onChangeDate: D
+    onChangeTime: D,
+    onChangeDate: u
   };
 }, Fn = (t) => {
-  const [e, n] = S(void 0), [r, s] = S(void 0), [i, d, o] = Ht(!1), [l, a, f] = Ht(!1), [h, D] = S(void 0), [u, m] = S(
+  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(
     () => t != null ? t : new Date()
   ), [k, p] = S("calendar");
   return {
-    isCalendarVisible: i,
+    isCalendarVisible: c,
     showCalendarInternal: d,
     hideCalendarInternal: o,
     firstFocusedInput: h,
-    setFirstFocusedInput: D,
-    dateInFocus: u,
+    setFirstFocusedInput: u,
+    dateInFocus: D,
     setDateInFocus: m,
     currentPanel: k,
     setCurrentPanel: p,
@@ -1920,13 +1923,13 @@ const Nr = ({
   };
 }, vn = (t, e, n, r, {
   isCalendarVisible: s,
-  setCurrentPanel: i,
+  setCurrentPanel: c,
   showTimePicker: d,
   hideTimePicker: o
 }) => {
   const l = g(() => {
-    s || n(), i("calendar"), o();
-  }, [o, s, i, n]), a = g(() => {
+    s || n(), c("calendar"), o();
+  }, [o, s, c, n]), a = g(() => {
     r(), d();
   }, [r, d]), f = g(
     (m) => {
@@ -1934,17 +1937,17 @@ const Nr = ({
     },
     [t, r, d]
   ), h = g(() => {
-    i("presets"), n();
-  }, [i, n]), D = g(() => {
+    c("presets"), n();
+  }, [c, n]), u = g(() => {
     var m;
-    s ? r() : ((m = e.current) == null || m.focus(), i("calendar"), n());
+    s ? r() : ((m = e.current) == null || m.focus(), c("calendar"), n());
   }, [
     s,
     r,
     e,
-    i,
+    c,
     n
-  ]), u = g(
+  ]), D = g(
     (m) => {
       m.key === "Escape" && r();
     },
@@ -1955,8 +1958,8 @@ const Nr = ({
     onFocusRight: a,
     onClickDay: f,
     onClickArrowButton: h,
-    onClickCalendarButton: D,
-    onKeyDownHandler: u
+    onClickCalendarButton: u,
+    onKeyDownHandler: D
   };
 }, Yr = ({
   value: t,
@@ -1964,7 +1967,7 @@ const Nr = ({
   onEnter: n,
   onEsc: r,
   onBlur: s,
-  autoFocus: i,
+  autoFocus: c,
   minDate: d,
   widthLeft: o = 128,
   widthRight: l = 80,
@@ -1972,7 +1975,7 @@ const Nr = ({
   variant: f,
   disabled: h
 }) => {
-  const D = J(null), u = J(null), m = Fn(t), {
+  const u = J(null), D = J(null), m = Fn(t), {
     setCurrentPanel: k,
     currentPanel: p,
     isCalendarVisible: b,
@@ -1981,7 +1984,7 @@ const Nr = ({
     isTimePickerVisible: M,
     hideTimePicker: T,
     localTime: x,
-    localDate: I
+    localDate: N
   } = m, {
     showCalendar: O,
     hideCalendar: Y,
@@ -1989,32 +1992,32 @@ const Nr = ({
     inputRightChangeHandler: _,
     onChangeTime: P,
     onChangeDate: st
-  } = Zn(t, e, m, D), {
+  } = Zn(t, e, m, u), {
     onKeyDownHandler: lt,
-    onFocusRight: it,
+    onFocusRight: ct,
     onFocusLeft: K,
     onClickDay: at,
     onClickCalendarButton: ft,
     onClickArrowButton: ut
-  } = vn(st, D, O, Y, m);
-  Xn(t, y, D);
+  } = vn(st, u, O, Y, m);
+  Xn(t, y, u);
   const v = C(() => {
-    const Rt = t || I;
+    const Rt = t || N;
     return Rt ? X(void 0, Rt, ["singleSelected", "selected"]) : {};
-  }, [I, t]), L = g(() => {
+  }, [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__ */ c(N, {
+  return /* @__PURE__ */ i(I, {
     onKeyDown: lt,
-    children: /* @__PURE__ */ c(pt, {
+    children: /* @__PURE__ */ i(pt, {
       arrow: !1,
       lazy: !0,
       disabled: h,
       placement: kt,
       visible: b || M,
       onClickOutside: L,
-      content: (Mt || Et) && /* @__PURE__ */ c(B, {
-        children: Mt ? /* @__PURE__ */ c(F, {
+      content: (Mt || Et) && /* @__PURE__ */ i(B, {
+        children: Mt ? /* @__PURE__ */ i(F, {
           statePerMonth: v,
           onClickDay: at,
           dateInFocus: w,
@@ -2024,24 +2027,24 @@ const Nr = ({
           minDate: d,
           maxDate: a
         }) : Et ? /* @__PURE__ */ E(B, {
-          children: [/* @__PURE__ */ c(B, {
+          children: [/* @__PURE__ */ i(B, {
             overflow: "hidden",
             height: "250px",
-            children: /* @__PURE__ */ c(Qn, {
+            children: /* @__PURE__ */ i(Qn, {
               value: H != null ? H : "",
               onValueChange: P
             })
-          }), /* @__PURE__ */ c($, {}), /* @__PURE__ */ c(R, {
+          }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(R, {
             justifyContent: "flex-end",
-            children: /* @__PURE__ */ c(dt, {
+            children: /* @__PURE__ */ i(dt, {
               label: "Done",
               onClick: T
             })
           })]
         }) : null
       }),
-      children: /* @__PURE__ */ c(ue, {
-        autoFocusLeft: i,
+      children: /* @__PURE__ */ i(ue, {
+        autoFocusLeft: c,
         onEsc: r,
         onEnter: n,
         onBlur: s,
@@ -2056,11 +2059,11 @@ const Nr = ({
         onClickArrowDown: ut,
         onClickCalendar: ft,
         onFocusLeft: K,
-        onFocusRight: it,
+        onFocusRight: ct,
         onClickLeft: K,
-        onClickRight: it,
-        inputRefLeft: D,
-        inputRefRight: u,
+        onClickRight: ct,
+        inputRefLeft: u,
+        inputRefRight: D,
         valueRight: H != null ? H : "",
         widthLeft: o,
         widthRight: l,
@@ -2107,25 +2110,25 @@ const Nr = ({
 }, tr = (t, e, n, {
   setDateInFocus: r,
   showCalendarInternal: s,
-  hideCalendarInternal: i,
+  hideCalendarInternal: c,
   setFirstFocusedInput: d,
   setCurrentPanel: o
 }) => {
   const l = g(
-    (D) => {
-      var u;
-      D.target.value[0] !== "0" && (n == null || n({
-        startDate: (u = D.target.valueAsDate) != null ? u : void 0,
+    (u) => {
+      var D;
+      u.target.value[0] !== "0" && (n == null || n({
+        startDate: (D = u.target.valueAsDate) != null ? D : void 0,
         endDate: e
       }));
     },
     [n, e]
   ), a = g(
-    (D) => {
-      var u;
-      D.target.value[0] !== "0" && (n == null || n({
+    (u) => {
+      var D;
+      u.target.value[0] !== "0" && (n == null || n({
         startDate: t,
-        endDate: (u = D.target.valueAsDate) != null ? u : void 0
+        endDate: (D = u.target.valueAsDate) != null ? D : void 0
       }));
     },
     [n, t]
@@ -2138,8 +2141,8 @@ const Nr = ({
     s,
     r
   ]), h = g(() => {
-    d(void 0), i();
-  }, [d, i]);
+    d(void 0), c();
+  }, [d, c]);
   return {
     inputLeftChangeHandler: l,
     inputRightChangeHandler: a,
@@ -2149,50 +2152,50 @@ const Nr = ({
     showCalendar: f
   };
 }, er = (t, e) => {
-  const [n, r, s] = Ht(!1), [i, d] = S(void 0), [o, l] = S("startDate"), [a, f] = S(() => {
-    const u = o === "startDate" ? t : o === "endDate" ? e : void 0;
-    return u != null ? u : new Date();
-  }), [h, D] = S("calendar");
+  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();
+  }), [h, u] = S("calendar");
   return {
     isCalendarVisible: n,
     showCalendarInternal: r,
     hideCalendarInternal: s,
-    firstFocusedInput: i,
+    firstFocusedInput: c,
     setFirstFocusedInput: d,
     focusedInput: o,
     setFocusedInput: l,
     dateInFocus: a,
     setDateInFocus: f,
     currentPanel: h,
-    setCurrentPanel: D
+    setCurrentPanel: u
   };
-}, nr = (t, e, n, r, s, i, d, {
+}, nr = (t, e, n, r, s, c, d, {
   firstFocusedInput: o,
   setFirstFocusedInput: l,
   isCalendarVisible: a,
   setFocusedInput: f,
   focusedInput: h,
-  setCurrentPanel: D
+  setCurrentPanel: u
 }) => {
-  const u = g(() => {
-    o == null && l("startDate"), f("startDate"), a || i();
+  const D = g(() => {
+    o == null && l("startDate"), f("startDate"), a || c();
   }, [
     a,
     f,
-    i,
+    c,
     l,
     o
   ]), m = g(() => {
-    o == null && l("endDate"), f("endDate"), a || i();
+    o == null && l("endDate"), f("endDate"), a || c();
   }, [
     a,
     f,
-    i,
+    c,
     l,
     o
   ]), k = g(
     (y) => {
-      var M, T, x, I;
+      var M, T, x, N;
       h === "startDate" ? e != null && et(y.date, e) ? (n == null || n({
         startDate: y.date,
         endDate: void 0
@@ -2202,7 +2205,7 @@ const Nr = ({
       }), o === "startDate" ? (f("endDate"), (T = s.current) == null || T.focus()) : setTimeout(d, 50)) : h === "endDate" && (t ? et(t, y.date) ? (n == null || n({
         startDate: y.date,
         endDate: void 0
-      }), f("endDate"), (I = s.current) == null || I.focus()) : (n == null || n({
+      }), f("endDate"), (N = s.current) == null || N.focus()) : (n == null || n({
         startDate: t,
         endDate: y.date
       }), setTimeout(d, 50)) : (n == null || n({
@@ -2222,18 +2225,18 @@ const Nr = ({
       r
     ]
   ), p = g(() => {
-    D("presets"), i();
-  }, [D, i]), b = g(() => {
+    u("presets"), c();
+  }, [u, c]), b = g(() => {
     var y;
-    a ? d() : (f("startDate"), l("startDate"), (y = r.current) == null || y.focus(), D("calendar"), i());
+    a ? d() : (f("startDate"), l("startDate"), (y = r.current) == null || y.focus(), u("calendar"), c());
   }, [
     a,
     d,
     f,
     l,
     r,
-    D,
-    i
+    u,
+    c
   ]), w = g(
     (y) => {
       y.key === "Escape" && d();
@@ -2241,7 +2244,7 @@ const Nr = ({
     [d]
   );
   return {
-    onFocusLeft: u,
+    onFocusLeft: D,
     onFocusRight: m,
     onClickDay: k,
     onClickArrowButton: p,
@@ -2255,49 +2258,49 @@ function Lr({
   autoFocus: n,
   onBlur: r,
   onEnter: s,
-  onEsc: i,
+  onEsc: c,
   minDate: d,
   maxDate: o = St,
   calendarProps: l,
   widthLeft: a = 128,
   widthRight: f = 128,
   variant: h,
-  disabled: D
+  disabled: u
 }) {
   const {
-    startDate: u,
+    startDate: D,
     endDate: m
-  } = t || {}, k = J(null), p = J(null), b = er(u, m), {
+  } = t || {}, k = J(null), p = J(null), b = er(D, m), {
     dateInFocus: w,
     setDateInFocus: y,
     isCalendarVisible: M,
     currentPanel: T,
     setCurrentPanel: x
   } = b, {
-    showCalendar: I,
+    showCalendar: N,
     hideCalendar: O,
     inputLeftChangeHandler: Y,
     inputRightChangeHandler: j
-  } = tr(u, m, e, b), {
+  } = tr(D, m, e, b), {
     onKeyDownHandler: _,
     onFocusRight: P,
     onFocusLeft: st,
     onClickDay: lt,
-    onClickCalendarButton: it,
+    onClickCalendarButton: ct,
     onClickArrowButton: K
-  } = nr(u, m, e, k, p, I, O, b);
-  Vn(u, m, y, k, p);
-  const at = C(() => u && m && et(u, m), [u, m]), ft = C(() => _e(l == null ? void 0 : l.statePerMonth, u, m, w), [l == null ? void 0 : l.statePerMonth, u, m, w]), ut = Yt(M, 300);
-  return /* @__PURE__ */ c(N, {
+  } = 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__ */ c(pt, {
+    children: /* @__PURE__ */ i(pt, {
       arrow: !1,
       lazy: !0,
-      disabled: D,
+      disabled: u,
       placement: kt,
       onClickOutside: O,
       visible: M,
-      content: ut && /* @__PURE__ */ c(F, {
+      content: ut && /* @__PURE__ */ i(F, {
         onClickDay: lt,
         dateInFocus: w,
         setDateInFocus: y,
@@ -2308,12 +2311,12 @@ function Lr({
         ...l,
         statePerMonth: ft
       }),
-      children: /* @__PURE__ */ c(ue, {
+      children: /* @__PURE__ */ i(ue, {
         autoFocusLeft: n,
-        onEsc: i,
+        onEsc: c,
         onEnter: s,
         onBlur: r,
-        disabled: D,
+        disabled: u,
         separatorIcon: be,
         typeLeft: "date",
         typeRight: "date",
@@ -2322,7 +2325,7 @@ function Lr({
         onChangeLeft: Y,
         onChangeRight: j,
         onClickArrowDown: K,
-        onClickCalendar: it,
+        onClickCalendar: ct,
         onFocusLeft: st,
         onFocusRight: P,
         onClickLeft: st,
@@ -2342,13 +2345,13 @@ function Lr({
 }
 export {
   Lt as Calendar,
-  ce as CalendarDay,
+  ie as CalendarDay,
   Cr as DateInput,
   Er as DateRangeCalendar,
   Lr as DateRangeDualTextInput,
   xr as DateRangeExclusionCalendar,
-  Ir as DateRangeInput,
-  Nr as DateTextInput,
+  Nr as DateRangeInput,
+  Ir as DateTextInput,
   Yr as DateTimeInput,
   U as Month,
   yn as MonthPicker,
@@ -2378,7 +2381,7 @@ export {
   en as defaultWrapperStyleProvider,
   Sr as extranetCalendarTheme,
   Ze as getDaysForWeekForDate,
-  ie as getMonthInYear,
+  ce as getMonthInYear,
   Kt as getMonthsInYear,
   _t as getWeekForDate,
   Qe as getWeeksForMonth,
@@ -2391,8 +2394,8 @@ export {
   Rr as useDateRangeCalendarState,
   Un as useDateRangeExclusionSelection,
   Cn as useDateRangeSelection,
-  Nn as useMultiDateSelection,
-  In as useSingleDateSelection,
+  In as useMultiDateSelection,
+  Nn as useSingleDateSelection,
   Hn as useSingleWeekSelection
 };
 //# sourceMappingURL=index.es.js.map