@stenajs-webui/calendar 18.0.3 → 18.1.1

package/dist/index.es.js

@@ -3,19 +3,19 @@ import { Box as N, Text as ct, Clickable as Wt, Row as R, Space as $, Spacing as
 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 { 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 { faCaretLeft as Ue } from "@fortawesome/free-solid-svg-icons/faCaretLeft";
-import { faCaretRight as We } from "@fortawesome/free-solid-svg-icons/faCaretRight";
-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 { faCaretLeft as We } from "@fortawesome/free-solid-svg-icons/faCaretLeft";
+import { faCaretRight as Oe } from "@fortawesome/free-solid-svg-icons/faCaretRight";
+import { faAngleDoubleLeft as $e } from "@fortawesome/free-solid-svg-icons/faAngleDoubleLeft";
+import { faAngleDoubleRight as Pe } from "@fortawesome/free-solid-svg-icons/faAngleDoubleRight";
+import { TextInput as nt, TextInputBox as Be } from "@stenajs-webui/forms";
+import { useTippyInstance as ze, Popover as pt } from "@stenajs-webui/tooltip";
 import { cssColor as re } from "@stenajs-webui/theme";
-import { faLongArrowAltRight as ze } from "@fortawesome/free-solid-svg-icons/faLongArrowAltRight";
+import { faLongArrowAltRight as je } 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;
-}, je = (t = {}, e, n, r) => _e(
+}, _e = (t = {}, e, n, r) => Je(
   t,
   e,
   n,
   Ft(r),
   Zt(r)
-), _e = (t = {}, e, n, r, s) => e && n ? wt(
+), Je = (t = {}, e, n, r, s) => e && n ? wt(
   t,
   Se([e, Dt(r, 1)]),
   ke([n, q(s, 1)])
-) : wt(t, e, n), wr = (t, e, n) => {
+) : wt(t, e, n), pr = (t, e, n) => {
   const r = W(e, Z.yearAndMonth), s = Bt(e), i = Ct(e);
   return {
     ...t,
@@ -62,7 +62,7 @@ const Z = {
       }
     }
   };
-}, pr = (t, e, n) => {
+}, br = (t, e, n) => {
   const r = W(e, Z.yearAndMonth), s = Bt(e), i = Ct(e);
   return {
     ...t,
@@ -97,7 +97,7 @@ const Z = {
     ...t,
     highlights: [...(n = t == null ? void 0 : t.highlights) != null ? n : [], ...e]
   };
-}, br = (t, e, n) => {
+}, kr = (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) => {
+}, Ke = (t, e) => {
   var s;
   if (!e.days.length)
     return { ...t };
@@ -122,8 +122,8 @@ const Z = {
   return {
     ...wt(t, n, r)
   };
-}, 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 || {});
+}, Ge = (t, e) => C(() => t ? X(e, new Date(), ["today"]) : e, [t, e]);
+var U = /* @__PURE__ */ ((t) => (t[t.JANUARY = 0] = "JANUARY", t[t.FEBRUARY = 1] = "FEBRUARY", t[t.MARCH = 2] = "MARCH", t[t.APRIL = 3] = "APRIL", t[t.MAY = 4] = "MAY", t[t.JUNE = 5] = "JUNE", t[t.JULY = 6] = "JULY", t[t.AUGUST = 7] = "AUGUST", t[t.SEPTEMBER = 8] = "SEPTEMBER", t[t.OCTOBER = 9] = "OCTOBER", t[t.NOVEMBER = 10] = "NOVEMBER", t[t.DECEMBER = 11] = "DECEMBER", t))(U || {}), qe = /* @__PURE__ */ ((t) => (t[t.SUNDAY = 0] = "SUNDAY", t[t.MONDAY = 1] = "MONDAY", t[t.TUESDAY = 2] = "TUESDAY", t[t.WEDNESDAY = 3] = "WEDNESDAY", t[t.THURSDAY = 4] = "THURSDAY", t[t.FRIDAY = 5] = "FRIDAY", t[t.SATURDAY = 6] = "SATURDAY", t))(qe || {});
 const Kt = (t, e, n, r) => {
   const s = [];
   for (let i = 0; i < n; i++)
@@ -138,9 +138,9 @@ const Kt = (t, e, n, r) => {
     ),
     year: r,
     monthInYear: s,
-    weeks: qe(r, s, n)
+    weeks: Qe(r, s, n)
   };
-}, qe = (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: Xe(t, e),
+    days: Ze(t, e),
     isLastWeekOfMonth: n
   };
-}, Qe = (t, e) => {
+}, Xe = (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)
   };
