@stenajs-webui/calendar 17.30.5 → 17.30.7

package/dist/index.es.js

@@ -1,21 +1,21 @@
 (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 { FlatButton as A, stenaAngleLeft as Wt, stenaAngleRight as Ot, PrimaryButton as dt, stenaCalendar as ht, Icon as Qt, stenaClock as Xt, stenaAngleDown as me, stenaArrowRight as we } from "@stenajs-webui/elements";
-import { Box as N, Text as ct, Clickable as $t, Row as R, Space as $, Spacing as pe, Indent as gt, Column as B, SeparatorLine as be, parseIntElseUndefined as Jt, useBoolean as Ht, useDelayedFalse as Yt } from "@stenajs-webui/core";
+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 { 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 { enGB as zt } from "date-fns/locale";
 import { last as Ye, startCase as te, chunk as ee, range as jt, debounce as Le } from "lodash";
 import * as ne from "react";
-import { useMemo as C, useCallback as g, useState as S, useEffect as Q, useRef as J } 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 { faAngleDoubleLeft as re } from "@fortawesome/free-solid-svg-icons/faAngleDoubleLeft";
-import { faAngleDoubleRight as se } from "@fortawesome/free-solid-svg-icons/faAngleDoubleRight";
 import { faCaretLeft as Ue } from "@fortawesome/free-solid-svg-icons/faCaretLeft";
 import { faCaretRight as We } from "@fortawesome/free-solid-svg-icons/faCaretRight";
-import { TextInput as nt, TextInputBox as Oe } from "@stenajs-webui/forms";
-import { useTippyInstance as $e, Popover as pt } from "@stenajs-webui/tooltip";
-import { cssColor as ie } from "@stenajs-webui/theme";
-import { faLongArrowAltRight as Pe } from "@fortawesome/free-solid-svg-icons/faLongArrowAltRight";
+import { faAngleDoubleLeft as Oe } from "@fortawesome/free-solid-svg-icons/faAngleDoubleLeft";
+import { faAngleDoubleRight as $e } from "@fortawesome/free-solid-svg-icons/faAngleDoubleRight";
+import { TextInput as nt, TextInputBox as Pe } from "@stenajs-webui/forms";
+import { useTippyInstance as Be, Popover as pt } from "@stenajs-webui/tooltip";
+import { cssColor as re } from "@stenajs-webui/theme";
+import { faLongArrowAltRight as ze } from "@fortawesome/free-solid-svg-icons/faLongArrowAltRight";
 const Z = {
   yearAndMonth: "yyyy-MM",
   fullDate: "yyyy-MM-dd",
@@ -37,17 +37,17 @@ const Z = {
     );
   let r = t;
   return e && (r = X(r, e, ["selected", "singleSelected"])), n && (r = X(r, n, ["selected", "singleSelected"])), r;
-}, Be = (t = {}, e, n, r) => ze(
+}, je = (t = {}, e, n, r) => _e(
   t,
   e,
   n,
   Ft(r),
   Zt(r)
-), ze = (t = {}, e, n, r, s) => e && n ? wt(
+), _e = (t = {}, e, n, r, s) => e && n ? wt(
   t,
   Se([e, Dt(r, 1)]),
   ke([n, q(s, 1)])
-) : wt(t, e, n), yr = (t, e, n) => {
+) : wt(t, e, n), wr = (t, e, n) => {
   const r = W(e, Z.yearAndMonth), s = Bt(e), i = Ct(e);
   return {
     ...t,
@@ -62,7 +62,7 @@ const Z = {
       }
     }
   };
-}, mr = (t, e, n) => {
+}, pr = (t, e, n) => {
   const r = W(e, Z.yearAndMonth), s = Bt(e), i = Ct(e);
   return {
     ...t,
@@ -87,17 +87,17 @@ const Z = {
       ...t && t[s],
       [i]: {
         ...t && t[s] && t[s][i],
-        [d]: ce(o, n)
+        [d]: se(o, n)
       }
     }
   };
-}, ce = (t, e) => {
+}, se = (t, e) => {
   var n;
   return {
     ...t,
     highlights: [...(n = t == null ? void 0 : t.highlights) != null ? n : [], ...e]
   };
-}, wr = (t, e, n) => {
+}, br = (t, e, n) => {
   const r = e.days[0].date, s = r.getMonth() + 1, i = `${r.getFullYear()}-${s < 10 ? "0" : ""}${s}`, d = e.weekNumber;
   let o = t;
   e.days.forEach((h) => {
@@ -114,7 +114,7 @@ const Z = {
       [d]: f
     }
   };
-}, je = (t, e) => {
+}, Je = (t, e) => {
   var s;
   if (!e.days.length)
     return { ...t };
@@ -122,14 +122,14 @@ const Z = {
   return {
     ...wt(t, n, r)
   };
-}, _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 || {});
+}, Ke = (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 || {}), Ge = /* @__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))(Ge || {});
 const Kt = (t, e, n, r) => {
   const s = [];
   for (let i = 0; i < n; i++)
-    s.push(oe(t, e + i, r));
+    s.push(ie(t, e + i, r));
   return s;
-}, oe = (t, e, n) => {
+}, ie = (t, e, n) => {
   const r = t + Math.floor(e / 12), s = e % 12, i = new Date(r, s, 1);
   return {
     monthString: W(i, Z.yearAndMonth),
@@ -138,9 +138,9 @@ const Kt = (t, e, n, r) => {
     ),
     year: r,
     monthInYear: s,
-    weeks: Ke(r, s, n)
+    weeks: qe(r, s, n)
   };
-}, Ke = (t, e, n, r = !0) => {
+}, qe = (t, e, n, r = !0) => {
   const s = new Date(t, e, 1), i = vt(s, { locale: n }), d = [];
   for (let o = 0; o < 6; o++) {
     const l = _t(Me(i, o), n);
@@ -157,10 +157,10 @@ const Kt = (t, e, n, r) => {
     startYear: yt(t),
     endMonth: tt(q(t, 6)),
     endYear: yt(q(t, 6)),
-    days: qe(t, e),
+    days: Xe(t, e),
     isLastWeekOfMonth: n
   };
-}, Ge = (t, e) => {
+}, Qe = (t, e) => {
   const n = Ee(t);
   return {
     date: t,
@@ -176,12 +176,12 @@ const Kt = (t, e, n, r) => {
     isFirstDayOfMonth: z(Ft(t), t),
     isLastDayOfMonth: z(Zt(t), t)
   };
-}, qe = (t, e) => Pt({
+}, Xe = (t, e) => Pt({
   start: t,
   end: q(t, 6)
-}).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) => {
+}).map((n) => Qe(n, e)), Ze = (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 }, Fe = "_calendar_1w0de_1", ve = {
+  calendar: Fe
+}, Ve = (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,14 +189,14 @@ 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" && Fe(
+    if (typeof n[i] == "boolean" && n[i] || typeof n[i] == "string" && Ve(
       t,
       e,
       n[i]
     ))
       return r[i];
   return s;
-}, ve = ({
+}, tn = ({
   selectedBackground: t,
   todayBackground: e,
   rangeBackground: n,
@@ -213,7 +213,7 @@ const Kt = (t, e, n, r) => {
     borderBottomRightRadius: V(i, s, ["selectedEnd", "singleSelected"], ["var(--swui-calendar-day-border-radius)", "var(--swui-calendar-day-border-radius)"], r),
     boxSizing: "border-box"
   };
-}, Ve = ({
+}, en = ({
   selectedColor: t,
   disabledColor: e,
   inOtherMonthColor: n,
@@ -237,12 +237,12 @@ const Kt = (t, e, n, r) => {
     clickableTextColor: "var(--swui-calendar-week-day-clickable-text-color)"
   },
   CalendarDay: {
-    tdStyle: ve({
+    tdStyle: tn({
       selectedBackground: "var(--swui-calendar-wrapper-selected-background)",
       rangeBackground: "var(--swui-calendar-wrapper-range-background)",
       todayBackground: "var(--swui-calendar-wrapper-today-background)"
     }),
-    textProps: Ve({
+    textProps: en({
       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 +251,11 @@ const Kt = (t, e, n, r) => {
   CalendarMonth: {
     headerTextColor: "var(--swui-calendar-week-day-text-color)"
   }
-}, pr = {
+}, kr = {
   ...rt,
   width: "37px",
   height: "37px"
-}, tn = (t, e, n) => e && Ae(t, e) ? z(t, e) : n && et(t, n) ? z(t, n) : !0, en = function({
+}, nn = (t, e, n) => e && Ae(t, e) ? z(t, e) : n && et(t, n) ? z(t, n) : !0, rn = function({
   dayComponent: e,
   minDate: n,
   maxDate: r,
@@ -263,13 +263,13 @@ const Kt = (t, e, n, r) => {
   day: i,
   ...d
 }) {
-  const o = C(() => tn(i.date, n, r) ? s : ce(s, ["disabled"]), [i.date, s, r, n]);
+  const o = C(() => nn(i.date, n, r) ? s : se(s, ["disabled"]), [i.date, s, r, n]);
   return /* @__PURE__ */ c(e, {
     day: i,
     ...d,
     dayState: o
   });
-}, nn = ({
+}, sn = ({
   onClickWeek: t,
   theme: e,
   week: n,
@@ -296,7 +296,7 @@ const Kt = (t, e, n, r) => {
   return /* @__PURE__ */ c(N, {
     background: s || e.WeekNumber.backgroundColor,
     position: "relative",
-    children: t ? /* @__PURE__ */ c($t, {
+    children: t ? /* @__PURE__ */ c(Wt, {
       borderRadius: "var(--swui-calendar-day-border-radius)",
       onClick: (o) => t(n, o),
       disableFocusHighlight: !t,
@@ -304,7 +304,7 @@ const Kt = (t, e, n, r) => {
     }) : d
   });
 };
-function rn({
+function cn({
   week: t,
   month: e,
   dayComponent: n,
@@ -321,12 +321,12 @@ function rn({
 }) {
   return /* @__PURE__ */ E("tr", {
     children: [a.WeekNumber.show && /* @__PURE__ */ c("td", {
-      children: f ? f(t, a, o) : /* @__PURE__ */ c(nn, {
+      children: f ? f(t, a, o) : /* @__PURE__ */ c(sn, {
         week: t,
         onClickWeek: o,
         theme: a
       })
-    }), t.days.map((u) => /* @__PURE__ */ c(en, {
+    }), t.days.map((u) => /* @__PURE__ */ c(rn, {
       dayComponent: n,
       day: u,
       week: t,
@@ -342,7 +342,7 @@ function rn({
     }, u.dateString))]
   }, t.weekNumber);
 }
-const sn = ({
+const on = ({
   onClickWeekDay: t,
   day: e,
   theme: n
@@ -358,13 +358,13 @@ const sn = ({
       children: e.name
     })
   });
-  return t ? /* @__PURE__ */ c($t, {
+  return t ? /* @__PURE__ */ c(Wt, {
     borderRadius: "var(--swui-calendar-day-border-radius)",
     onClick: (s) => t(e.dayOfWeek, s),
     disableFocusHighlight: !t,
     children: r
   }) : r;
-}, de = function({
+}, ce = function({
   day: e,
   week: n,
   month: r,
@@ -407,7 +407,7 @@ const sn = ({
             dayState: s,
             theme: o,
             userData: i
-          }), d && cn(a, s) ? /* @__PURE__ */ c($t, {
+          }), d && dn(a, s) ? /* @__PURE__ */ c(Wt, {
             onClick: (m) => d(e, i, m),
             style: {
               width: "100%",
@@ -422,10 +422,10 @@ const sn = ({
       })
     })
   });
-}, cn = (t, e) => !!V(e, t, ["enabled", "disabled"], [!0, !1], !0);
-function on({
+}, dn = (t, e) => !!V(e, t, ["enabled", "disabled"], [!0, !1], !0);
+function ln({
   month: t,
-  dayComponent: e = de,
+  dayComponent: e = ce,
   statePerWeek: n,
   userDataPerWeek: r,
   minDate: s,
@@ -488,13 +488,13 @@ function on({
                 height: k.height
               })
             }), t.weeks[0].days.map((y) => /* @__PURE__ */ c("td", {
-              children: D ? D(y.name, k, l) : /* @__PURE__ */ c(sn, {
+              children: D ? D(y.name, k, l) : /* @__PURE__ */ c(on, {
                 day: y,
                 onClickWeekDay: l,
                 theme: k
               })
             }, y.name))]
-          }), t.weeks.map((y) => /* @__PURE__ */ c(rn, {
+          }), t.weeks.map((y) => /* @__PURE__ */ c(cn, {
             month: t,
             week: y,
             dayComponent: e,
@@ -514,9 +514,9 @@ function on({
     })
   });
 }
-function dn({
+function an({
   monthRows: t,
-  dayComponent: e = de,
+  dayComponent: e = ce,
   userDataPerMonth: n,
   statePerMonth: r,
   minDate: s,
@@ -536,11 +536,11 @@ function dn({
 }) {
   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", {
-    className: Ze.calendar,
-    children: t.map((M, T) => /* @__PURE__ */ c(pe, {
+    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(on, {
+          children: [I > 0 && /* @__PURE__ */ c($, {}), /* @__PURE__ */ c(ln, {
             month: x,
             dayComponent: e,
             userDataPerWeek: n && n[x.monthString],
@@ -567,11 +567,11 @@ function dn({
 }
 function Lt(t) {
   var d;
-  const e = ln(t.year, t.month, t.date), {
+  const e = fn(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), i = _e(t.highlightToday, t.statePerMonth);
-  return /* @__PURE__ */ c(dn, {
+  } = Ze(e.year, e.month), s = un(n, r, (d = t.locale) != null ? d : zt, t.numMonths, t.monthsPerRow), i = Ke(t.highlightToday, t.statePerMonth);
+  return /* @__PURE__ */ c(an, {
     year: n,
     month: r,
     monthRows: s,
@@ -579,7 +579,7 @@ function Lt(t) {
     statePerMonth: i
   });
 }
-const ln = (t, e, n) => {
+const fn = (t, e, n) => {
   if (e && t)
     return {
       month: e,
@@ -595,55 +595,7 @@ const ln = (t, e, n) => {
     month: tt(r),
     year: yt(r)
   };
-}, an = (t, e, n, r, s) => r == null ? [[oe(t, e, n)]] : s == null ? [Kt(t, e, r, n)] : ee(Kt(t, e, r, n), s), fn = (t, e, n, r) => {
-  const s = g(() => {
-    var a;
-    const l = Te(t, (a = n != null ? n : r) != null ? a : 1);
-    e == null || e(l);
-  }, [e, t, n, r]), i = g(() => {
-    const l = xe(t, 1);
-    e == null || e(l);
-  }, [e, t]), d = g(() => {
-    var a;
-    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);
-    e == null || e(l);
-  }, [e, t]);
-  return {
-    nextMonth: s,
-    prevMonth: d,
-    nextYear: i,
-    prevYear: o
-  };
-}, un = ({
-  children: t,
-  prevMonth: e,
-  nextMonth: n,
-  prevYear: r,
-  nextYear: s
-}) => /* @__PURE__ */ E("div", {
-  children: [t, /* @__PURE__ */ c(gt, {
-    children: /* @__PURE__ */ E(R, {
-      children: [/* @__PURE__ */ c(A, {
-        onClick: r,
-        leftIcon: re
-      }), /* @__PURE__ */ c($, {}), /* @__PURE__ */ c(A, {
-        onClick: e,
-        leftIcon: Wt
-      }), /* @__PURE__ */ c(gt, {
-        num: 2
-      }), /* @__PURE__ */ c(A, {
-        onClick: n,
-        leftIcon: Ot
-      }), /* @__PURE__ */ c($, {}), /* @__PURE__ */ c(A, {
-        onClick: s,
-        leftIcon: se
-      })]
-    })
-  }), /* @__PURE__ */ c($, {})]
-}), Dn = ({
+}, un = (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), Dn = ({
   value: t,
   onValueChange: e,
   month: n,
@@ -712,14 +664,14 @@ const ln = (t, e, n) => {
       width: "200px",
       children: [/* @__PURE__ */ c(A, {
         size: "small",
-        leftIcon: Wt,
+        leftIcon: Ot,
         disabled: e === 0,
         onClick: () => n(e - 1)
       }), /* @__PURE__ */ c(ct, {
         children: s.label
       }), /* @__PURE__ */ c(A, {
         size: "small",
-        leftIcon: Ot,
+        leftIcon: $t,
         disabled: e === r.length - 1,
         onClick: () => n(e + 1)
       })]
@@ -853,7 +805,55 @@ const ln = (t, e, n) => {
         })
       });
   }
-}, Sn = () => {
+}, Sn = (t, e, n, r) => {
+  const s = g(() => {
+    var a;
+    const l = Te(t, (a = n != null ? n : r) != null ? a : 1);
+    e == null || e(l);
+  }, [e, t, n, r]), i = g(() => {
+    const l = xe(t, 1);
+    e == null || e(l);
+  }, [e, t]), d = g(() => {
+    var a;
+    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);
+    e == null || e(l);
+  }, [e, t]);
+  return {
+    nextMonth: s,
+    prevMonth: d,
+    nextYear: i,
+    prevYear: o
+  };
+}, Mn = ({
+  children: t,
+  prevMonth: e,
+  nextMonth: n,
+  prevYear: r,
+  nextYear: s
+}) => /* @__PURE__ */ E("div", {
+  children: [t, /* @__PURE__ */ c(ht, {
+    children: /* @__PURE__ */ E(R, {
+      children: [/* @__PURE__ */ c(A, {
+        onClick: r,
+        leftIcon: Oe
+      }), /* @__PURE__ */ c($, {}), /* @__PURE__ */ c(A, {
+        onClick: e,
+        leftIcon: Ot
+      }), /* @__PURE__ */ c(ht, {
+        num: 2
+      }), /* @__PURE__ */ c(A, {
+        onClick: n,
+        leftIcon: $t
+      }), /* @__PURE__ */ c($, {}), /* @__PURE__ */ c(A, {
+        onClick: s,
+        leftIcon: $e
+      })]
+    })
+  }), /* @__PURE__ */ c($, {})]
+}), En = () => {
 };
 function F({
   monthSwitcherPlacement: t,
@@ -862,7 +862,7 @@ function F({
   setDateInFocus: r,
   currentPanel: s,
   setCurrentPanel: i,
-  onSelectPreset: d = Sn,
+  onSelectPreset: d = En,
   hideYearPagination: o = !1,
   ...l
 }) {
@@ -871,10 +871,10 @@ function F({
     prevMonth: f,
     nextYear: h,
     prevYear: D
-  } = fn(n, r, l.monthsPerRow, l.numMonths);
-  switch (Mn(t, l.numMonths)) {
+  } = Sn(n, r, l.monthsPerRow, l.numMonths);
+  switch (Rn(t, l.numMonths)) {
     case "below":
-      return /* @__PURE__ */ c(un, {
+      return /* @__PURE__ */ c(Mn, {
         theme: e,
         nextMonth: a,
         prevMonth: f,
@@ -901,11 +901,11 @@ function F({
             children: [!o && /* @__PURE__ */ c(A, {
               size: "small",
               onClick: D,
-              leftIcon: re
+              leftIcon: me
             }), /* @__PURE__ */ c($, {}), /* @__PURE__ */ c(A, {
               size: "small",
               onClick: f,
-              leftIcon: Wt
+              leftIcon: Ot
             })]
           }),
           headerRightContent: /* @__PURE__ */ E(R, {
@@ -913,11 +913,11 @@ function F({
             children: [/* @__PURE__ */ c(A, {
               size: "small",
               onClick: a,
-              leftIcon: Ot
+              leftIcon: $t
             }), /* @__PURE__ */ c($, {}), !o && /* @__PURE__ */ c(A, {
               size: "small",
               onClick: h,
-              leftIcon: se
+              leftIcon: we
             })]
           })
         })
@@ -930,10 +930,10 @@ function F({
       });
   }
 }
-const Mn = (t, e) => t || (e || 1) > 1 ? "below" : "header", En = (t) => ({
+const Rn = (t, e) => t || (e || 1) > 1 ? "below" : "header", An = (t) => ({
   startDate: t.startDate ? W(t.startDate, "yyyy-MM-dd") : void 0,
   endDate: t.endDate ? W(t.endDate, "yyyy-MM-dd") : void 0
-}), Rn = ({
+}), Tn = ({
   startDate: t,
   endDate: e
 }) => {
@@ -942,23 +942,23 @@ const Mn = (t, e) => t || (e || 1) > 1 ? "below" : "header", En = (t) => ({
     startDate: t ? ot(t, "yyyy-MM-dd", n) : void 0,
     endDate: e ? ot(e, "yyyy-MM-dd", n) : void 0
   };
-}, le = ({
+}, oe = ({
   startDate: t,
   endDate: e
 }) => Boolean(
   t && e && !z(t, e) && et(t, e)
-), ae = (t) => le(t) ? {
+), de = (t) => oe(t) ? {
   startDate: t.endDate,
   endDate: t.startDate
-} : t, br = (t) => t.startDate && t.endDate ? En(
-  ae(Rn(t))
-) : t, fe = (t, e, n, r) => g(
+} : t, Sr = (t) => t.startDate && t.endDate ? An(
+  de(Tn(t))
+) : t, le = (t, e, n, r) => g(
   (s) => {
     const i = {
       startDate: n === "startDate" ? s.date : t == null ? void 0 : t.startDate,
       endDate: n === "endDate" ? s.date : t == null ? void 0 : t.endDate
     };
-    le(i) || r(n === "startDate" ? "endDate" : "startDate"), e == null || e(ae(i));
+    oe(i) || r(n === "startDate" ? "endDate" : "startDate"), e == null || e(de(i));
   },
   [
     n,
@@ -975,7 +975,7 @@ const Mn = (t, e) => t || (e || 1) > 1 ? "below" : "header", En = (t) => ({
     currentPanel: e,
     setCurrentPanel: r
   };
-}, An = ({
+}, xn = ({
   focusedInput: t,
   value: e,
   onValueChange: n,
@@ -983,7 +983,7 @@ const Mn = (t, e) => t || (e || 1) > 1 ? "below" : "header", En = (t) => ({
   statePerMonth: s,
   onChangePanel: i
 }) => {
-  const { currentPanel: d, setCurrentPanel: o } = bt(i), [l, a] = S(() => new Date()), f = fe(
+  const { currentPanel: d, setCurrentPanel: o } = bt(i), [l, a] = S(() => new Date()), f = le(
     e,
     n,
     t,
@@ -1005,14 +1005,14 @@ const Mn = (t, e) => t || (e || 1) > 1 ? "below" : "header", En = (t) => ({
     dateInFocus: l
   };
 };
-function kr(t) {
-  const e = An(t);
+function Mr(t) {
+  const e = xn(t);
   return /* @__PURE__ */ c(F, {
     ...t,
     ...e
   });
 }
-const Sr = () => {
+const Er = () => {
   const [t, e] = S(), [n, r] = S(), [s, i] = S("startDate");
   return {
     startDate: t,
@@ -1022,7 +1022,7 @@ const Sr = () => {
     focusedInput: s,
     setFocusedInput: i
   };
-}, Tn = ({
+}, Cn = ({
   onChange: t,
   value: e,
   statePerMonth: n,
@@ -1050,14 +1050,14 @@ const Sr = () => {
     setDateInFocus: o
   };
 };
-function ue(t) {
-  const e = Tn(t);
+function ae(t) {
+  const e = Cn(t);
   return /* @__PURE__ */ c(F, {
     ...t,
     ...e
   });
 }
-const xn = ({
+const In = ({
   onChange: t,
   value: e,
   statePerMonth: n,
@@ -1084,14 +1084,14 @@ const xn = ({
     setDateInFocus: o
   };
 };
-function Mr(t) {
-  const e = xn(t);
+function Rr(t) {
+  const e = In(t);
   return /* @__PURE__ */ c(F, {
     ...t,
     ...e
   });
 }
-const Cn = ({
+const Nn = ({
   onChange: t,
   value: e,
   statePerMonth: n,
@@ -1113,7 +1113,7 @@ const Cn = ({
     [t]
   ), h = C(() => {
     const u = Nt(e, s);
-    return u ? je(n, u) : n;
+    return u ? Je(n, u) : n;
   }, [e, s, n]), D = C(() => {
     const u = Nt(e, s);
     return u ? u.days[0].date : new Date();
@@ -1139,14 +1139,14 @@ const Cn = ({
   const d = vt(Ne(i, r), { locale: e });
   return _t(d, e);
 };
-function Er(t) {
-  const e = Cn(t);
+function Ar(t) {
+  const e = Nn(t);
   return /* @__PURE__ */ c(F, {
     ...t,
     ...e
   });
 }
-const In = (t, e) => t.filter((n) => !z(n, e)), Nn = (t, e) => !!t.find((n) => z(n, e)), Hn = ({
+const Hn = (t, e) => t.filter((n) => !z(n, e)), Yn = (t, e) => !!t.find((n) => z(n, e)), Ln = ({
   value: t,
   onValueChange: e,
   statePerMonth: n,
@@ -1169,17 +1169,17 @@ const In = (t, e) => t.filter((n) => !z(n, e)), Nn = (t, e) => !!t.find((n) => z
           b ? e([b]) : w && e([w]);
     },
     [e]
-  ), u = fe(
+  ), u = le(
     s,
     D,
     d,
     o
   ), m = g(
     (p, b, w) => {
-      e && (w.ctrlKey || w.metaKey ? t ? Nn(t, p.date) ? e(In(t, p.date)) : e([...t, p.date]) : e([p.date]) : u(p, b, w));
+      e && (w.ctrlKey || w.metaKey ? t ? Yn(t, p.date) ? e(Hn(t, p.date)) : e([...t, p.date]) : e([p.date]) : u(p, b, w));
     },
     [e, u, t]
-  ), k = C(() => Yn(n, t), [n, t]);
+  ), k = C(() => Un(n, t), [n, t]);
   return {
     onClickDay: m,
     statePerMonth: k,
@@ -1188,16 +1188,16 @@ const In = (t, e) => t.filter((n) => !z(n, e)), Nn = (t, e) => !!t.find((n) => z
     dateInFocus: f,
     setDateInFocus: h
   };
-}, Yn = (t, e) => e ? e.reduce((n, r) => X(n, r, ["selected"]), t) : t;
-function Rr(t) {
-  const e = Hn(t);
+}, Un = (t, e) => e ? e.reduce((n, r) => X(n, r, ["selected"]), t) : t;
+function Tr(t) {
+  const e = Ln(t);
   return /* @__PURE__ */ c(F, {
     ...t,
     ...e
   });
 }
-const kt = "bottom", De = () => {
-  const [t, e] = $e();
+const kt = "bottom", fe = () => {
+  const [t, e] = Be();
   return {
     onChangePanel: g(() => {
       var r, s;
@@ -1205,7 +1205,7 @@ const kt = "bottom", De = () => {
     }, [e]),
     tippyRef: t
   };
-}, Ln = (t, e, n) => {
+}, Wn = (t, e, n) => {
   const [r, s] = S(n || !1), i = g(() => (s(!0), !0), [s]), d = g(() => {
     s(!1), e && e();
   }, [s, e]), o = g((l) => {
@@ -1217,7 +1217,7 @@ const kt = "bottom", De = () => {
     showingCalendar: r,
     onSelectDate: o
   };
-}, St = "2999-12-31", Ar = ({
+}, St = "2999-12-31", xr = ({
   displayFormat: t = Z.fullDate,
   placeholder: e = "Enter date",
   value: n,
@@ -1239,10 +1239,10 @@ const kt = "bottom", De = () => {
     showingCalendar: p,
     onSelectDate: b,
     showCalendar: w
-  } = Ln(l, o, d), {
+  } = Wn(l, o, d), {
     tippyRef: y,
     onChangePanel: M
-  } = De();
+  } = fe();
   return /* @__PURE__ */ c(N, {
     width: h,
     children: /* @__PURE__ */ c(pt, {
@@ -1255,7 +1255,7 @@ const kt = "bottom", De = () => {
       appendTo: a != null ? a : "parent",
       tippyRef: y,
       disabled: m,
-      content: /* @__PURE__ */ c(ue, {
+      content: /* @__PURE__ */ c(ae, {
         ...i,
         onChange: b,
         value: n,
@@ -1271,7 +1271,7 @@ const kt = "bottom", De = () => {
           children: /* @__PURE__ */ c(A, {
             size: "small",
             disabled: m,
-            leftIcon: ht,
+            leftIcon: gt,
             onClick: w
           })
         }),
@@ -1288,7 +1288,7 @@ const kt = "bottom", De = () => {
       })
     })
   });
-}, Un = (t, e) => {
+}, On = (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) => {
@@ -1313,7 +1313,7 @@ const kt = "bottom", De = () => {
     startDateIsAfterEnd: D
   };
 };
-function Tr({
+function Cr({
   displayFormat: t = Z.fullDate,
   placeholderStartDate: e = "Start date",
   placeholderEndDate: n = "End date",
@@ -1338,7 +1338,7 @@ function Tr({
     endDateInputRef: T,
     onClickDay: x,
     startDateIsAfterEnd: I
-  } = Un(s, i), [O, Y] = S(() => {
+  } = On(s, i), [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]);
@@ -1366,7 +1366,7 @@ function Tr({
     children: /* @__PURE__ */ E(R, {
       alignItems: "center",
       children: [/* @__PURE__ */ c(nt, {
-        iconLeft: ht,
+        iconLeft: gt,
         onFocus: b,
         value: s != null && s.startDate ? W(s.startDate, t) : "",
         placeholder: e,
@@ -1376,11 +1376,11 @@ function Tr({
         size: 9,
         variant: I ? "error" : void 0
       }), /* @__PURE__ */ c($, {}), /* @__PURE__ */ c(Qt, {
-        icon: Pe,
-        color: ie("--lhds-color-ui-500"),
+        icon: ze,
+        color: re("--lhds-color-ui-500"),
         size: 14
       }), /* @__PURE__ */ c($, {}), /* @__PURE__ */ c(nt, {
-        iconLeft: ht,
+        iconLeft: gt,
         onFocus: p,
         value: s != null && s.endDate ? W(s.endDate, t) : "",
         placeholder: n,
@@ -1393,7 +1393,7 @@ function Tr({
     })
   });
 }
-const xr = ({
+const Ir = ({
   calendarProps: t,
   closeOnCalendarSelectDate: e = !0,
   dateFormat: n = Z.fullDate,
@@ -1414,7 +1414,7 @@ const xr = ({
   const [p, b] = S(!1), {
     tippyRef: w,
     onChangePanel: y
-  } = De(), M = g(() => {
+  } = fe(), M = g(() => {
     b(!p);
   }, [b, p]), T = g(() => {
     b(!1);
@@ -1434,7 +1434,7 @@ const xr = ({
       placement: kt,
       onClickOutside: T,
       tippyRef: w,
-      content: /* @__PURE__ */ c(ue, {
+      content: /* @__PURE__ */ c(ae, {
         ...t,
         onChange: I,
         onChangePanel: y,
@@ -1453,7 +1453,7 @@ const xr = ({
           children: /* @__PURE__ */ c(A, {
             size: "small",
             disabled: k.disabled,
-            leftIcon: ht,
+            leftIcon: gt,
             onClick: M
           })
         }),
@@ -1498,7 +1498,7 @@ const xr = ({
     default:
       throw new Error("Invalid minute string");
   }
-}, Wn = (t) => {
+}, $n = (t) => {
   if (!Ut(t))
     return { time: t, success: !1 };
   const e = t && t.split(/-|:|,|;|[/]|[.]| /);
@@ -1532,7 +1532,7 @@ const xr = ({
     }
   }
   return { time: t, success: !1 };
-}, Ut = (t) => t ? /^[-:.,/; 0-9]+$/.test(t) : !0, Cr = ({
+}, Ut = (t) => t ? /^[-:.,/; 0-9]+$/.test(t) : !0, Nr = ({
   onValueChange: t,
   showPlaceholder: e = !0,
   useIcon: n = !0,
@@ -1543,7 +1543,7 @@ const xr = ({
 }) => {
   const [o, l] = S(() => Ut(r)), a = "hh:mm", f = g(() => {
     if (r) {
-      const D = Wn(r);
+      const D = $n(r);
       l(D.success), D.success && t && t(D.time);
     }
   }, [r, t, l]), h = g((D) => {
@@ -1561,7 +1561,7 @@ const xr = ({
     onBlur: f,
     width: s
   });
-}, he = ({
+}, ue = ({
   autoFocusLeft: t,
   autoFocusRight: e,
   onEsc: n,
@@ -1608,20 +1608,20 @@ const xr = ({
     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]), ye = g((G) => {
+  }, [I, L, H]), he = g((G) => {
     L.current--, H(L.current), O && O(G);
   }, [O, L, H]);
   return /* @__PURE__ */ c(N, {
-    children: /* @__PURE__ */ E(Oe, {
+    children: /* @__PURE__ */ E(Pe, {
       disableContentPaddingRight: !0,
       disabled: v,
       variant: st,
       contentRight: /* @__PURE__ */ E(R, {
         alignItems: "center",
-        children: [/* @__PURE__ */ c(gt, {
+        children: [/* @__PURE__ */ c(ht, {
           num: 0.5,
           children: /* @__PURE__ */ c(A, {
-            leftIcon: ht,
+            leftIcon: gt,
             onClick: T,
             disabled: v,
             size: "small"
@@ -1629,13 +1629,13 @@ const xr = ({
         }), at ? /* @__PURE__ */ E(mt, {
           children: [/* @__PURE__ */ c(R, {
             height: "22px",
-            children: /* @__PURE__ */ c(be, {
+            children: /* @__PURE__ */ c(ye, {
               vertical: !0
             })
-          }), /* @__PURE__ */ c(gt, {
+          }), /* @__PURE__ */ c(ht, {
             num: 0.5,
             children: /* @__PURE__ */ c(A, {
-              leftIcon: me,
+              leftIcon: pe,
               onClick: x,
               disabled: v,
               size: "small"
@@ -1671,7 +1671,7 @@ const xr = ({
         children: /* @__PURE__ */ c(Qt, {
           icon: d,
           size: 12,
-          color: ie("--lhds-color-ui-500")
+          color: re("--lhds-color-ui-500")
         })
       }), /* @__PURE__ */ c(N, {
         width: ut,
@@ -1685,7 +1685,7 @@ const xr = ({
           value: m,
           onValueChange: i,
           onChange: D,
-          onBlur: ye,
+          onBlur: he,
           onFocus: Et,
           inputRef: P,
           variant: it,
@@ -1697,7 +1697,7 @@ const xr = ({
       })]
     })
   });
-}, On = (t) => {
+}, Pn = (t) => {
   if (t == null)
     throw new Error("Time is not set.");
   if (t === "")
@@ -1719,14 +1719,14 @@ const xr = ({
   if (r < 0 || r > 59)
     throw new Error("Invalid time.");
   return n * 100 + r;
-}, $n = (t) => {
+}, Bn = (t) => {
   try {
-    return On(t), !0;
+    return Pn(t), !0;
   } catch {
     return !1;
   }
 }, At = (t) => {
-  if (t && $n(t)) {
+  if (t && Bn(t)) {
     const e = t.split(":");
     return {
       hour: Jt(e[0]),
@@ -1737,12 +1737,12 @@ const xr = ({
     hour: void 0,
     minute: void 0
   };
-}, Pn = (t) => `${Tt(String(t.getHours()))}:${xt(
+}, zn = (t) => `${Tt(String(t.getHours()))}:${xt(
   String(t.getMinutes())
-)}`, Bn = "_timePicker_1w05d_1", zn = "_timePickerColumn_1w05d_6", ge = {
-  timePicker: Bn,
-  timePickerColumn: zn
-}, jn = ({
+)}`, jn = "_timePicker_1w05d_1", _n = "_timePickerColumn_1w05d_6", De = {
+  timePicker: jn,
+  timePickerColumn: _n
+}, Jn = ({
   onClick: t,
   item: e,
   selected: n,
@@ -1777,9 +1777,9 @@ const xr = ({
 }) => {
   const s = J(null);
   return /* @__PURE__ */ c(B, {
-    className: ge.timePickerColumn,
+    className: De.timePickerColumn,
     ref: s,
-    children: e.map((i) => /* @__PURE__ */ c(jn, {
+    children: e.map((i) => /* @__PURE__ */ c(Jn, {
       item: i,
       onClick: t,
       selected: i === n,
@@ -1787,7 +1787,7 @@ const xr = ({
       canScrollRef: r
     }, i))
   });
-}, _n = jt(0, 24), Jn = jt(0, 60), Kn = ({
+}, Kn = jt(0, 24), Gn = jt(0, 60), qn = ({
   value: t,
   onValueChange: e
 }) => {
@@ -1807,20 +1807,20 @@ const xr = ({
     d(a), e == null || e(`${Tt(String(r != null ? r : 0))}:${xt(String(a != null ? a : 0))}`);
   }, [r, e]);
   return /* @__PURE__ */ E(R, {
-    className: ge.timePicker,
+    className: De.timePicker,
     children: [/* @__PURE__ */ c(qt, {
-      items: _n,
+      items: Kn,
       onClick: o,
       selectedItem: r,
       canScrollRef: n
-    }), /* @__PURE__ */ c(gt, {}), /* @__PURE__ */ c(qt, {
-      items: Jn,
+    }), /* @__PURE__ */ c(ht, {}), /* @__PURE__ */ c(qt, {
+      items: Gn,
       onClick: l,
       selectedItem: i,
       canScrollRef: n
     })]
   });
-}, Gn = (t, e, n) => {
+}, Qn = (t, e, n) => {
   Q(
     function() {
       t && e(t);
@@ -1834,7 +1834,7 @@ const xr = ({
     },
     [t, n]
   );
-}, qn = (t, e, {
+}, Xn = (t, e, {
   setDateInFocus: n,
   showCalendarInternal: r,
   hideCalendarInternal: s,
@@ -1896,7 +1896,7 @@ const xr = ({
     onChangeTime: u,
     onChangeDate: D
   };
-}, Qn = (t) => {
+}, Zn = (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(
     () => t != null ? t : new Date()
   ), [k, p] = S("calendar");
@@ -1918,7 +1918,7 @@ const xr = ({
     localTime: r,
     setLocalTime: s
   };
-}, Xn = (t, e, n, r, {
+}, Fn = (t, e, n, r, {
   isCalendarVisible: s,
   setCurrentPanel: i,
   showTimePicker: d,
@@ -1958,7 +1958,7 @@ const xr = ({
     onClickCalendarButton: D,
     onKeyDownHandler: u
   };
-}, Ir = ({
+}, Hr = ({
   value: t,
   onValueChange: e,
   onEnter: n,
@@ -1972,7 +1972,7 @@ const xr = ({
   variant: f,
   disabled: h
 }) => {
-  const D = J(null), u = J(null), m = Qn(t), {
+  const D = J(null), u = J(null), m = Zn(t), {
     setCurrentPanel: k,
     currentPanel: p,
     isCalendarVisible: b,
@@ -1989,21 +1989,21 @@ const xr = ({
     inputRightChangeHandler: _,
     onChangeTime: P,
     onChangeDate: st
-  } = qn(t, e, m, D), {
+  } = Xn(t, e, m, D), {
     onKeyDownHandler: lt,
     onFocusRight: it,
     onFocusLeft: K,
     onClickDay: at,
     onClickCalendarButton: ft,
     onClickArrowButton: ut
-  } = Xn(st, D, O, Y, m);
-  Gn(t, y, D);
+  } = Fn(st, D, O, Y, m);
+  Qn(t, y, D);
   const v = C(() => {
     const Rt = t || I;
     return Rt ? X(void 0, Rt, ["singleSelected", "selected"]) : {};
   }, [I, t]), L = g(() => {
     Y(), T();
-  }, [Y, T]), H = C(() => t ? Pn(t) : x, [t, x]), Mt = Yt(b, 300), Et = Yt(M, 300);
+  }, [Y, T]), H = C(() => t ? zn(t) : x, [t, x]), Mt = Yt(b, 300), Et = Yt(M, 300);
   return /* @__PURE__ */ c(N, {
     onKeyDown: lt,
     children: /* @__PURE__ */ c(pt, {
@@ -2027,7 +2027,7 @@ const xr = ({
           children: [/* @__PURE__ */ c(B, {
             overflow: "hidden",
             height: "250px",
-            children: /* @__PURE__ */ c(Kn, {
+            children: /* @__PURE__ */ c(qn, {
               value: H != null ? H : "",
               onValueChange: P
             })
@@ -2040,7 +2040,7 @@ const xr = ({
           })]
         }) : null
       }),
-      children: /* @__PURE__ */ c(he, {
+      children: /* @__PURE__ */ c(ue, {
         autoFocusLeft: i,
         onEsc: r,
         onEnter: n,
@@ -2070,7 +2070,7 @@ const xr = ({
       })
     })
   });
-}, Zn = (t, e, n, r, s) => {
+}, vn = (t, e, n, r, s) => {
   Q(
     function() {
       t && n(t);
@@ -2104,7 +2104,7 @@ const xr = ({
     },
     [e, s]
   );
-}, Fn = (t, e, n, {
+}, Vn = (t, e, n, {
   setDateInFocus: r,
   showCalendarInternal: s,
   hideCalendarInternal: i,
@@ -2148,7 +2148,7 @@ const xr = ({
     setCurrentPanel: o,
     showCalendar: f
   };
-}, vn = (t, e) => {
+}, tr = (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();
@@ -2166,7 +2166,7 @@ const xr = ({
     currentPanel: h,
     setCurrentPanel: D
   };
-}, Vn = (t, e, n, r, s, i, d, {
+}, er = (t, e, n, r, s, i, d, {
   firstFocusedInput: o,
   setFirstFocusedInput: l,
   isCalendarVisible: a,
@@ -2249,7 +2249,7 @@ const xr = ({
     onKeyDownHandler: w
   };
 };
-function Nr({
+function Yr({
   value: t,
   onValueChange: e,
   autoFocus: n,
@@ -2267,7 +2267,7 @@ function Nr({
   const {
     startDate: u,
     endDate: m
-  } = t || {}, k = J(null), p = J(null), b = vn(u, m), {
+  } = t || {}, k = J(null), p = J(null), b = tr(u, m), {
     dateInFocus: w,
     setDateInFocus: y,
     isCalendarVisible: M,
@@ -2278,16 +2278,16 @@ function Nr({
     hideCalendar: O,
     inputLeftChangeHandler: Y,
     inputRightChangeHandler: j
-  } = Fn(u, m, e, b), {
+  } = Vn(u, m, e, b), {
     onKeyDownHandler: _,
     onFocusRight: P,
     onFocusLeft: st,
     onClickDay: lt,
     onClickCalendarButton: it,
     onClickArrowButton: K
-  } = Vn(u, m, e, k, p, I, O, b);
-  Zn(u, m, y, k, p);
-  const at = C(() => u && m && et(u, m), [u, m]), ft = C(() => Be(l == null ? void 0 : l.statePerMonth, u, m, w), [l == null ? void 0 : l.statePerMonth, u, m, w]), ut = Yt(M, 300);
+  } = er(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(() => je(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, {
     onKeyDown: _,
     children: /* @__PURE__ */ c(pt, {
@@ -2308,13 +2308,13 @@ function Nr({
         ...l,
         statePerMonth: ft
       }),
-      children: /* @__PURE__ */ c(he, {
+      children: /* @__PURE__ */ c(ue, {
         autoFocusLeft: n,
         onEsc: i,
         onEnter: s,
         onBlur: r,
         disabled: D,
-        separatorIcon: we,
+        separatorIcon: be,
         typeLeft: "date",
         typeRight: "date",
         placeholderLeft: "Start date",
@@ -2342,57 +2342,57 @@ function Nr({
 }
 export {
   Lt as Calendar,
-  de as CalendarDay,
-  Ar as DateInput,
-  kr as DateRangeCalendar,
-  Nr as DateRangeDualTextInput,
-  Rr as DateRangeExclusionCalendar,
-  Tr as DateRangeInput,
-  xr as DateTextInput,
-  Ir as DateTimeInput,
+  ce as CalendarDay,
+  xr as DateInput,
+  Mr as DateRangeCalendar,
+  Yr as DateRangeDualTextInput,
+  Tr as DateRangeExclusionCalendar,
+  Cr as DateRangeInput,
+  Ir as DateTextInput,
+  Hr as DateTimeInput,
   U as Month,
   gn as MonthPicker,
-  Mr as MultiDateCalendar,
+  Rr as MultiDateCalendar,
   mn as PresetPicker,
-  ue as SingleDateCalendar,
-  Er as SingleWeekCalendar,
-  Cr as TimeTextInput,
-  Je as WeekDay,
-  sn as WeekDayCell,
-  nn as WeekNumberCell,
+  ae as SingleDateCalendar,
+  Ar as SingleWeekCalendar,
+  Nr as TimeTextInput,
+  Ge as WeekDay,
+  on as WeekDayCell,
+  sn as WeekNumberCell,
   pn as YearPicker,
   X as addDayStateHighlights,
-  ce as addDayStateHighlightsOnSingleDay,
-  je as addWeekRangeHighlights,
-  wr as addWeekStateHighlights,
+  se as addDayStateHighlightsOnSingleDay,
+  Je as addWeekRangeHighlights,
+  br as addWeekStateHighlights,
   wt as buildDayStateForDateRange,
-  ze as buildDayStateForRange,
-  Be as buildDayStateForSingleMonth,
-  Qe as calculateOverflowingMonth,
-  Ge as createDay,
-  En as dateRangeToStrings,
-  Fe as dayHasHighlight,
+  _e as buildDayStateForRange,
+  je as buildDayStateForSingleMonth,
+  Ze as calculateOverflowingMonth,
+  Qe as createDay,
+  An as dateRangeToStrings,
+  Ve as dayHasHighlight,
   V as dayHighlightSelect,
   rt as defaultCalendarTheme,
-  Ve as defaultTextPropsProvider,
-  ve as defaultWrapperStyleProvider,
-  pr as extranetCalendarTheme,
-  qe as getDaysForWeekForDate,
-  oe as getMonthInYear,
+  en as defaultTextPropsProvider,
+  tn as defaultWrapperStyleProvider,
+  kr as extranetCalendarTheme,
+  Xe as getDaysForWeekForDate,
+  ie as getMonthInYear,
   Kt as getMonthsInYear,
   _t as getWeekForDate,
-  Ke as getWeeksForMonth,
-  le as isDateRangeInvalid,
-  yr as setDayStateValue,
-  mr as setDayStateValueFunction,
-  Rn as stringsToDateRange,
-  br as toggleDateStringsIfEndIsEarlierThanStart,
-  ae as toggleDatesIfEndIsEarlierThanStart,
-  Sr as useDateRangeCalendarState,
-  Hn as useDateRangeExclusionSelection,
-  An as useDateRangeSelection,
-  xn as useMultiDateSelection,
-  Tn as useSingleDateSelection,
-  Cn as useSingleWeekSelection
+  qe as getWeeksForMonth,
+  oe as isDateRangeInvalid,
+  wr as setDayStateValue,
+  pr as setDayStateValueFunction,
+  Tn as stringsToDateRange,
+  Sr as toggleDateStringsIfEndIsEarlierThanStart,
+  de as toggleDatesIfEndIsEarlierThanStart,
+  Er as useDateRangeCalendarState,
+  Ln as useDateRangeExclusionSelection,
+  xn as useDateRangeSelection,
+  In as useMultiDateSelection,
+  Cn as useSingleDateSelection,
+  Nn as useSingleWeekSelection
 };
 //# sourceMappingURL=index.es.js.map