@stenajs-webui/calendar 17.30.2 → 17.30.4

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 $t, PrimaryButton as dt, stenaCalendar as ht, Icon as qt, stenaClock as Qt, stenaAngleDown as ge, stenaArrowRight as ye } from "@stenajs-webui/elements";
-import { Box as N, Text as it, Clickable as Ot, Row as R, Space as O, Spacing as me, Indent as gt, Column as B, SeparatorLine as we, parseIntElseUndefined as _t, useBoolean as Ht, useDelayedFalse as Yt } from "@stenajs-webui/core";
-import { isAfter as et, eachDayOfInterval as Pt, isSameDay as z, endOfMonth as Xt, startOfMonth as Zt, min as pe, addDays as q, max as be, subDays as Dt, format as W, getISOWeek as Bt, getDate as Ct, startOfWeek as ke, addWeeks as Se, getMonth as tt, getWeek as Ft, getYear as yt, getISODay as Me, addHours as Ee, isBefore as Re, parse as ot, addMonths as Ae, addYears as Te, subMonths as xe, subYears as Ce, setWeek as Ie, isValid as Ne } from "date-fns";
-import { enGB as vt } from "date-fns/locale";
-import { last as He, chunk as Vt, range as zt, debounce as Ye } from "lodash";
-import * as te from "react";
+import { FlatButton as A, stenaAngleLeft as Wt, stenaAngleRight as Ot, PrimaryButton as dt, stenaCalendar as ht, Icon as qt, stenaClock as Qt, stenaAngleDown as ye, stenaArrowRight as me } from "@stenajs-webui/elements";
+import { Box as N, Text as it, Clickable as $t, Row as R, Space as $, Spacing as we, Indent as gt, Column as B, SeparatorLine as pe, parseIntElseUndefined as _t, useBoolean as Ht, useDelayedFalse as Yt } from "@stenajs-webui/core";
+import { isAfter as et, eachDayOfInterval as Pt, isSameDay as z, endOfMonth as Xt, startOfMonth as Zt, min as be, addDays as q, max as ke, subDays as Dt, format as W, getISOWeek as Bt, getDate as Ct, startOfWeek as Ft, addWeeks as Se, getMonth as tt, getWeek as vt, getYear as yt, getISODay as Me, addHours as Ee, isBefore as Re, parse as ot, addMonths as Ae, addYears as Te, subMonths as xe, subYears as Ce, setWeek as Ie, isValid as Ne } from "date-fns";
+import { enGB as Vt } from "date-fns/locale";
+import { last as He, chunk as te, range as zt, debounce as Ye } from "lodash";
+import * as ee from "react";
 import { useMemo as C, useCallback as g, useState as S, useEffect as Q, useRef as J } from "react";
 import { jsx as i, jsxs as E, Fragment as mt } from "react/jsx-runtime";
 import It from "@emotion/styled";
-import { faAngleDoubleLeft as ee } from "@fortawesome/free-solid-svg-icons/faAngleDoubleLeft";
-import { faAngleDoubleRight as ne } from "@fortawesome/free-solid-svg-icons/faAngleDoubleRight";
+import { faAngleDoubleLeft as ne } from "@fortawesome/free-solid-svg-icons/faAngleDoubleLeft";
+import { faAngleDoubleRight as re } from "@fortawesome/free-solid-svg-icons/faAngleDoubleRight";
 import { faCaretLeft as Le } from "@fortawesome/free-solid-svg-icons/faCaretLeft";
 import { faCaretRight as Ue } from "@fortawesome/free-solid-svg-icons/faCaretRight";
 import { TextInput as nt, TextInputBox as We } from "@stenajs-webui/forms";