-}, Xe = (t, e) => Pt({
+}, Ze = (t, e) => Pt({
   start: t,
   end: q(t, 6)
-}).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) => {
+}).map((n) => Xe(n, e)), Fe = (t, e) => e > 11 ? { year: t + Math.floor(e / 12), month: e % 12 } : e < 0 ? { year: t + Math.floor(e / 12), month: 12 + e % 12 } : { year: t, month: e }, ve = "_calendar_1w0de_1", Ve = {
+  calendar: ve
+}, tn = (t, e, n) => !!(e && e.indexOf(n) >= 0 || t && t.highlights && t.highlights.indexOf(n) >= 0), V = (t, e, n, r, s) => {
   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" && Ve(
+    if (typeof n[i] == "boolean" && n[i] || typeof n[i] == "string" && tn(
       t,
       e,
       n[i]
     ))
       return r[i];
   return s;
-}, tn = ({
+}, en = ({
   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"
   };
-}, en = ({
+}, nn = ({
   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: tn({
+    tdStyle: en({
       selectedBackground: "var(--swui-calendar-wrapper-selected-background)",
       rangeBackground: "var(--swui-calendar-wrapper-range-background)",
       todayBackground: "var(--swui-calendar-wrapper-today-background)"
     }),
-    textProps: en({
+    textProps: nn({
       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)"
   }
-}, kr = {
+}, Sr = {
   ...rt,
   width: "37px",
   height: "37px"
-}, nn = (t, e, n) => e && Ae(t, e) ? z(t, e) : n && et(t, n) ? z(t, n) : !0, rn = function({
+}, rn = (t, e, n) => e && Ae(t, e) ? z(t, e) : n && et(t, n) ? z(t, n) : !0, sn = function({
   dayComponent: e,
   minDate: n,
   maxDate: r,
@@ -263,13 +263,13 @@ const Kt = (t, e, n, r) => {
   day: i,
   ...d
 }) {
-  const o = C(() => nn(i.date, n, r) ? s : se(s, ["disabled"]), [i.date, s, r, n]);
+  const o = C(() => rn(i.date, n, r) ? s : se(s, ["disabled"]), [i.date, s, r, n]);
   return /* @__PURE__ */ c(e, {
     day: i,
     ...d,
     dayState: o
   });
-}, sn = ({
+}, cn = ({
   onClickWeek: t,
   theme: e,
   week: n,
@@ -304,7 +304,7 @@ const Kt = (t, e, n, r) => {
     }) : d
   });
 };
-function cn({
+function on({
   week: t,
   month: e,
   dayComponent: n,
@@ -321,12 +321,12 @@ function cn({
 }) {
   return /* @__PURE__ */ E("tr", {
     children: [a.WeekNumber.show && /* @__PURE__ */ c("td", {
-      children: f ? f(t, a, o) : /* @__PURE__ */ c(sn, {
+      children: f ? f(t, a, o) : /* @__PURE__ */ c(cn, {
         week: t,
         onClickWeek: o,
         theme: a
       })
-    }), t.days.map((u) => /* @__PURE__ */ c(rn, {
+    }), t.days.map((u) => /* @__PURE__ */ c(sn, {
       dayComponent: n,
       day: u,
       week: t,
@@ -342,7 +342,7 @@ function cn({
     }, u.dateString))]
   }, t.weekNumber);
 }
-const on = ({
+const dn = ({
   onClickWeekDay: t,
   day: e,
   theme: n
@@ -407,7 +407,7 @@ const on = ({
             dayState: s,
             theme: o,
             userData: i
-          }), d && dn(a, s) ? /* @__PURE__ */ c(Wt, {
+          }), d && ln(a, s) ? /* @__PURE__ */ c(Wt, {
             onClick: (m) => d(e, i, m),
             style: {
               width: "100%",
@@ -422,8 +422,8 @@ const on = ({
       })
     })
   });
-}, dn = (t, e) => !!V(e, t, ["enabled", "disabled"], [!0, !1], !0);
-function ln({
+}, ln = (t, e) => !!V(e, t, ["enabled", "disabled"], [!0, !1], !0);
+function an({
   month: t,
   dayComponent: e = ce,
   statePerWeek: n,
@@ -488,13 +488,13 @@ function ln({
                 height: k.height
               })
             }), t.weeks[0].days.map((y) => /* @__PURE__ */ c("td", {
-              children: D ? D(y.name, k, l) : /* @__PURE__ */ c(on, {
+              children: D ? D(y.name, k, l) : /* @__PURE__ */ c(dn, {
                 day: y,
                 onClickWeekDay: l,
                 theme: k
               })
             }, y.name))]
-          }), t.weeks.map((y) => /* @__PURE__ */ c(cn, {
+          }), t.weeks.map((y) => /* @__PURE__ */ c(on, {
             month: t,
             week: y,
             dayComponent: e,
@@ -514,7 +514,7 @@ function ln({
     })
   });
 }
-function an({
+function fn({
   monthRows: t,
   dayComponent: e = ce,
   userDataPerMonth: n,
@@ -536,11 +536,11 @@ function an({
 }) {
   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: ve.calendar,
+    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(ln, {
+          children: [I > 0 && /* @__PURE__ */ c($, {}), /* @__PURE__ */ c(an, {
             month: x,
             dayComponent: e,
             userDataPerWeek: n && n[x.monthString],
@@ -567,11 +567,11 @@ function an({
 }
 function Lt(t) {
   var d;
-  const e = fn(t.year, t.month, t.date), {
+  const e = un(t.year, t.month, t.date), {
     year: n,
     month: r
-  } = 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, {
+  } = 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, {
     year: n,
     month: r,
     monthRows: s,
@@ -579,7 +579,7 @@ function Lt(t) {
     statePerMonth: i
   });
 }
-const fn = (t, e, n) => {
+const un = (t, e, n) => {
   if (e && t)
     return {
       month: e,
@@ -595,7 +595,7 @@ const fn = (t, e, n) => {
     month: tt(r),
     year: yt(r)
   };
-}, 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 = ({
+}, 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 = ({
   value: t,
   onValueChange: e,
   month: n,
@@ -620,20 +620,20 @@ const fn = (t, e, n) => {
       onClick: () => e && e(n)
     })
   });
-}, hn = [[U.JANUARY, U.FEBRUARY, U.MARCH], [U.APRIL, U.MAY, U.JUNE], [U.JULY, U.AUGUST, U.SEPTEMBER], [U.OCTOBER, U.NOVEMBER, U.DECEMBER]], gn = ({
+}, gn = [[U.JANUARY, U.FEBRUARY, U.MARCH], [U.APRIL, U.MAY, U.JUNE], [U.JULY, U.AUGUST, U.SEPTEMBER], [U.OCTOBER, U.NOVEMBER, U.DECEMBER]], yn = ({
   value: t,
   onValueChange: e,
   locale: n = zt
 }) => /* @__PURE__ */ c(B, {
-  children: hn.map((r) => /* @__PURE__ */ c(R, {
-    children: r.map((s) => /* @__PURE__ */ c(Dn, {
+  children: gn.map((r) => /* @__PURE__ */ c(R, {
+    children: r.map((s) => /* @__PURE__ */ c(hn, {
       month: s,
       onValueChange: e,
       value: t,
       locale: n
     }, s))
   }, r[0]))
-}), yn = (t) => [
+}), mn = (t) => [
   {
     label: "Past",
     presets: [
@@ -652,11 +652,11 @@ const fn = (t, e, n) => {
       { label: "Next 45 days", startDate: t, endDate: q(t, 44) }
     ]
   }
-], mn = ({
+], wn = ({
   onClickPreset: t
 }) => {
   var i;
-  const [e, n] = S(0), r = C(() => yn(new Date()), []), s = (i = r[e]) != null ? i : r[0];
+  const [e, n] = S(0), r = C(() => mn(new Date()), []), s = (i = r[e]) != null ? i : r[0];
   return /* @__PURE__ */ E(B, {
     children: [/* @__PURE__ */ E(R, {
       justifyContent: "space-between",
@@ -685,7 +685,7 @@ const fn = (t, e, n) => {
       }, d.label))
     })]
   });
-}, wn = ({
+}, pn = ({
   value: t,
   onValueChange: e,
   year: n
@@ -704,7 +704,7 @@ const fn = (t, e, n) => {
       onClick: () => e == null ? void 0 : e(n)
     })
   });
-}, pn = ({
+}, bn = ({
   value: t,
   onValueChange: e,
   initialLastYear: n
@@ -714,17 +714,17 @@ const fn = (t, e, n) => {
     return ee(jt(d, r + 1), 3);
   }, [r]);
   return Q(() => {
-    s((d) => bn(t, d));
+    s((d) => kn(t, d));
   }, [t]), /* @__PURE__ */ E(R, {
     children: [/* @__PURE__ */ c(B, {
       justifyContent: "center",
       children: /* @__PURE__ */ c(A, {
-        leftIcon: Ue,
+        leftIcon: We,
         onClick: () => s(r - 3)
       })
     }), /* @__PURE__ */ c(B, {
       children: i.map((d) => /* @__PURE__ */ c(R, {
-        children: d.map((o) => /* @__PURE__ */ c(wn, {
+        children: d.map((o) => /* @__PURE__ */ c(pn, {
           year: o,
           onValueChange: e,
           value: t
@@ -733,12 +733,12 @@ const fn = (t, e, n) => {
     }), /* @__PURE__ */ c(B, {
       justifyContent: "center",
       children: /* @__PURE__ */ c(A, {
-        leftIcon: We,
+        leftIcon: Oe,
         onClick: () => s(r + 3)
       })
     })]
   });
-}, bn = (t, e) => {
+}, kn = (t, e) => {
   if (t == null)
     return e;
   if (t > e) {
@@ -751,7 +751,7 @@ const fn = (t, e, n) => {
     return e - i;
   }
   return e;
-}, kn = function({
+}, Sn = function({
   locale: e,
   dateInFocus: n,
   setDateInFocus: r,
@@ -782,18 +782,18 @@ const fn = (t, e, n) => {
         })
       });
     case "month":
-      return /* @__PURE__ */ c(gn, {
+      return /* @__PURE__ */ c(yn, {
         value: n.getMonth(),
         onValueChange: o,
         locale: e
       });
     case "year":
-      return /* @__PURE__ */ c(pn, {
+      return /* @__PURE__ */ c(bn, {
         value: n.getFullYear(),
         onValueChange: l
       });
     case "presets":
-      return /* @__PURE__ */ c(mn, {
+      return /* @__PURE__ */ c(wn, {
         onClickPreset: () => {
         }
       });
@@ -805,7 +805,7 @@ const fn = (t, e, n) => {
         })
       });
   }
-}, Sn = (t, e, n, r) => {
+}, Mn = (t, e, n, r) => {
   const s = g(() => {
     var a;
     const l = Te(t, (a = n != null ? n : r) != null ? a : 1);
@@ -827,7 +827,7 @@ const fn = (t, e, n) => {
     nextYear: i,
     prevYear: o
   };
-}, Mn = ({
+}, En = ({
   children: t,
   prevMonth: e,
   nextMonth: n,
@@ -838,7 +838,7 @@ const fn = (t, e, n) => {
     children: /* @__PURE__ */ E(R, {
       children: [/* @__PURE__ */ c(A, {
         onClick: r,
-        leftIcon: Oe
+        leftIcon: $e
       }), /* @__PURE__ */ c($, {}), /* @__PURE__ */ c(A, {
         onClick: e,
         leftIcon: Ot
@@ -849,11 +849,11 @@ const fn = (t, e, n) => {
         leftIcon: $t
       }), /* @__PURE__ */ c($, {}), /* @__PURE__ */ c(A, {
         onClick: s,
-        leftIcon: $e
+        leftIcon: Pe
       })]
     })
   }), /* @__PURE__ */ c($, {})]
-}), En = () => {
+}), Rn = () => {
 };
 function F({
   monthSwitcherPlacement: t,
@@ -862,7 +862,7 @@ function F({
   setDateInFocus: r,
   currentPanel: s,
   setCurrentPanel: i,
-  onSelectPreset: d = En,
+  onSelectPreset: d = Rn,
   hideYearPagination: o = !1,
   ...l
 }) {
@@ -871,10 +871,10 @@ function F({
     prevMonth: f,
     nextYear: h,
     prevYear: D
-  } = Sn(n, r, l.monthsPerRow, l.numMonths);
-  switch (Rn(t, l.numMonths)) {
+  } = Mn(n, r, l.monthsPerRow, l.numMonths);
+  switch (An(t, l.numMonths)) {
     case "below":
-      return /* @__PURE__ */ c(Mn, {
+      return /* @__PURE__ */ c(En, {
         theme: e,
         nextMonth: a,
         prevMonth: f,
@@ -888,7 +888,7 @@ function F({
       });
     case "header":
       return /* @__PURE__ */ c(B, {
-        children: /* @__PURE__ */ c(kn, {
+        children: /* @__PURE__ */ c(Sn, {
           ...l,
           theme: e,
           dateInFocus: n,
@@ -930,10 +930,10 @@ function F({
       });
   }
 }
-const Rn = (t, e) => t || (e || 1) > 1 ? "below" : "header", An = (t) => ({
+const An = (t, e) => t || (e || 1) > 1 ? "below" : "header", Tn = (t) => ({
   startDate: t.startDate ? W(t.startDate, "yyyy-MM-dd") : void 0,
   endDate: t.endDate ? W(t.endDate, "yyyy-MM-dd") : void 0
-}), Tn = ({
+}), xn = ({
   startDate: t,
   endDate: e
 }) => {
@@ -950,8 +950,8 @@ const Rn = (t, e) => t || (e || 1) > 1 ? "below" : "header", An = (t) => ({
 ), de = (t) => oe(t) ? {
   startDate: t.endDate,
   endDate: t.startDate
-} : t, Sr = (t) => t.startDate && t.endDate ? An(
-  de(Tn(t))
+} : t, Mr = (t) => t.startDate && t.endDate ? Tn(
+  de(xn(t))
 ) : t, le = (t, e, n, r) => g(
   (s) => {
     const i = {
@@ -975,7 +975,7 @@ const Rn = (t, e) => t || (e || 1) > 1 ? "below" : "header", An = (t) => ({
     currentPanel: e,
     setCurrentPanel: r
   };
-}, xn = ({
+}, Cn = ({
   focusedInput: t,
   value: e,
   onValueChange: n,
@@ -1005,14 +1005,14 @@ const Rn = (t, e) => t || (e || 1) > 1 ? "below" : "header", An = (t) => ({
     dateInFocus: l
   };
 };
-function Mr(t) {
-  const e = xn(t);
+function Er(t) {
+  const e = Cn(t);
   return /* @__PURE__ */ c(F, {
     ...t,
     ...e
   });
 }
-const Er = () => {
+const Rr = () => {
   const [t, e] = S(), [n, r] = S(), [s, i] = S("startDate");
   return {
     startDate: t,
@@ -1022,7 +1022,7 @@ const Er = () => {
     focusedInput: s,
     setFocusedInput: i
   };
-}, Cn = ({
+}, In = ({
   onChange: t,
   value: e,
   statePerMonth: n,
@@ -1051,13 +1051,13 @@ const Er = () => {
   };
 };
 function ae(t) {
-  const e = Cn(t);
+  const e = In(t);
   return /* @__PURE__ */ c(F, {
     ...t,
     ...e
   });
 }
-const In = ({
+const Nn = ({
   onChange: t,
   value: e,
   statePerMonth: n,
@@ -1084,14 +1084,14 @@ const In = ({
     setDateInFocus: o
   };
 };
-function Rr(t) {
-  const e = In(t);
+function Ar(t) {
+  const e = Nn(t);
   return /* @__PURE__ */ c(F, {
     ...t,
     ...e
   });
 }
-const Nn = ({
+const Hn = ({
   onChange: t,
   value: e,
   statePerMonth: n,
@@ -1113,7 +1113,7 @@ const Nn = ({
     [t]
   ), h = C(() => {
     const u = Nt(e, s);
-    return u ? Je(n, u) : n;
+    return u ? Ke(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 Nn = ({
   const d = vt(Ne(i, r), { locale: e });
   return _t(d, e);
 };
-function Ar(t) {
-  const e = Nn(t);
+function Tr(t) {
+  const e = Hn(t);
   return /* @__PURE__ */ c(F, {
     ...t,
     ...e
   });
 }
-const Hn = (t, e) => t.filter((n) => !z(n, e)), Yn = (t, e) => !!t.find((n) => z(n, e)), Ln = ({
+const Yn = (t, e) => t.filter((n) => !z(n, e)), Ln = (t, e) => !!t.find((n) => z(n, e)), Un = ({
   value: t,
   onValueChange: e,
   statePerMonth: n,
@@ -1176,10 +1176,10 @@ const Hn = (t, e) => t.filter((n) => !z(n, e)), Yn = (t, e) => !!t.find((n) => z
     o
   ), m = g(
     (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 && (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, u, t]
-  ), k = C(() => Un(n, t), [n, t]);
+  ), k = C(() => Wn(n, t), [n, t]);
   return {
     onClickDay: m,
     statePerMonth: k,
@@ -1188,16 +1188,16 @@ const Hn = (t, e) => t.filter((n) => !z(n, e)), Yn = (t, e) => !!t.find((n) => z
     dateInFocus: f,
     setDateInFocus: h
   };
-}, Un = (t, e) => e ? e.reduce((n, r) => X(n, r, ["selected"]), t) : t;
-function Tr(t) {
-  const e = Ln(t);
+}, 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, {
     ...t,
     ...e
   });
 }
 const kt = "bottom", fe = () => {
-  const [t, e] = Be();
+  const [t, e] = ze();
   return {
     onChangePanel: g(() => {
       var r, s;
@@ -1205,7 +1205,7 @@ const kt = "bottom", fe = () => {
     }, [e]),
     tippyRef: t
   };
-}, Wn = (t, e, n) => {
+}, On = (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", fe = () => {
     showingCalendar: r,
     onSelectDate: o
   };
-}, St = "2999-12-31", xr = ({
+}, St = "2999-12-31", Cr = ({
   displayFormat: t = Z.fullDate,
   placeholder: e = "Enter date",
   value: n,
@@ -1239,7 +1239,7 @@ const kt = "bottom", fe = () => {
     showingCalendar: p,
     onSelectDate: b,
     showCalendar: w
-  } = Wn(l, o, d), {
+  } = On(l, o, d), {
     tippyRef: y,
     onChangePanel: M
   } = fe();
@@ -1288,7 +1288,7 @@ const kt = "bottom", fe = () => {
       })
     })
   });
-}, On = (t, e) => {
+}, $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) => {
@@ -1313,7 +1313,7 @@ const kt = "bottom", fe = () => {
     startDateIsAfterEnd: D
   };
 };
-function Cr({
+function Ir({
   displayFormat: t = Z.fullDate,
   placeholderStartDate: e = "Start date",
   placeholderEndDate: n = "End date",
@@ -1338,7 +1338,7 @@ function Cr({
     endDateInputRef: T,
     onClickDay: x,
     startDateIsAfterEnd: I
-  } = On(s, i), [O, Y] = S(() => {
+  } = $n(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]);
@@ -1376,7 +1376,7 @@ function Cr({
         size: 9,
         variant: I ? "error" : void 0
       }), /* @__PURE__ */ c($, {}), /* @__PURE__ */ c(Qt, {
-        icon: ze,
+        icon: je,
         color: re("--lhds-color-ui-500"),
         size: 14
       }), /* @__PURE__ */ c($, {}), /* @__PURE__ */ c(nt, {
@@ -1393,7 +1393,7 @@ function Cr({
     })
   });
 }
-const Ir = ({
+const Nr = ({
   calendarProps: t,
   closeOnCalendarSelectDate: e = !0,
   dateFormat: n = Z.fullDate,
@@ -1498,7 +1498,7 @@ const Ir = ({
     default:
       throw new Error("Invalid minute string");
   }
-}, $n = (t) => {
+}, Pn = (t) => {
   if (!Ut(t))
     return { time: t, success: !1 };
   const e = t && t.split(/-|:|,|;|[/]|[.]| /);
@@ -1532,7 +1532,7 @@ const Ir = ({
     }
   }
   return { time: t, success: !1 };
-}, Ut = (t) => t ? /^[-:.,/; 0-9]+$/.test(t) : !0, Nr = ({
+}, Ut = (t) => t ? /^[-:.,/; 0-9]+$/.test(t) : !0, Hr = ({
   onValueChange: t,
   showPlaceholder: e = !0,
   useIcon: n = !0,
@@ -1543,7 +1543,7 @@ const Ir = ({
 }) => {
   const [o, l] = S(() => Ut(r)), a = "hh:mm", f = g(() => {
     if (r) {
-      const D = $n(r);
+      const D = Pn(r);
       l(D.success), D.success && t && t(D.time);
     }
   }, [r, t, l]), h = g((D) => {
@@ -1612,7 +1612,7 @@ const Ir = ({
     L.current--, H(L.current), O && O(G);
   }, [O, L, H]);
   return /* @__PURE__ */ c(N, {
-    children: /* @__PURE__ */ E(Pe, {
+    children: /* @__PURE__ */ E(Be, {
       disableContentPaddingRight: !0,
       disabled: v,
       variant: st,
@@ -1697,7 +1697,7 @@ const Ir = ({
       })]
     })
   });
-}, Pn = (t) => {
+}, Bn = (t) => {
   if (t == null)
     throw new Error("Time is not set.");
   if (t === "")
@@ -1719,14 +1719,14 @@ const Ir = ({
   if (r < 0 || r > 59)
     throw new Error("Invalid time.");
   return n * 100 + r;
-}, Bn = (t) => {
+}, zn = (t) => {
   try {
-    return Pn(t), !0;
+    return Bn(t), !0;
   } catch {
     return !1;
   }
 }, At = (t) => {
-  if (t && Bn(t)) {
+  if (t && zn(t)) {
     const e = t.split(":");
     return {
       hour: Jt(e[0]),
@@ -1737,12 +1737,12 @@ const Ir = ({
     hour: void 0,
     minute: void 0
   };
-}, zn = (t) => `${Tt(String(t.getHours()))}:${xt(
+}, jn = (t) => `${Tt(String(t.getHours()))}:${xt(
   String(t.getMinutes())
-)}`, jn = "_timePicker_1w05d_1", _n = "_timePickerColumn_1w05d_6", De = {
-  timePicker: jn,
-  timePickerColumn: _n
-}, Jn = ({
+)}`, _n = "_timePicker_1w05d_1", Jn = "_timePickerColumn_1w05d_6", De = {
+  timePicker: _n,
+  timePickerColumn: Jn
+}, Kn = ({
   onClick: t,
   item: e,
   selected: n,
@@ -1762,10 +1762,10 @@ const Ir = ({
     indent: 0.5,
     ref: i,
     children: n ? /* @__PURE__ */ c(dt, {
-      label: String(e),
+      label: Ue(String(e), 2, "0"),
       onClick: () => t && t(e)
     }) : /* @__PURE__ */ c(A, {
-      label: String(e),
+      label: String(e).padStart(2, "0"),
       onClick: () => t && t(e)
     })
   });
@@ -1779,7 +1779,7 @@ const Ir = ({
   return /* @__PURE__ */ c(B, {
     className: De.timePickerColumn,
     ref: s,
-    children: e.map((i) => /* @__PURE__ */ c(Jn, {
+    children: e.map((i) => /* @__PURE__ */ c(Kn, {
       item: i,
       onClick: t,
       selected: i === n,
@@ -1787,7 +1787,7 @@ const Ir = ({
       canScrollRef: r
     }, i))
   });
-}, Kn = jt(0, 24), Gn = jt(0, 60), qn = ({
+}, Gn = jt(0, 24), qn = jt(0, 60), Qn = ({
   value: t,
   onValueChange: e
 }) => {
@@ -1809,18 +1809,18 @@ const Ir = ({
   return /* @__PURE__ */ E(R, {
     className: De.timePicker,
     children: [/* @__PURE__ */ c(qt, {
-      items: Kn,
+      items: Gn,
       onClick: o,
       selectedItem: r,
       canScrollRef: n
     }), /* @__PURE__ */ c(ht, {}), /* @__PURE__ */ c(qt, {
-      items: Gn,
+      items: qn,
       onClick: l,
       selectedItem: i,
       canScrollRef: n
     })]
   });
-}, Qn = (t, e, n) => {
+}, Xn = (t, e, n) => {
   Q(
     function() {
       t && e(t);
@@ -1834,7 +1834,7 @@ const Ir = ({
     },
     [t, n]
   );
-}, Xn = (t, e, {
+}, Zn = (t, e, {
   setDateInFocus: n,
   showCalendarInternal: r,
   hideCalendarInternal: s,
@@ -1896,7 +1896,7 @@ const Ir = ({
     onChangeTime: u,
     onChangeDate: D
   };
-}, Zn = (t) => {
+}, 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(
     () => t != null ? t : new Date()
   ), [k, p] = S("calendar");
@@ -1918,7 +1918,7 @@ const Ir = ({
     localTime: r,
     setLocalTime: s
   };
-}, Fn = (t, e, n, r, {
+}, vn = (t, e, n, r, {
   isCalendarVisible: s,
   setCurrentPanel: i,
   showTimePicker: d,
@@ -1958,7 +1958,7 @@ const Ir = ({
     onClickCalendarButton: D,
     onKeyDownHandler: u
   };
-}, Hr = ({
+}, Yr = ({
   value: t,
   onValueChange: e,
   onEnter: n,
@@ -1972,7 +1972,7 @@ const Ir = ({
   variant: f,
   disabled: h
 }) => {
-  const D = J(null), u = J(null), m = Zn(t), {
+  const D = J(null), u = J(null), m = Fn(t), {
     setCurrentPanel: k,
     currentPanel: p,
     isCalendarVisible: b,
@@ -1989,21 +1989,21 @@ const Ir = ({
     inputRightChangeHandler: _,
     onChangeTime: P,
     onChangeDate: st
-  } = Xn(t, e, m, D), {
+  } = Zn(t, e, m, D), {
     onKeyDownHandler: lt,
     onFocusRight: it,
     onFocusLeft: K,
     onClickDay: at,
     onClickCalendarButton: ft,
     onClickArrowButton: ut
-  } = Fn(st, D, O, Y, m);
-  Qn(t, y, D);
+  } = vn(st, D, O, Y, m);
+  Xn(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 ? zn(t) : x, [t, x]), Mt = Yt(b, 300), Et = Yt(M, 300);
+  }, [Y, T]), H = C(() => t ? jn(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 Ir = ({
           children: [/* @__PURE__ */ c(B, {
             overflow: "hidden",
             height: "250px",
-            children: /* @__PURE__ */ c(qn, {
+            children: /* @__PURE__ */ c(Qn, {
               value: H != null ? H : "",
               onValueChange: P
             })
@@ -2070,7 +2070,7 @@ const Ir = ({
       })
     })
   });
-}, vn = (t, e, n, r, s) => {
+}, Vn = (t, e, n, r, s) => {
   Q(
     function() {
       t && n(t);
@@ -2104,7 +2104,7 @@ const Ir = ({
     },
     [e, s]
   );
-}, Vn = (t, e, n, {
+}, tr = (t, e, n, {
   setDateInFocus: r,
   showCalendarInternal: s,
   hideCalendarInternal: i,
@@ -2148,7 +2148,7 @@ const Ir = ({
     setCurrentPanel: o,
     showCalendar: f
   };
-}, tr = (t, e) => {
+}, 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();
@@ -2166,7 +2166,7 @@ const Ir = ({
     currentPanel: h,
     setCurrentPanel: D
   };
-}, er = (t, e, n, r, s, i, d, {
+}, nr = (t, e, n, r, s, i, d, {
   firstFocusedInput: o,
   setFirstFocusedInput: l,
   isCalendarVisible: a,
@@ -2249,7 +2249,7 @@ const Ir = ({
     onKeyDownHandler: w
   };
 };
-function Yr({
+function Lr({
   value: t,
   onValueChange: e,
   autoFocus: n,
@@ -2267,7 +2267,7 @@ function Yr({
   const {
     startDate: u,
     endDate: m
-  } = t || {}, k = J(null), p = J(null), b = tr(u, m), {
+  } = t || {}, k = J(null), p = J(null), b = er(u, m), {
     dateInFocus: w,
     setDateInFocus: y,
     isCalendarVisible: M,
@@ -2278,16 +2278,16 @@ function Yr({
     hideCalendar: O,
     inputLeftChangeHandler: Y,
     inputRightChangeHandler: j
-  } = Vn(u, m, e, b), {
+  } = tr(u, m, e, b), {
     onKeyDownHandler: _,
     onFocusRight: P,
     onFocusLeft: st,
     onClickDay: lt,
     onClickCalendarButton: it,
     onClickArrowButton: K
-  } = 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);
+  } = 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, {
     onKeyDown: _,
     children: /* @__PURE__ */ c(pt, {
@@ -2343,56 +2343,56 @@ function Yr({
 export {
   Lt as Calendar,
   ce as CalendarDay,
-  xr as DateInput,
-  Mr as DateRangeCalendar,
-  Yr as DateRangeDualTextInput,
-  Tr as DateRangeExclusionCalendar,
-  Cr as DateRangeInput,
-  Ir as DateTextInput,
-  Hr as DateTimeInput,
+  Cr as DateInput,
+  Er as DateRangeCalendar,
+  Lr as DateRangeDualTextInput,
+  xr as DateRangeExclusionCalendar,
+  Ir as DateRangeInput,
+  Nr as DateTextInput,
+  Yr as DateTimeInput,
   U as Month,
-  gn as MonthPicker,
-  Rr as MultiDateCalendar,
-  mn as PresetPicker,
+  yn as MonthPicker,
+  Ar as MultiDateCalendar,
+  wn as PresetPicker,
   ae as SingleDateCalendar,
-  Ar as SingleWeekCalendar,
-  Nr as TimeTextInput,
-  Ge as WeekDay,
-  on as WeekDayCell,
-  sn as WeekNumberCell,
-  pn as YearPicker,
+  Tr as SingleWeekCalendar,
+  Hr as TimeTextInput,
+  qe as WeekDay,
+  dn as WeekDayCell,
+  cn as WeekNumberCell,
+  bn as YearPicker,
   X as addDayStateHighlights,
   se as addDayStateHighlightsOnSingleDay,
-  Je as addWeekRangeHighlights,
-  br as addWeekStateHighlights,
+  Ke as addWeekRangeHighlights,
+  kr as addWeekStateHighlights,
   wt as buildDayStateForDateRange,
-  _e as buildDayStateForRange,
-  je as buildDayStateForSingleMonth,
-  Ze as calculateOverflowingMonth,
-  Qe as createDay,
-  An as dateRangeToStrings,
-  Ve as dayHasHighlight,
+  Je as buildDayStateForRange,
+  _e as buildDayStateForSingleMonth,
+  Fe as calculateOverflowingMonth,
+  Xe as createDay,
+  Tn as dateRangeToStrings,
+  tn as dayHasHighlight,
   V as dayHighlightSelect,
   rt as defaultCalendarTheme,
-  en as defaultTextPropsProvider,
-  tn as defaultWrapperStyleProvider,
-  kr as extranetCalendarTheme,
-  Xe as getDaysForWeekForDate,
+  nn as defaultTextPropsProvider,
+  en as defaultWrapperStyleProvider,
+  Sr as extranetCalendarTheme,
+  Ze as getDaysForWeekForDate,
   ie as getMonthInYear,
   Kt as getMonthsInYear,
   _t as getWeekForDate,
-  qe as getWeeksForMonth,
+  Qe as getWeeksForMonth,
   oe as isDateRangeInvalid,
-  wr as setDayStateValue,
-  pr as setDayStateValueFunction,
-  Tn as stringsToDateRange,
-  Sr as toggleDateStringsIfEndIsEarlierThanStart,
+  pr as setDayStateValue,
+  br as setDayStateValueFunction,
+  xn as stringsToDateRange,
+  Mr as toggleDateStringsIfEndIsEarlierThanStart,
   de as toggleDatesIfEndIsEarlierThanStart,
-  Er as useDateRangeCalendarState,
-  Ln as useDateRangeExclusionSelection,
-  xn as useDateRangeSelection,
-  In as useMultiDateSelection,
-  Cn as useSingleDateSelection,
-  Nn as useSingleWeekSelection
+  Rr as useDateRangeCalendarState,
+  Un as useDateRangeExclusionSelection,
+  Cn as useDateRangeSelection,
+  Nn as useMultiDateSelection,
+  In as useSingleDateSelection,
+  Hn as useSingleWeekSelection
 };
 //# sourceMappingURL=index.es.js.map