@stenajs-webui/calendar 23.17.2 → 23.18.0

package/dist/index.es.js

@@ -1,8 +1,8 @@
 import { jsx as o, jsxs as N, Fragment as vt } from "react/jsx-runtime";
-import { Box as L, Text as Ce, Clickable as sn, Row as V, Spacing as Fn, useToday as xe, Column as Q, Heading as Fe, exhaustSwitchCase as Ct, Space as Ie, Indent as Ae, SeparatorLine as On, parseIntElseUndefined as Et, useBoolean as mt, useDelayedFalse as Lt, useOnClickOutside as an } from "@stenajs-webui/core";
+import { Box as L, Text as Ce, Clickable as sn, Row as V, Spacing as Yn, useToday as xe, Column as Q, Heading as Ye, exhaustSwitchCase as Ct, Space as Ie, Indent as Ae, SeparatorLine as On, parseIntElseUndefined as Et, useBoolean as mt, useDelayedFalse as Lt, useOnClickOutside as an } from "@stenajs-webui/core";
 import { FlatButton as Z, stenaAngleDown as kt, PrimaryButton as _e, stenaAngleLeft as Wn, stenaAngleRight as $n, SecondaryButton as he, stenaAngleLeftDouble as Un, stenaArrowLeft as tt, stenaArrowRight as Oe, stenaAngleRightDouble as Vn, TextInputButton as jn, stenaCalendar as Pe, Icon as on, stenaArrowWideRight as zn, stenaClock as cn, Label as Kn, FlatButtonLink as qn, BaseButton as Gn, stenaBellFilled as Jn, MenuButton as Qn, stenaAngleUp as Zn, CardBody as ln } from "@stenajs-webui/elements";
-import { isAfter as G, eachDayOfInterval as dn, isSameDay as P, endOfMonth as un, startOfMonth as fn, min as hn, addDays as te, max as gn, subDays as we, format as z, getISOWeek as St, getDate as nt, startOfWeek as Qe, addWeeks as Xn, getMonth as ye, getYear as He, getWeek as mn, getISODay as er, addHours as pn, isBefore as Ne, parse as ve, addMonths as We, isSameMonth as me, addYears as tr, subMonths as Mt, subYears as nr, setWeek as rr, isValid as sr, isSameYear as ar, intlFormat as Dn, isWithinInterval as or } from "date-fns";
-import { enGB as Ze, pl as At, fr as Pt, es as Ht, cs as Yt, fi as Ft, et as Ot, it as Wt, lt as $t, lv as Ut, da as Vt, sv as jt, nb as zt, de as Kt, nl as qt, nlBE as ir, deAT as cr, enIE as lr, enUS as dr } from "date-fns/locale";
+import { isAfter as G, eachDayOfInterval as dn, isSameDay as P, endOfMonth as un, startOfMonth as fn, min as hn, addDays as te, max as gn, subDays as we, format as z, getISOWeek as St, getDate as nt, startOfWeek as Qe, addWeeks as Xn, getMonth as ye, getYear as Fe, getWeek as mn, getISODay as er, addHours as pn, isBefore as Ne, parse as ve, addMonths as We, isSameMonth as me, addYears as tr, subMonths as Mt, subYears as nr, setWeek as rr, isValid as sr, isSameYear as ar, intlFormat as Dn, isWithinInterval as or } from "date-fns";
+import { enGB as Ze, pl as At, fr as Pt, es as Ft, cs as Ht, fi as Yt, et as Ot, it as Wt, lt as $t, lv as Ut, da as Vt, sv as jt, nb as zt, de as Kt, nl as qt, nlBE as ir, deAT as cr, enIE as lr, enUS as dr } from "date-fns/locale";
 import { last as ur, chunk as bn, debounce as fr, padStart as hr, range as It } from "lodash-es";
 import * as Rt from "react";
 import { useMemo as x, useRef as $, useEffect as ae, useCallback as w, useId as Tt, useState as M, forwardRef as rt, createContext as gr, useLayoutEffect as wn } from "react";