-import { useTippyInstance as $e, Popover as pt } from "@stenajs-webui/tooltip";
-import { cssColor as re } from "@stenajs-webui/theme";
-import { faLongArrowAltRight as Oe } from "@fortawesome/free-solid-svg-icons/faLongArrowAltRight";
+import { useTippyInstance as Oe, Popover as pt } from "@stenajs-webui/tooltip";
+import { cssColor as se } from "@stenajs-webui/theme";
+import { faLongArrowAltRight as $e } from "@fortawesome/free-solid-svg-icons/faLongArrowAltRight";
 const Z = {
   yearAndMonth: "yyyy-MM",
   fullDate: "yyyy-MM-dd",
@@ -45,8 +45,8 @@ const Z = {
   Xt(r)
 ), Be = (t = {}, e, n, r, s) => e && n ? wt(
   t,
-  be([e, Dt(r, 1)]),
-  pe([n, q(s, 1)])
+  ke([e, Dt(r, 1)]),
+  be([n, q(s, 1)])
 ) : wt(t, e, n), gr = (t, e, n) => {
   const r = W(e, Z.yearAndMonth), s = Bt(e), c = Ct(e);
   return {
@@ -87,11 +87,11 @@ const Z = {
       ...t && t[s],
       [c]: {
         ...t && t[s] && t[s][c],
-        [d]: se(o, n)
+        [d]: ce(o, n)
       }
     }
   };
-}, se = (t, e) => {
+}, ce = (t, e) => {
   var n;
   return {
     ...t,
@@ -127,9 +127,9 @@ var U = /* @__PURE__ */ ((t) => (t[t.JANUARY = 0] = "JANUARY", t[t.FEBRUARY = 1]
 const Jt = (t, e, n, r) => {
   const s = [];
   for (let c = 0; c < n; c++)
-    s.push(ce(t, e + c, r));
+    s.push(ie(t, e + c, r));
   return s;
-}, ce = (t, e, n) => {
+}, ie = (t, e, n) => {
   const r = t + Math.floor(e / 12), s = e % 12, c = new Date(r, s, 1);
   return {
     monthString: W(c, Z.yearAndMonth),
@@ -139,7 +139,7 @@ const Jt = (t, e, n, r) => {
     weeks: Je(r, s, n)
   };
 }, Je = (t, e, n, r = !0) => {
-  const s = new Date(t, e, 1), c = ke(s, { locale: n }), d = [];
+  const s = new Date(t, e, 1), c = Ft(s, { locale: n }), d = [];
   for (let o = 0; o < 6; o++) {
     const l = jt(Se(c, o), n);
     if (o > 0 && l.startMonth !== e && !r)
@@ -150,7 +150,7 @@ const Jt = (t, e, n, r) => {
 }, jt = (t, e) => {
   const n = tt(q(t, 7)) !== tt(t);
   return {
-    weekNumber: Ft(t, { locale: e }),
+    weekNumber: vt(t, { locale: e }),
     startMonth: tt(t),
     startYear: yt(t),
     endMonth: tt(q(t, 6)),
@@ -164,7 +164,7 @@ const Jt = (t, e, n, r) => {
     date: t,
     name: W(t, "EEE", e ? { locale: e } : void 0),
     dateString: W(Ee(t, 12), Z.fullDate),
-    weekNumber: Ft(t, { locale: e }),
+    weekNumber: vt(t, { locale: e }),
     year: yt(t),
     month: tt(t),
     dayOfMonth: Ct(t),
@@ -261,7 +261,7 @@ const Jt = (t, e, n, r) => {
   day: c,
   ...d
 }) {
-  const o = C(() => Ve(c.date, n, r) ? s : se(s, ["disabled"]), [c.date, s, r, n]);
+  const o = C(() => Ve(c.date, n, r) ? s : ce(s, ["disabled"]), [c.date, s, r, n]);
   return /* @__PURE__ */ i(e, {
     day: c,
     ...d,
@@ -294,7 +294,7 @@ const Jt = (t, e, n, r) => {
   return /* @__PURE__ */ i(N, {
     background: s || e.WeekNumber.backgroundColor,
     position: "relative",
-    children: t ? /* @__PURE__ */ i(Ot, {
+    children: t ? /* @__PURE__ */ i($t, {
       borderRadius: "var(--swui-calendar-day-border-radius)",
       onClick: (o) => t(n, o),
       disableFocusHighlight: !t,
@@ -356,13 +356,13 @@ const rn = ({
       children: e.name
     })
   });
-  return t ? /* @__PURE__ */ i(Ot, {
+  return t ? /* @__PURE__ */ i($t, {
     borderRadius: "var(--swui-calendar-day-border-radius)",
     onClick: (s) => t(e.dayOfWeek, s),
     disableFocusHighlight: !t,
     children: r
   }) : r;
-}, ie = function({
+}, oe = function({
   day: e,
   week: n,
   month: r,
@@ -405,7 +405,7 @@ const rn = ({
             dayState: s,
             theme: o,
             userData: c
-          }), d && sn(a, s) ? /* @__PURE__ */ i(Ot, {
+          }), d && sn(a, s) ? /* @__PURE__ */ i($t, {
             onClick: (m) => d(e, c, m),
             style: {
               width: "100%",
@@ -423,7 +423,7 @@ const rn = ({
 }, sn = (t, e) => !!V(e, t, ["enabled", "disabled"], [!0, !1], !0);
 function cn({
   month: t,
-  dayComponent: e = ie,
+  dayComponent: e = oe,
   statePerWeek: n,
   userDataPerWeek: r,
   minDate: s,
@@ -463,7 +463,7 @@ function cn({
             }) : /* @__PURE__ */ i(it, {
               children: t.name
             })
-          }), /* @__PURE__ */ i(O, {}), /* @__PURE__ */ i(R, {
+          }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(R, {
             width: "64px",
             justifyContent: "center",
             children: f ? /* @__PURE__ */ i(A, {
@@ -514,7 +514,7 @@ function cn({
 }
 function on({
   monthRows: t,
-  dayComponent: e = ie,
+  dayComponent: e = oe,
   userDataPerMonth: n,
   statePerMonth: r,
   minDate: s,
@@ -535,10 +535,10 @@ function on({
   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: Xe.calendar,
-    children: t.map((M, T) => /* @__PURE__ */ i(me, {
+    children: t.map((M, T) => /* @__PURE__ */ i(we, {
       children: /* @__PURE__ */ i(R, {
-        children: M.map((x, I) => /* @__PURE__ */ E(te.Fragment, {
-          children: [I > 0 && /* @__PURE__ */ i(O, {}), /* @__PURE__ */ i(cn, {
+        children: M.map((x, I) => /* @__PURE__ */ E(ee.Fragment, {
+          children: [I > 0 && /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(cn, {
             month: x,
             dayComponent: e,
             userDataPerWeek: n && n[x.monthString],
@@ -568,7 +568,7 @@ function Lt(t) {
   const e = dn(t.year, t.month, t.date), {
     year: n,
     month: r
-  } = qe(e.year, e.month), s = ln(n, r, (d = t.locale) != null ? d : vt, t.numMonths, t.monthsPerRow), c = je(t.highlightToday, t.statePerMonth);
+  } = qe(e.year, e.month), s = ln(n, r, (d = t.locale) != null ? d : Vt, t.numMonths, t.monthsPerRow), c = je(t.highlightToday, t.statePerMonth);
   return /* @__PURE__ */ i(on, {
     year: n,
     month: r,
@@ -593,7 +593,7 @@ const dn = (t, e, n) => {
     month: tt(r),
     year: yt(r)
   };
-}, ln = (t, e, n, r, s) => r == null ? [[ce(t, e, n)]] : s == null ? [Jt(t, e, r, n)] : Vt(Jt(t, e, r, n), s), an = (t, e, n, r) => {
+}, ln = (t, e, n, r, s) => r == null ? [[ie(t, e, n)]] : s == null ? [Jt(t, e, r, n)] : te(Jt(t, e, r, n), s), an = (t, e, n, r) => {
   const s = g(() => {
     var a;
     const l = Ae(t, (a = n != null ? n : r) != null ? a : 1);
@@ -626,21 +626,21 @@ const dn = (t, e, n) => {
     children: /* @__PURE__ */ E(R, {
       children: [/* @__PURE__ */ i(A, {
         onClick: r,
-        leftIcon: ee
-      }), /* @__PURE__ */ i(O, {}), /* @__PURE__ */ i(A, {
+        leftIcon: ne
+      }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(A, {
         onClick: e,
         leftIcon: Wt
       }), /* @__PURE__ */ i(gt, {
         num: 2
       }), /* @__PURE__ */ i(A, {
         onClick: n,
-        leftIcon: $t
-      }), /* @__PURE__ */ i(O, {}), /* @__PURE__ */ i(A, {
+        leftIcon: Ot
+      }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(A, {
         onClick: s,
-        leftIcon: ne
+        leftIcon: re
       })]
     })
-  }), /* @__PURE__ */ i(O, {})]
+  }), /* @__PURE__ */ i($, {})]
 }), un = ({
   value: t,
   onValueChange: e,
@@ -712,17 +712,17 @@ const dn = (t, e, n) => {
         children: s.label
       }), /* @__PURE__ */ i(A, {
         size: "small",
-        leftIcon: $t,
+        leftIcon: Ot,
         disabled: e === r.length - 1,
         onClick: () => n(e + 1)
       })]
-    }), /* @__PURE__ */ i(O, {}), /* @__PURE__ */ i(B, {
+    }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(B, {
       alignItems: "center",
-      children: s.presets.map((d) => /* @__PURE__ */ E(te.Fragment, {
+      children: s.presets.map((d) => /* @__PURE__ */ E(ee.Fragment, {
         children: [/* @__PURE__ */ i(dt, {
           label: d.label,
           onClick: () => t(d)
-        }), /* @__PURE__ */ i(O, {})]
+        }), /* @__PURE__ */ i($, {})]
       }, d.label))
     })]
   });
@@ -752,7 +752,7 @@ const dn = (t, e, n) => {
 }) => {
   const [r, s] = S(() => t ? t + 4 : n != null ? n : new Date().getFullYear() + 4), c = C(() => {
     const d = r - 11;
-    return Vt(zt(d, r + 1), 3);
+    return te(zt(d, r + 1), 3);
   }, [r]);
   return Q(() => {
     s((d) => pn(t, d));
@@ -891,8 +891,8 @@ function F({
             children: [!o && /* @__PURE__ */ i(A, {
               size: "small",
               onClick: D,
-              leftIcon: ee
-            }), /* @__PURE__ */ i(O, {}), /* @__PURE__ */ i(A, {
+              leftIcon: ne
+            }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(A, {
               size: "small",
               onClick: f,
               leftIcon: Wt
@@ -903,11 +903,11 @@ function F({
             children: [/* @__PURE__ */ i(A, {
               size: "small",
               onClick: a,
-              leftIcon: $t
-            }), /* @__PURE__ */ i(O, {}), !o && /* @__PURE__ */ i(A, {
+              leftIcon: Ot
+            }), /* @__PURE__ */ i($, {}), !o && /* @__PURE__ */ i(A, {
               size: "small",
               onClick: h,
-              leftIcon: ne
+              leftIcon: re
             })]
           })
         })
@@ -932,23 +932,23 @@ const Sn = (t, e) => t || (e || 1) > 1 ? "below" : "header", Mn = (t) => ({
     startDate: t ? ot(t, "yyyy-MM-dd", n) : void 0,
     endDate: e ? ot(e, "yyyy-MM-dd", n) : void 0
   };
-}, oe = ({
+}, de = ({
   startDate: t,
   endDate: e
 }) => Boolean(
   t && e && !z(t, e) && et(t, e)
-), de = (t) => oe(t) ? {
+), le = (t) => de(t) ? {
   startDate: t.endDate,
   endDate: t.startDate
 } : t, pr = (t) => t.startDate && t.endDate ? Mn(
-  de(En(t))
-) : t, le = (t, e, n, r) => g(
+  le(En(t))
+) : t, ae = (t, e, n, r) => g(
   (s) => {
     const c = {
       startDate: n === "startDate" ? s.date : t == null ? void 0 : t.startDate,
       endDate: n === "endDate" ? s.date : t == null ? void 0 : t.endDate
     };
-    oe(c) || r(n === "startDate" ? "endDate" : "startDate"), e == null || e(de(c));
+    de(c) || r(n === "startDate" ? "endDate" : "startDate"), e == null || e(le(c));
   },
   [
     n,
@@ -973,7 +973,7 @@ const Sn = (t, e) => t || (e || 1) > 1 ? "below" : "header", Mn = (t) => ({
   statePerMonth: s,
   onChangePanel: c
 }) => {
-  const { currentPanel: d, setCurrentPanel: o } = bt(c), [l, a] = S(() => new Date()), f = le(
+  const { currentPanel: d, setCurrentPanel: o } = bt(c), [l, a] = S(() => new Date()), f = ae(
     e,
     n,
     t,
@@ -1040,7 +1040,7 @@ const kr = () => {
     setDateInFocus: o
   };
 };
-function ae(t) {
+function fe(t) {
   const e = An(t);
   return /* @__PURE__ */ i(F, {
     ...t,
@@ -1086,7 +1086,7 @@ const xn = ({
   value: e,
   statePerMonth: n,
   onChangePanel: r,
-  locale: s = vt
+  locale: s = Vt
 }) => {
   const [c, d] = S(() => {
     const u = Nt(e, s);
@@ -1125,7 +1125,9 @@ const xn = ({
   if (!t)
     return;
   const n = t.split("-"), r = parseInt(n[1], 10), s = parseInt(n[0], 10), c = new Date();
-  return c.setFullYear(s), jt(Ie(c, r), e);
+  c.setFullYear(s);
+  const d = Ft(Ie(c, r), { locale: e });
+  return jt(d, e);
 };
 function Mr(t) {
   const e = xn(t);
@@ -1157,7 +1159,7 @@ const Cn = (t, e) => t.filter((n) => !z(n, e)), In = (t, e) => !!t.find((n) => z
           b ? e([b]) : w && e([w]);
     },
     [e]
-  ), u = le(
+  ), u = ae(
     s,
     D,
     d,
@@ -1184,8 +1186,8 @@ function Er(t) {
     ...e
   });
 }
-const kt = "bottom", fe = () => {
-  const [t, e] = $e();
+const kt = "bottom", ue = () => {
+  const [t, e] = Oe();
   return {
     onChangePanel: g(() => {
       var r, s;
@@ -1230,7 +1232,7 @@ const kt = "bottom", fe = () => {
   } = Yn(l, o, d), {
     tippyRef: y,
     onChangePanel: M
-  } = fe();
+  } = ue();
   return /* @__PURE__ */ i(N, {
     width: h,
     children: /* @__PURE__ */ i(pt, {
@@ -1243,7 +1245,7 @@ const kt = "bottom", fe = () => {
       appendTo: a != null ? a : "parent",
       tippyRef: y,
       disabled: m,
-      content: /* @__PURE__ */ i(ae, {
+      content: /* @__PURE__ */ i(fe, {
         ...c,
         onChange: b,
         value: n,
@@ -1326,7 +1328,7 @@ function Ar({
     endDateInputRef: T,
     onClickDay: x,
     startDateIsAfterEnd: I
-  } = Ln(s, c), [$, Y] = S(() => {
+  } = Ln(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]);
@@ -1341,7 +1343,7 @@ function Ar({
     onClickOutside: k,
     content: /* @__PURE__ */ i(F, {
       ...a,
-      dateInFocus: $,
+      dateInFocus: O,
       setDateInFocus: Y,
       statePerMonth: j,
       theme: l,
@@ -1363,11 +1365,11 @@ function Ar({
         inputRef: M,
         size: 9,
         variant: I ? "error" : void 0
-      }), /* @__PURE__ */ i(O, {}), /* @__PURE__ */ i(qt, {
-        icon: Oe,
-        color: re("--lhds-color-ui-500"),
+      }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(qt, {
+        icon: $e,
+        color: se("--lhds-color-ui-500"),
         size: 14
-      }), /* @__PURE__ */ i(O, {}), /* @__PURE__ */ i(nt, {
+      }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(nt, {
         iconLeft: ht,
         onFocus: p,
         value: s != null && s.endDate ? W(s.endDate, t) : "",
@@ -1402,7 +1404,7 @@ const Tr = ({
   const [p, b] = S(!1), {
     tippyRef: w,
     onChangePanel: y
-  } = fe(), M = g(() => {
+  } = ue(), M = g(() => {
     b(!p);
   }, [b, p]), T = g(() => {
     b(!1);
@@ -1410,7 +1412,7 @@ const Tr = ({
     s && s(P);
   }, [s]), I = g((P) => {
     P && (x(W(P, n)), e && setTimeout(() => b(!p), 200));
-  }, [x, n, e, b, p]), $ = !!o && !/^[-/\\.0-9]+$/.test(o), Y = !!o && Ne(ot(o, n, new Date())), _ = !!o && o.length >= n.length && !Y || $;
+  }, [x, n, e, b, p]), O = !!o && !/^[-/\\.0-9]+$/.test(o), Y = !!o && Ne(ot(o, n, new Date())), _ = !!o && o.length >= n.length && !Y || O;
   return /* @__PURE__ */ i(N, {
     width: l,
     children: /* @__PURE__ */ i(pt, {
@@ -1422,7 +1424,7 @@ const Tr = ({
       placement: kt,
       onClickOutside: T,
       tippyRef: w,
-      content: /* @__PURE__ */ i(ae, {
+      content: /* @__PURE__ */ i(fe, {
         ...t,
         onChange: I,
         onChangePanel: y,
@@ -1549,7 +1551,7 @@ const Tr = ({
     onBlur: f,
     width: s
   });
-}, ue = ({
+}, De = ({
   autoFocusLeft: t,
   autoFocusRight: e,
   onEsc: n,
@@ -1574,7 +1576,7 @@ const Tr = ({
   onClickCalendar: T,
   onClickArrowDown: x,
   onBlurLeft: I,
-  onBlurRight: $,
+  onBlurRight: O,
   onFocusLeft: Y,
   onFocusRight: j,
   inputRefLeft: _,
@@ -1596,9 +1598,9 @@ const Tr = ({
     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), $ && $(G);
-  }, [$, L, H]);
+  }, [I, L, H]), ge = g((G) => {
+    L.current--, H(L.current), O && O(G);
+  }, [O, L, H]);
   return /* @__PURE__ */ i(N, {
     children: /* @__PURE__ */ E(We, {
       disableContentPaddingRight: !0,
@@ -1617,13 +1619,13 @@ const Tr = ({
         }), at ? /* @__PURE__ */ E(mt, {
           children: [/* @__PURE__ */ i(R, {
             height: "22px",
-            children: /* @__PURE__ */ i(we, {
+            children: /* @__PURE__ */ i(pe, {
               vertical: !0
             })
           }), /* @__PURE__ */ i(gt, {
             num: 0.5,
             children: /* @__PURE__ */ i(A, {
-              leftIcon: ge,
+              leftIcon: ye,
               onClick: x,
               disabled: v,
               size: "small"
@@ -1659,7 +1661,7 @@ const Tr = ({
         children: /* @__PURE__ */ i(qt, {
           icon: d,
           size: 12,
-          color: re("--lhds-color-ui-500")
+          color: se("--lhds-color-ui-500")
         })
       }), /* @__PURE__ */ i(N, {
         width: ut,
@@ -1673,7 +1675,7 @@ const Tr = ({
           value: m,
           onValueChange: c,
           onChange: D,
-          onBlur: he,
+          onBlur: ge,
           onFocus: Et,
           inputRef: P,
           variant: ct,
@@ -1707,14 +1709,14 @@ const Tr = ({
   if (r < 0 || r > 59)
     throw new Error("Invalid time.");
   return n * 100 + r;
-}, $n = (t) => {
+}, On = (t) => {
   try {
     return Wn(t), !0;
   } catch {
     return !1;
   }
 }, At = (t) => {
-  if (t && $n(t)) {
+  if (t && On(t)) {
     const e = t.split(":");
     return {
       hour: _t(e[0]),
@@ -1725,9 +1727,9 @@ const Tr = ({
     hour: void 0,
     minute: void 0
   };
-}, On = (t) => `${Tt(String(t.getHours()))}:${xt(
+}, $n = (t) => `${Tt(String(t.getHours()))}:${xt(
   String(t.getMinutes())
-)}`, Pn = "_timePicker_1w05d_1", Bn = "_timePickerColumn_1w05d_6", De = {
+)}`, Pn = "_timePicker_1w05d_1", Bn = "_timePickerColumn_1w05d_6", he = {
   timePicker: Pn,
   timePickerColumn: Bn
 }, zn = ({
@@ -1765,7 +1767,7 @@ const Tr = ({
 }) => {
   const s = J(null);
   return /* @__PURE__ */ i(B, {
-    className: De.timePickerColumn,
+    className: he.timePickerColumn,
     ref: s,
     children: e.map((c) => /* @__PURE__ */ i(zn, {
       item: c,
@@ -1795,7 +1797,7 @@ const Tr = ({
     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,
+    className: he.timePicker,
     children: [/* @__PURE__ */ i(Gt, {
       items: jn,
       onClick: o,
@@ -1971,7 +1973,7 @@ const Tr = ({
     localTime: x,
     localDate: I
   } = m, {
-    showCalendar: $,
+    showCalendar: O,
     hideCalendar: Y,
     inputLeftChangeHandler: j,
     inputRightChangeHandler: _,
@@ -1984,14 +1986,14 @@ const Tr = ({
     onClickDay: at,
     onClickCalendarButton: ft,
     onClickArrowButton: ut
-  } = Qn(st, D, $, Y, m);
+  } = Qn(st, D, O, Y, m);
   Kn(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 ? On(t) : x, [t, x]), Mt = Yt(b, 300), Et = Yt(M, 300);
+  }, [Y, T]), H = C(() => t ? $n(t) : x, [t, x]), Mt = Yt(b, 300), Et = Yt(M, 300);
   return /* @__PURE__ */ i(N, {
     onKeyDown: lt,
     children: /* @__PURE__ */ i(pt, {
@@ -2019,7 +2021,7 @@ const Tr = ({
               value: H != null ? H : "",
               onValueChange: P
             })
-          }), /* @__PURE__ */ i(O, {}), /* @__PURE__ */ i(R, {
+          }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(R, {
             justifyContent: "flex-end",
             children: /* @__PURE__ */ i(dt, {
               label: "Done",
@@ -2028,7 +2030,7 @@ const Tr = ({
           })]
         }) : null
       }),
-      children: /* @__PURE__ */ i(ue, {
+      children: /* @__PURE__ */ i(De, {
         autoFocusLeft: c,
         onEsc: r,
         onEnter: n,
@@ -2263,7 +2265,7 @@ function Ir({
     setCurrentPanel: x
   } = b, {
     showCalendar: I,
-    hideCalendar: $,
+    hideCalendar: O,
     inputLeftChangeHandler: Y,
     inputRightChangeHandler: j
   } = Zn(u, m, e, b), {
@@ -2273,7 +2275,7 @@ function Ir({
     onClickDay: lt,
     onClickCalendarButton: ct,
     onClickArrowButton: K
-  } = vn(u, m, e, k, p, I, $, b);
+  } = vn(u, m, e, k, p, I, O, b);
   Xn(u, m, y, k, p);
   const at = C(() => u && m && et(u, m), [u, m]), ft = C(() => Pe(l == null ? void 0 : l.statePerMonth, u, m, w), [l == null ? void 0 : l.statePerMonth, u, m, w]), ut = Yt(M, 300);
   return /* @__PURE__ */ i(N, {
@@ -2283,7 +2285,7 @@ function Ir({
       lazy: !0,
       disabled: D,
       placement: kt,
-      onClickOutside: $,
+      onClickOutside: O,
       visible: M,
       content: ut && /* @__PURE__ */ i(F, {
         onClickDay: lt,
@@ -2296,13 +2298,13 @@ function Ir({
         ...l,
         statePerMonth: ft
       }),
-      children: /* @__PURE__ */ i(ue, {
+      children: /* @__PURE__ */ i(De, {
         autoFocusLeft: n,
         onEsc: c,
         onEnter: s,
         onBlur: r,
         disabled: D,
-        separatorIcon: ye,
+        separatorIcon: me,
         typeLeft: "date",
         typeRight: "date",
         placeholderLeft: "Start date",
@@ -2330,7 +2332,7 @@ function Ir({
 }
 export {
   Lt as Calendar,
-  ie as CalendarDay,
+  oe as CalendarDay,
   Rr as DateInput,
   br as DateRangeCalendar,
   Ir as DateRangeDualTextInput,
@@ -2342,7 +2344,7 @@ export {
   hn as MonthPicker,
   Sr as MultiDateCalendar,
   yn as PresetPicker,
-  ae as SingleDateCalendar,
+  fe as SingleDateCalendar,
   Mr as SingleWeekCalendar,
   xr as TimeTextInput,
   _e as WeekDay,
@@ -2350,7 +2352,7 @@ export {
   en as WeekNumberCell,
   wn as YearPicker,
   X as addDayStateHighlights,
-  se as addDayStateHighlightsOnSingleDay,
+  ce as addDayStateHighlightsOnSingleDay,
   ze as addWeekRangeHighlights,
   mr as addWeekStateHighlights,
   wt as buildDayStateForDateRange,
@@ -2366,16 +2368,16 @@ export {
   Fe as defaultWrapperStyleProvider,
   wr as extranetCalendarTheme,
   Ge as getDaysForWeekForDate,
-  ce as getMonthInYear,
+  ie as getMonthInYear,
   Jt as getMonthsInYear,
   jt as getWeekForDate,
   Je as getWeeksForMonth,
-  oe as isDateRangeInvalid,
+  de as isDateRangeInvalid,
   gr as setDayStateValue,
   yr as setDayStateValueFunction,
   En as stringsToDateRange,
   pr as toggleDateStringsIfEndIsEarlierThanStart,
-  de as toggleDatesIfEndIsEarlierThanStart,
+  le as toggleDatesIfEndIsEarlierThanStart,
   kr as useDateRangeCalendarState,
   Nn as useDateRangeExclusionSelection,
   Rn as useDateRangeSelection,