@@ -17,7 +17,7 @@ import './index.css';const de = {
   yearAndMonth: "yyyy-MM",
   fullDate: "yyyy-MM-dd",
   fullMonthName: "LLLL"
-}, Ye = (e = {}, t, n) => {
+}, He = (e = {}, t, n) => {
   if (t && n && G(n, t))
     return dn({ start: t, end: n }).reduce(
       (s, a) => {
@@ -34,11 +34,11 @@ import './index.css';const de = {
   n,
   fn(r),
   un(r)
-), wr = (e = {}, t, n, r, s) => t && n ? Ye(
+), wr = (e = {}, t, n, r, s) => t && n ? He(
   e,
   gn([t, we(r, 1)]),
   hn([n, te(s, 1)])
-) : Ye(e, t, n), Oa = (e, t, n) => {
+) : He(e, t, n), Oa = (e, t, n) => {
   const r = z(t, de.yearAndMonth), s = St(t), a = nt(t);
   return {
     ...e,
@@ -107,7 +107,7 @@ import './index.css';const de = {
     return { ...e };
   const n = t.days[0].date, r = ur(t.days)?.date;
   return {
-    ...Ye(e, n, r)
+    ...He(e, n, r)
   };
 }, vr = (e, t) => x(() => e ? ge(t, /* @__PURE__ */ new Date(), ["today"]) : t, [e, t]), st = (e) => e.length === 0 ? e : e.length === 1 ? e.toUpperCase() : e.charAt(0).toUpperCase() + e.slice(1);
 var Cr = /* @__PURE__ */ ((e) => (e[e.JANUARY = 0] = "JANUARY", e[e.FEBRUARY = 1] = "FEBRUARY", e[e.MARCH = 2] = "MARCH", e[e.APRIL = 3] = "APRIL", e[e.MAY = 4] = "MAY", e[e.JUNE = 5] = "JUNE", e[e.JULY = 6] = "JULY", e[e.AUGUST = 7] = "AUGUST", e[e.SEPTEMBER = 8] = "SEPTEMBER", e[e.OCTOBER = 9] = "OCTOBER", e[e.NOVEMBER = 10] = "NOVEMBER", e[e.DECEMBER = 11] = "DECEMBER", e))(Cr || {}), kr = /* @__PURE__ */ ((e) => (e[e.SUNDAY = 0] = "SUNDAY", e[e.MONDAY = 1] = "MONDAY", e[e.TUESDAY = 2] = "TUESDAY", e[e.WEDNESDAY = 3] = "WEDNESDAY", e[e.THURSDAY = 4] = "THURSDAY", e[e.FRIDAY = 5] = "FRIDAY", e[e.SATURDAY = 6] = "SATURDAY", e))(kr || {});
@@ -143,9 +143,9 @@ const Gt = (e, t, n, r) => {
   return {
     weekNumber: mn(e, { locale: t }),
     startMonth: ye(e),
-    startYear: He(e),
+    startYear: Fe(e),
     endMonth: ye(te(e, 6)),
-    endYear: He(te(e, 6)),
+    endYear: Fe(te(e, 6)),
     days: Ir(e, t),
     isLastWeekOfMonth: n
   };
@@ -157,7 +157,7 @@ const Gt = (e, t, n, r) => {
     fullName: z(e, "EEEE", t ? { locale: t } : void 0),
     dateString: z(pn(e, 12), de.fullDate),
     weekNumber: mn(e, { locale: t }),
-    year: He(e),
+    year: Fe(e),
     month: ye(e),
     dayOfMonth: nt(e),
     dayOfWeek: n,
@@ -482,7 +482,7 @@ const Gt = (e, t, n, r) => {
       ) : i
     }
   );
-}, Pr = (e, t, n) => t && Ne(e, t) ? P(e, t) : n && G(e, n) ? P(e, n) : !0, Hr = function({
+}, Pr = (e, t, n) => t && Ne(e, t) ? P(e, t) : n && G(e, n) ? P(e, n) : !0, Fr = function({
   dayComponent: t,
   minDate: n,
   maxDate: r,
@@ -496,7 +496,7 @@ const Gt = (e, t, n, r) => {
   );
   return /* @__PURE__ */ o(t, { day: a, ...i, dayState: c });
 };
-function Yr({
+function Hr({
   month: e,
   dayComponent: t = vn,
   statePerWeek: n,
@@ -560,7 +560,7 @@ function Yr({
           }
         ) }),
         C.days.map((m) => /* @__PURE__ */ o(
-          Hr,
+          Fr,
           {
             dayComponent: t,
             day: m,
@@ -581,7 +581,7 @@ function Yr({
     ] }) })
   ] }) });
 }
-function Fr({
+function Yr({
   monthRows: e,
   dayComponent: t = vn,
   userDataPerMonth: n,
@@ -614,8 +614,8 @@ function Fr({
         Jt.calendar,
         y && Jt.weekNumberVisible
       ),
-      children: e.map((b, D) => /* @__PURE__ */ o(Fn, { children: /* @__PURE__ */ o(V, { gap: 2, children: b.map((k) => /* @__PURE__ */ o(
-        Yr,
+      children: e.map((b, D) => /* @__PURE__ */ o(Yn, { children: /* @__PURE__ */ o(V, { gap: 2, children: b.map((k) => /* @__PURE__ */ o(
+        Hr,
         {
           month: k,
           dayComponent: t,
@@ -655,7 +655,7 @@ function pt(e) {
     e.statePerMonth
   );
   return /* @__PURE__ */ o(
-    Fr,
+    Yr,
     {
       year: n,
       month: r,
@@ -674,12 +674,12 @@ const Or = (e, t, n) => {
   if (n)
     return {
       month: ye(n),
-      year: He(n)
+      year: Fe(n)
     };
   const r = /* @__PURE__ */ new Date();
   return {
     month: ye(r),
-    year: He(r)
+    year: Fe(r)
   };
 }, Wr = (e, t, n, r, s) => r == null ? [[at(e, t, n)]] : s == null ? [Gt(e, t, r, n)] : bn(Gt(e, t, r, n), s), Cn = (e, t) => `${e.row}-${e.column}-${t}`, $r = (e, t, n, r) => {
   let s = t;
@@ -711,9 +711,9 @@ const Or = (e, t, n) => {
   "lt-LT": $t,
   "it-IT": Wt,
   "et-EE": Ot,
-  "fi-FI": Ft,
-  "cs-CZ": Yt,
-  "es-ES": Ht,
+  "fi-FI": Yt,
+  "cs-CZ": Ht,
+  "es-ES": Ft,
   "fr-FR": Pt,
   "pl-PL": At,
   nl: qt,
@@ -725,9 +725,9 @@ const Or = (e, t, n) => {
   lt: $t,
   it: Wt,
   et: Ot,
-  fi: Ft,
-  cs: Yt,
-  es: Ht,
+  fi: Yt,
+  cs: Ht,
+  es: Ft,
   fr: Pt,
   pl: At
 }, kn = "en-GB", Va = "sv", Sn = (e, t, n) => {
@@ -856,7 +856,7 @@ const Or = (e, t, n) => {
   return /* @__PURE__ */ o(Q, { gap: 1, maxWidth: qr(i), onKeyDown: p, children: g.yearOrder.map((y, v) => {
     const { rows: C } = g.years[y];
     return /* @__PURE__ */ N(Rt.Fragment, { children: [
-      (v !== 0 || y !== l.getFullYear()) && /* @__PURE__ */ o(Fe, { variant: "h4", children: y }),
+      (v !== 0 || y !== l.getFullYear()) && /* @__PURE__ */ o(Ye, { variant: "h4", children: y }),
       /* @__PURE__ */ o("table", { style: { borderSpacing: "0 8px" }, children: /* @__PURE__ */ o("tbody", { children: C.map((m) => {
         const { columns: b } = g.rows[m];
         return /* @__PURE__ */ o("tr", { children: b.map(({ month: D, position: k }) => /* @__PURE__ */ o("td", { children: /* @__PURE__ */ o(
@@ -1201,7 +1201,7 @@ const ns = (e, t) => e || (t || 1) > 1 ? "below" : "header", rs = (e) => ({
     e,
     r
   ), g = x(
-    () => Ye(
+    () => He(
       s,
       t?.startDate,
       t?.endDate
@@ -1386,6 +1386,8 @@ const Ve = "bottom", ds = (e, t, n) => {
     $e,
     {
       hideArrow: !0,
+      restoreFocus: !1,
+      returnFocus: !1,
       open: v,
       onRequestClose: y,
       appendTo: f,
@@ -1479,13 +1481,15 @@ function Za({
   } = us(r, s), [B, R] = M(
     () => (b && r?.[b]) ?? /* @__PURE__ */ new Date()
   ), _ = x(
-    () => Ye(void 0, r?.startDate, r?.endDate),
+    () => He(void 0, r?.startDate, r?.endDate),
     [r]
   );
   return /* @__PURE__ */ o(
     $e,
     {
       hideArrow: !0,
+      restoreFocus: !1,
+      returnFocus: !1,
       appendTo: h,
       zIndex: g,
       renderTrigger: (A) => /* @__PURE__ */ N(V, { alignItems: "center", ...A, children: [
@@ -1766,9 +1770,9 @@ const Xa = ({
   onFocusLeft: R,
   onFocusRight: _,
   inputRefLeft: A,
-  inputRefRight: F,
+  inputRefRight: Y,
   variant: E,
-  variantLeft: H,
+  variantLeft: F,
   variantRight: q,
   onBlur: J,
   showPresets: T,
@@ -1776,31 +1780,31 @@ const Xa = ({
   widthRight: U,
   disabled: j
 }) => {
-  const O = $(0), Y = x(
+  const O = $(0), H = x(
     () => fr((W) => {
       W === 0 && J?.();
     }, 10),
     [J]
   ), X = w(
     (W) => {
-      O.current++, Y(O.current), R && R(W);
+      O.current++, H(O.current), R && R(W);
     },
-    [R, O, Y]
+    [R, O, H]
   ), re = w(
     (W) => {
-      O.current++, Y(O.current), _ && _(W);
+      O.current++, H(O.current), _ && _(W);
     },
-    [_, O, Y]
+    [_, O, H]
   ), oe = w(
     (W) => {
-      O.current--, Y(O.current), I && I(W);
+      O.current--, H(O.current), I && I(W);
     },
-    [I, O, Y]
+    [I, O, H]
   ), ue = w(
     (W) => {
-      O.current--, Y(O.current), B && B(W);
+      O.current--, H(O.current), B && B(W);
     },
-    [B, O, Y]
+    [B, O, H]
   );
   return /* @__PURE__ */ o(L, { children: /* @__PURE__ */ N(
     mr,
@@ -1847,7 +1851,7 @@ const Xa = ({
             onBlur: oe,
             onFocus: X,
             inputRef: A,
-            variant: H,
+            variant: F,
             type: d,
             autoFocus: e,
             min: y,
@@ -1876,7 +1880,7 @@ const Xa = ({
             onChange: g,
             onBlur: ue,
             onFocus: re,
-            inputRef: F,
+            inputRef: Y,
             variant: q,
             type: u,
             autoFocus: t,
@@ -2213,9 +2217,9 @@ const Xa = ({
   } = v, {
     showCalendar: _,
     hideCalendar: A,
-    inputLeftChangeHandler: F,
+    inputLeftChangeHandler: Y,
     inputRightChangeHandler: E,
-    onChangeTime: H,
+    onChangeTime: F,
     onChangeDate: q
   } = ks(e, t, v, p), {
     onKeyDownHandler: J,
@@ -2232,7 +2236,7 @@ const Xa = ({
     v
   );
   Cs(e, k, p);
-  const Y = x(() => {
+  const H = x(() => {
     const W = e || R;
     return W ? ge(void 0, W, [
       "singleSelected",
@@ -2248,6 +2252,8 @@ const Xa = ({
     $e,
     {
       hideArrow: !0,
+      restoreFocus: !1,
+      returnFocus: !1,
       zIndex: g,
       appendTo: f,
       renderTrigger: (W) => /* @__PURE__ */ o(L, { ...W, children: /* @__PURE__ */ o(
@@ -2263,7 +2269,7 @@ const Xa = ({
           typeRight: "time",
           placeholderLeft: "yyyy-mm-dd",
           placeholderRight: "hh:mm",
-          onChangeLeft: F,
+          onChangeLeft: Y,
           onChangeRight: E,
           onClickArrowDown: O,
           onClickCalendar: j,
@@ -2287,7 +2293,7 @@ const Xa = ({
       children: (oe || ue) && /* @__PURE__ */ o(Q, { children: oe ? /* @__PURE__ */ o(
         Se,
         {
-          statePerMonth: Y,
+          statePerMonth: H,
           onClickDay: U,
           dateInFocus: D,
           setDateInFocus: k,
@@ -2301,7 +2307,7 @@ const Xa = ({
           vs,
           {
             value: re ?? "",
-            onValueChange: H
+            onValueChange: F
           }
         ) }),
         /* @__PURE__ */ o(Ie, {}),
@@ -2566,9 +2572,9 @@ function ro({
     currentPanel: _,
     setCurrentPanel: A
   } = S, {
-    showCalendar: F,
+    showCalendar: Y,
     hideCalendar: E,
-    inputLeftChangeHandler: H,
+    inputLeftChangeHandler: F,
     inputRightChangeHandler: q
   } = xs(m, b, t, S), {
     onKeyDownHandler: J,
@@ -2583,7 +2589,7 @@ function ro({
     t,
     D,
     k,
-    F,
+    Y,
     E,
     S
   );
@@ -2594,7 +2600,7 @@ function ro({
     D,
     k
   );
-  const Y = x(
+  const H = x(
     () => m && b && G(m, b),
     [m, b]
   ), X = x(
@@ -2627,7 +2633,7 @@ function ro({
           typeRight: "date",
           placeholderLeft: "Start date",
           placeholderRight: "End date",
-          onChangeLeft: H,
+          onChangeLeft: F,
           onChangeRight: q,
           onClickArrowDown: O,
           onClickCalendar: j,
@@ -2637,7 +2643,7 @@ function ro({
           onClickRight: T,
           inputRefLeft: D,
           inputRefRight: k,
-          variant: Y ? "error" : f,
+          variant: H ? "error" : f,
           widthLeft: d,
           widthRight: u,
           minLeft: i,
@@ -2716,7 +2722,7 @@ const bt = ({
       f?.(E), I(!1);
     },
     [f]
-  ), F = S ? y : p ?? y;
+  ), Y = S ? y : p ?? y;
   return m === "standard" ? /* @__PURE__ */ o(Kn, { text: C ?? "", children: /* @__PURE__ */ o(
     pe,
     {
@@ -2727,7 +2733,7 @@ const bt = ({
       "aria-live": "polite",
       value: (S ? i : v) ?? "",
       inputRef: B,
-      placeholder: F,
+      placeholder: Y,
       onFocus: _,
       onBlur: A,
       onChange: R,
@@ -2745,7 +2751,7 @@ const bt = ({
       "aria-live": "polite",
       value: (S ? i : v) ?? "",
       ref: B,
-      placeholder: F,
+      placeholder: Y,
       onFocus: _,
       onBlur: A,
       onChange: R,
@@ -2824,9 +2830,9 @@ const bt = ({
   const n = le(e, t);
   if (n != null)
     return be(n, t);
-}, Hs = "_navBarButton_b3x3w_1", Ys = "_selected_b3x3w_14", en = {
-  navBarButton: Hs,
-  selected: Ys
+}, Fs = "_navBarButton_b3x3w_1", Hs = "_selected_b3x3w_14", en = {
+  navBarButton: Fs,
+  selected: Hs
 };
 rt(
   function({ selected: e, className: t, ...n }, r) {
@@ -2844,8 +2850,8 @@ rt(
     );
   }
 );
-const Fs = "_navBarLink_1u1b2_1", Os = "_selected_1u1b2_14", tn = {
-  navBarLink: Fs,
+const Ys = "_navBarLink_1u1b2_1", Os = "_selected_1u1b2_14", tn = {
+  navBarLink: Ys,
   selected: Os
 };
 rt(
@@ -3069,7 +3075,7 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
       { month: "long", year: "numeric" },
       { locale: d.code }
     )
-  ), [d, m]), I = x(() => me(h, m), [h, m]), [B, R] = M(), [_, A] = M("calendar"), F = w(
+  ), [d, m]), I = x(() => me(h, m), [h, m]), [B, R] = M(), [_, A] = M("calendar"), Y = w(
     (T) => {
       const K = T?.startDate?.length === f.length ? le(T.startDate, n) : void 0, U = T?.endDate?.length === f.length ? le(T.endDate, n) : void 0;
       K ? D(K) : U && D(U), t?.({
@@ -3087,17 +3093,17 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
   ), E = x(
     () => p && y ? G(y, p) || P(y, p) : !1,
     [y, p]
-  ), H = x(() => {
+  ), F = x(() => {
     const T = a === "startDate" ? e?.endDate : e?.startDate;
     return T ? le(T, n) : void 0;
   }, [a, n, e?.endDate, e?.startDate]), q = x(() => {
-    if (B && H) {
+    if (B && F) {
       if (a === "endDate")
         return "right";
       if (a === "startDate")
         return "left";
     }
-  }, [a, H, B]);
+  }, [a, F, B]);
   return {
     onClickDate: (T) => {
       if (!(T.getFullYear() === m.getFullYear() && T.getMonth() === m.getMonth()))
@@ -3105,7 +3111,7 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
       const U = (j, O) => t?.(
         js(
           j,
-          (Y) => le(Y, n),
+          (H) => le(H, n),
           O
         )
       );
@@ -3135,7 +3141,7 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
         "startDate"
       ), c("endDate"));
     },
-    onValueChangeByInputs: F,
+    onValueChangeByInputs: Y,
     isValidDateRange: E,
     monthPickerButtonRef: g,
     calendarId: u,
@@ -3147,7 +3153,7 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
     todayIsInVisibleMonth: I,
     hoverDate: B,
     setHoverDate: R,
-    hoverAnchor: H,
+    hoverAnchor: F,
     hoverHighlightDirection: q,
     selectedStartDate: p,
     selectedEndDate: y,
@@ -3376,11 +3382,11 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
   hoverHighlightDirection: C
 }) => {
   const m = w(
-    async (F) => {
-      const E = la(r.date, F.key), H = (E && p?.(E)) ?? !1;
-      E && !H && (c(E), me(r.date, E) ? document.getElementById(ft(E, f))?.focus() : (n(E), setTimeout(() => {
+    async (Y) => {
+      const E = la(r.date, Y.key), F = (E && p?.(E)) ?? !1;
+      E && !F && (c(E), me(r.date, E) ? document.getElementById(ft(E, f))?.focus() : (n(E), setTimeout(() => {
         document.getElementById(ft(E, f))?.focus();
-      }, 10))), (F.key === "Enter" || F.code === "Space") && e(r.date);
+      }, 10))), (Y.key === "Enter" || Y.code === "Space") && e(r.date);
     },
     [
       f,
@@ -3545,20 +3551,20 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
   nextMonthButtonTestId: R,
   textInputVariant: _ = "standard",
   autoFocusStartDate: A,
-  autoFocusEndDate: F
+  autoFocusEndDate: Y
 }) => {
-  const [E, H] = M(!1), [q, J] = M(!1), [T, K] = M({
+  const [E, F] = M(!1), [q, J] = M(!1), [T, K] = M({
     // Sane defaults, this will be updated with actual data from DOM.
     width: 336,
     height: 66
-  }), [U, j] = M(void 0), O = $(null), Y = $(null), X = (ee) => {
-    ee === "startDate" ? O.current?.focus() : ee === "endDate" && Y.current?.focus();
+  }), [U, j] = M(void 0), O = $(null), H = $(null), X = (ee) => {
+    ee === "startDate" ? O.current?.focus() : ee === "endDate" && H.current?.focus();
   }, re = S === "large" ? "8.8rem" : "6.6rem", oe = $(!1), ue = w((ee) => {
     j(ee), oe.current = !0, J(!0), setTimeout(() => {
-      H(!0);
+      F(!0);
     }, 10);
   }, []), W = w(() => {
-    q && (H(!1), oe.current = !1, D?.(), setTimeout(() => {
+    q && (F(!1), oe.current = !1, D?.(), setTimeout(() => {
       oe.current || J(!1);
     }, 120));
   }, [q, D]), ze = $(null), Me = $(null);
@@ -3580,10 +3586,10 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
     visiblePanel: Ke,
     visibleMonth: ce,
     onValueChangeByInputs: Ee,
-    setVisibleMonth: Hn,
+    setVisibleMonth: Fn,
     setVisiblePanel: Nt,
     monthPickerButtonRef: Bt
-  } = De, Yn = w(
+  } = De, Hn = w(
     (ee) => {
       ee.key === "Escape" && W();
     },
@@ -3595,7 +3601,7 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
       position: "relative",
       className: ht.travelDateRangeInput,
       ref: ze,
-      onKeyDown: Yn,
+      onKeyDown: Hn,
       height: T.height,
       width: T.width,
       children: [
@@ -3612,7 +3618,7 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
                 value: e,
                 onValueChange: Ee,
                 startDateRef: O,
-                endDateRef: Y,
+                endDateRef: H,
                 localeCode: s,
                 startDateLabel: n,
                 endDateLabel: r,
@@ -3622,7 +3628,7 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
                 placeholderWhenBlurredEndDate: u,
                 variant: _,
                 autoFocusStartDate: A,
-                autoFocusEndDate: F,
+                autoFocusEndDate: Y,
                 readOnlyOnMobile: !0
               }
             )
@@ -3643,7 +3649,7 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
                 shadow: "popover",
                 borderRadius: "var(--swui-border-radius-large)",
                 children: /* @__PURE__ */ N(ln, { gap: 3, children: [
-                  h && /* @__PURE__ */ o(Fe, { variant: "h2", as: g, children: h }),
+                  h && /* @__PURE__ */ o(Ye, { variant: "h2", as: g, children: h }),
                   /* @__PURE__ */ o(L, { height: re }),
                   /* @__PURE__ */ o(
                     it,
@@ -3677,7 +3683,7 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
                       size: S,
                       localeCode: a,
                       onValueChange: (ee) => {
-                        Hn(ee), Nt("calendar"), Bt.current?.focus();
+                        Fn(ee), Nt("calendar"), Bt.current?.focus();
                       },
                       onCancel: () => {
                         Nt("calendar"), Bt.current?.focus();
@@ -3824,7 +3830,7 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
   nextMonthButtonTestId: B,
   textInputVariant: R = "standard"
 }) => {
-  const [_, A] = M(!1), [F, E] = M(!1), [H, q] = M({
+  const [_, A] = M(!1), [Y, E] = M(!1), [F, q] = M({
     // Sane defaults, this will be updated with actual data from DOM.
     width: 336,
     height: 66
@@ -3833,18 +3839,18 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
       A(!0);
     }, 10);
   }, []), U = w(() => {
-    F && (A(!1), T.current = !1, b?.(), setTimeout(() => {
+    Y && (A(!1), T.current = !1, b?.(), setTimeout(() => {
       T.current || E(!1);
     }, 120));
-  }, [F, b]), j = w(() => {
+  }, [Y, b]), j = w(() => {
     setTimeout(() => {
       U();
     }, 250);
-  }, [U]), O = $(null), Y = $(null);
+  }, [U]), O = $(null), H = $(null);
   an(O, U), wn(() => {
-    const ce = Y.current?.offsetWidth, Ee = Y.current?.offsetHeight;
-    ce != null && Ee != null && (H.height !== Ee || H.width !== ce) && q({ width: ce, height: Ee });
-  }, [H.height, H.width]);
+    const ce = H.current?.offsetWidth, Ee = H.current?.offsetHeight;
+    ce != null && Ee != null && (F.height !== Ee || F.width !== ce) && q({ width: ce, height: Ee });
+  }, [F.height, F.width]);
   const X = Pn(
     e,
     t,
@@ -3873,15 +3879,15 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
       className: gt.travelDateInput,
       ref: O,
       onKeyDown: Ke,
-      height: H.height,
-      width: H.width,
+      height: F.height,
+      width: F.width,
       children: [
         /* @__PURE__ */ o(
           L,
           {
             position: "absolute",
-            ref: Y,
-            zIndex: F ? C : m,
+            ref: H,
+            zIndex: Y ? C : m,
             children: /* @__PURE__ */ o(
               An,
               {
@@ -3900,7 +3906,7 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
             )
           }
         ),
-        F && /* @__PURE__ */ o(
+        Y && /* @__PURE__ */ o(
           L,
           {
             position: "absolute",
@@ -3915,7 +3921,7 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
                 shadow: "popover",
                 borderRadius: "var(--swui-border-radius-large)",
                 children: /* @__PURE__ */ N(ln, { gap: 3, children: [
-                  u && /* @__PURE__ */ o(Fe, { variant: "h2", as: h, children: u }),
+                  u && /* @__PURE__ */ o(Ye, { variant: "h2", as: h, children: u }),
                   /* @__PURE__ */ o(L, { height: J }),
                   /* @__PURE__ */ o(
                     it,
@@ -4005,11 +4011,11 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
     onValueChangeByInputs: R,
     setVisibleMonth: _,
     setVisiblePanel: A,
-    monthPickerButtonRef: F,
+    monthPickerButtonRef: Y,
     selectedDate: E
   } = S;
   return /* @__PURE__ */ N(Q, { gap: 3, children: [
-    d && /* @__PURE__ */ o(Fe, { variant: "h2", as: u, children: d }),
+    d && /* @__PURE__ */ o(Ye, { variant: "h2", as: u, children: d }),
     /* @__PURE__ */ o(
       An,
       {
@@ -4060,11 +4066,11 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
         value: B,
         localeCode: s,
         size: C,
-        onValueChange: (H) => {
-          _(H), A("calendar"), F.current?.focus();
+        onValueChange: (F) => {
+          _(F), A("calendar"), Y.current?.focus();
         },
         onCancel: () => {
-          A("calendar"), F.current?.focus();
+          A("calendar"), Y.current?.focus();
         }
       }
     )
@@ -4096,9 +4102,9 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
   autoFocusStartDate: I,
   autoFocusEndDate: B
 }) => {
-  const [R, _] = M(void 0), A = $(null), F = $(null), E = w((Y) => {
-    Y === "startDate" ? A.current?.focus() : Y === "endDate" && F.current?.focus();
-  }, []), H = Ln(
+  const [R, _] = M(void 0), A = $(null), Y = $(null), E = w((H) => {
+    H === "startDate" ? A.current?.focus() : H === "endDate" && Y.current?.focus();
+  }, []), F = Ln(
     e,
     t,
     s,
@@ -4108,8 +4114,8 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
     _,
     E,
     void 0
-  ), q = w((Y) => {
-    _(Y);
+  ), q = w((H) => {
+    _(H);
   }, []), {
     visiblePanel: J,
     visibleMonth: T,
@@ -4117,17 +4123,17 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
     setVisibleMonth: U,
     setVisiblePanel: j,
     monthPickerButtonRef: O
-  } = H;
+  } = F;
   return /* @__PURE__ */ N(Q, { gap: 3, children: [
-    d && /* @__PURE__ */ o(Fe, { variant: "h2", as: u, children: d }),
+    d && /* @__PURE__ */ o(Ye, { variant: "h2", as: u, children: d }),
     /* @__PURE__ */ o(
       En,
       {
-        ...H,
+        ...F,
         value: e,
         onValueChange: K,
         startDateRef: A,
-        endDateRef: F,
+        endDateRef: Y,
         localeCode: s,
         startDateLabel: n,
         endDateLabel: r,
@@ -4144,7 +4150,7 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
     /* @__PURE__ */ o(
       it,
       {
-        ...H,
+        ...F,
         previousMonthButtonAriaLabel: c,
         nextMonthButtonAriaLabel: l,
         calendarSize: v,
@@ -4157,7 +4163,7 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
     J === "calendar" && /* @__PURE__ */ o(
       ct,
       {
-        ...H,
+        ...F,
         size: v,
         multiSelectable: !0,
         isDateDisabled: g,
@@ -4172,8 +4178,8 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
         value: T,
         size: v,
         localeCode: a,
-        onValueChange: (Y) => {
-          U(Y), j("calendar"), O.current?.focus();
+        onValueChange: (H) => {
+          U(H), j("calendar"), O.current?.focus();
         },
         onCancel: () => {
           j("calendar"), O.current?.focus();
@@ -4222,7 +4228,7 @@ export {
   yn as addDayStateHighlightsOnSingleDay,
   yr as addWeekRangeHighlights,
   $a as addWeekStateHighlights,
-  Ye as buildDayStateForDateRange,
+  He as buildDayStateForDateRange,
   wr as buildDayStateForRange,
   br as buildDayStateForSingleMonth,
   Rr as calculateOverflowingMonth,