@stenajs-webui/calendar 23.12.0 → 23.12.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.es.js CHANGED
@@ -1,9 +1,9 @@
1
1
  (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._calendar_hknk7_1{--swui-calendar-day-width: 48px;--swui-calendar-day-height: 48px;--swui-calendar-day-border-radius: var(--swui-max-border-radius);--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(--modern-blue);--swui-calendar-wrapper-selected-background: var(--modern-blue);--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-50);--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_hknk7_1 table{border-spacing:0 4px}._calendar_hknk7_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_hknk7_1._weekNumberVisible_hknk7_41 tr td:nth-child(2),._calendar_hknk7_1:not(._weekNumberVisible_hknk7_41) tr td:first-child{border-top-left-radius:var(--swui-calendar-day-border-radius);border-bottom-left-radius:var(--swui-calendar-day-border-radius)}._calendar_hknk7_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}._travelDateCell_1t2af_1{position:relative}._travelDateCell_1t2af_1._smaller_1t2af_4{width:40px;height:40px}._travelDateCell_1t2af_1._small_1t2af_4{width:44px;height:44px}._travelDateCell_1t2af_1._medium_1t2af_14{width:48px;height:48px}._travelDateCell_1t2af_1._large_1t2af_19{width:56px;height:28px}._travelDateCell_1t2af_1{border-radius:var(--swui-max-border-radius)}._travelDateCell_1t2af_1:focus{outline:none}._travelDateCell_1t2af_1:focus-visible ._outline_1t2af_31{outline:var(--swui-focus-outline);outline-width:var(--swui-focus-outline-width);background:transparent;position:absolute;border-radius:var(--swui-max-border-radius);inset:0;z-index:10}._travelDateCell_1t2af_1:focus-visible ._contentWrapper_1t2af_44._contentWrapper_1t2af_44._contentWrapper_1t2af_44{border-color:transparent}._travelDateCell_1t2af_1 ._contentWrapper_1t2af_44{cursor:pointer;border-radius:var(--swui-max-border-radius);border-width:2px;border-style:solid;border-color:transparent;background:transparent;position:absolute;display:flex;align-items:center;justify-content:center;inset:0}._travelDateCell_1t2af_1 ._contentWrapper_1t2af_44._disabled_1t2af_65{cursor:not-allowed}._travelDateCell_1t2af_1 ._contentWrapper_1t2af_44._isToday_1t2af_68{border-color:var(--lhds-color-ui-400)}._travelDateCell_1t2af_1 ._contentWrapper_1t2af_44._isSelectionStart_1t2af_72,._travelDateCell_1t2af_1 ._contentWrapper_1t2af_44._isSelectionEnd_1t2af_73{border-color:var(--selection-background-color)}._travelDateCell_1t2af_1 ._contentWrapper_1t2af_44._isSelectionStart_1t2af_72{background:var(--selection-background-color)}._travelDateCell_1t2af_1 ._contentWrapper_1t2af_44._isSelectionStart_1t2af_72 span{color:#fff}._travelDateCell_1t2af_1 ._contentWrapper_1t2af_44._isSelectionEnd_1t2af_73:not(._isSelectionStart_1t2af_72){background:#fff}._travelDateCell_1t2af_1 ._contentWrapper_1t2af_44._hover_1t2af_88{border-color:var(--selection-background-color)}._travelDateCell_1t2af_1 ._contentWrapper_1t2af_44._hover_1t2af_88._startSelected_1t2af_91:not(._endSelected_1t2af_91):not(._isSelectionStart_1t2af_72){background:#fff}._travelDateCell_1t2af_1 ._contentWrapper_1t2af_44._hover_1t2af_88._startSelected_1t2af_91:not(._endSelected_1t2af_91):not(._isSelectionStart_1t2af_72) span{color:var(--swui-text-primary-color)}._travelDateCellBackground_45q5d_1._smaller_45q5d_2{width:20px;height:40px}._travelDateCellBackground_45q5d_1._small_45q5d_2{width:22px;height:44px}._travelDateCellBackground_45q5d_1._medium_45q5d_12{width:24px;height:48px}._travelDateCellBackground_45q5d_1._large_45q5d_17{width:28px;height:56px}._travelCalendar_ib2y4_1{border-spacing:0 4px;width:-webkit-fit-content;width:fit-content;--selection-background-color: var( --travel-calendar-selection-background-color, var(--modern-blue) );--selection-range-background-color: var( --travel-calendar-selection-range-background-color, var(--himmel) )}._travelCalendar_ib2y4_1 td{padding:0}._travelDateRangeInput_1j7rp_1 ._overlay_1j7rp_2{transition:opacity var(--swui-animation-time-fast) ease-in-out;opacity:1}._travelDateRangeInput_1j7rp_1 ._overlay_1j7rp_2:not(._travelDateRangeInput_1j7rp_1 ._overlay_1j7rp_2._calendarVisible_1j7rp_6){opacity:0}._travelDateInput_hmfbf_1 ._overlay_hmfbf_2{transition:opacity var(--swui-animation-time-fast) ease-in-out;opacity:1}._travelDateInput_hmfbf_1 ._overlay_hmfbf_2:not(._travelDateInput_hmfbf_1 ._overlay_hmfbf_2._calendarVisible_hmfbf_6){opacity:0}")),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
2
2
  import { jsx as s, jsxs as T, Fragment as yt } from "react/jsx-runtime";
3
3
  import { Box as L, Text as De, Clickable as nr, Row as z, Spacing as Pr, useToday as Ie, Column as Z, Heading as He, exhaustSwitchCase as wt, Space as Se, Indent as Ae, SeparatorLine as Yr, parseIntElseUndefined as Et, useBoolean as ht, useDelayedFalse as Lt, useOnClickOutside as ar } from "@stenajs-webui/core";
4
- import { FlatButton as Q, stenaAngleDown as Dt, PrimaryButton as Re, stenaAngleLeft as Hr, stenaAngleRight as Wr, SecondaryButton as fe, stenaAngleLeftDouble as Or, stenaArrowLeft as tt, stenaArrowRight as We, stenaAngleRightDouble as $r, TextInputButton as Ur, stenaCalendar as Fe, Icon as or, stenaArrowWideRight as zr, stenaClock as sr, Label as Vr, BaseButton as jr, stenaBellFilled as qr, MenuButton as Kr, stenaAngleUp as Gr, CardBody as ir } from "@stenajs-webui/elements";
4
+ import { FlatButton as Q, stenaAngleDown as Dt, PrimaryButton as Re, stenaAngleLeft as Hr, stenaAngleRight as Wr, SecondaryButton as fe, stenaAngleLeftDouble as Or, stenaArrowLeft as tt, stenaArrowRight as We, stenaAngleRightDouble as $r, TextInputButton as Ur, stenaCalendar as Fe, Icon as or, stenaArrowWideRight as zr, stenaClock as sr, Label as Vr, BaseButton as jr, stenaBellFilled as Kr, MenuButton as qr, stenaAngleUp as Gr, CardBody as ir } from "@stenajs-webui/elements";
5
5
  import { isAfter as G, eachDayOfInterval as lr, isSameDay as F, endOfMonth as cr, startOfMonth as dr, min as ur, addDays as te, max as _r, subDays as ve, format as j, getISOWeek as kt, getDate as rt, startOfWeek as Ze, addWeeks as Jr, getMonth as ye, getYear as Pe, getWeek as fr, getISODay as Zr, addHours as hr, isBefore as Te, parse as we, addMonths as Oe, isSameMonth as ge, addYears as Qr, subMonths as xt, subYears as Xr, setWeek as en, isValid as tn, isSameYear as rn, intlFormat as gr, isWithinInterval as nn } from "date-fns";
6
- import { enGB as Qe, pl as At, fr as Ft, es as Pt, cs as Yt, fi as Ht, et as Wt, it as Ot, lt as $t, lv as Ut, da as zt, sv as Vt, nb as jt, de as qt, nl as Kt, nlBE as an, deAT as on, enIE as sn, enUS as ln } from "date-fns/locale";
6
+ import { enGB as Qe, pl as At, fr as Ft, es as Pt, cs as Yt, fi as Ht, et as Wt, it as Ot, lt as $t, lv as Ut, da as zt, sv as Vt, nb as jt, de as Kt, nl as qt, nlBE as an, deAT as on, enIE as sn, enUS as ln } from "date-fns/locale";
7
7
  import { last as cn, chunk as pr, debounce as dn, padStart as un, range as Ct } from "lodash-es";
8
8
  import * as St from "react";
9
9
  import { useMemo as I, useRef as $, useEffect as ae, useCallback as v, useId as Bt, useState as C, forwardRef as Mt, createContext as _n, useLayoutEffect as mr } from "react";
@@ -13,7 +13,7 @@ import { TextInput as pe, TextInputBox as fn, LabelledTextInput as hn } from "@s
13
13
  import { ControlledPopover as $e } from "@stenajs-webui/tooltip";
14
14
  import { cssColor as It } from "@stenajs-webui/theme";
15
15
  import { useMaskedInput as gn } from "@stenajs-webui/input-mask";
16
- import { useMediaQuery as Ke } from "react-responsive";
16
+ import { useMediaQuery as qe } from "react-responsive";
17
17
  const de = {
18
18
  yearAndMonth: "yyyy-MM",
19
19
  fullDate: "yyyy-MM-dd",
@@ -703,8 +703,8 @@ const Yn = (e, t, r) => {
703
703
  "en-IE": sn,
704
704
  "de-AT": on,
705
705
  "nl-BE": an,
706
- "nl-NL": Kt,
707
- "de-DE": qt,
706
+ "nl-NL": qt,
707
+ "de-DE": Kt,
708
708
  "nb-NO": jt,
709
709
  "sv-SE": Vt,
710
710
  "da-DK": zt,
@@ -717,8 +717,8 @@ const Yn = (e, t, r) => {
717
717
  "es-ES": Pt,
718
718
  "fr-FR": Ft,
719
719
  "pl-PL": At,
720
- nl: Kt,
721
- de: qt,
720
+ nl: qt,
721
+ de: Kt,
722
722
  nb: jt,
723
723
  sv: Vt,
724
724
  da: zt,
@@ -844,7 +844,7 @@ const Yn = (e, t, r) => {
844
844
  onCancel: o,
845
845
  size: i = "medium"
846
846
  }) => {
847
- const l = Bt(), c = Ie(), d = a > 0 ? a : 12, [u, f] = C(!1), h = Vn(r, d, qn(i)), _ = I(() => Oe(r, d), [d, r]);
847
+ const l = Bt(), c = Ie(), d = a > 0 ? a : 12, [u, f] = C(!1), h = Vn(r, d, Kn(i)), _ = I(() => Oe(r, d), [d, r]);
848
848
  ae(() => {
849
849
  f(!0);
850
850
  }, []);
@@ -891,7 +891,7 @@ const Yn = (e, t, r) => {
891
891
  default:
892
892
  return wt(e, "336px");
893
893
  }
894
- }, qn = (e) => {
894
+ }, Kn = (e) => {
895
895
  switch (e) {
896
896
  case "smaller":
897
897
  case "small":
@@ -902,7 +902,7 @@ const Yn = (e, t, r) => {
902
902
  default:
903
903
  return wt(e, 4);
904
904
  }
905
- }, Kn = (e) => [
905
+ }, qn = (e) => [
906
906
  {
907
907
  label: "Past",
908
908
  presets: [
@@ -924,7 +924,7 @@ const Yn = (e, t, r) => {
924
924
  ], Gn = ({
925
925
  onClickPreset: e
926
926
  }) => {
927
- const [t, r] = C(0), n = I(() => Kn(/* @__PURE__ */ new Date()), []), a = n[t] ?? n[0];
927
+ const [t, r] = C(0), n = I(() => qn(/* @__PURE__ */ new Date()), []), a = n[t] ?? n[0];
928
928
  return /* @__PURE__ */ T(Z, { children: [
929
929
  /* @__PURE__ */ T(
930
930
  z,
@@ -1346,7 +1346,7 @@ const ia = ({
1346
1346
  const i = Ze(en(o, n), { locale: t });
1347
1347
  return Rt(i, t);
1348
1348
  };
1349
- function qo(e) {
1349
+ function Ko(e) {
1350
1350
  const t = ia(e);
1351
1351
  return /* @__PURE__ */ s(xe, { ...e, ...t });
1352
1352
  }
@@ -1365,7 +1365,7 @@ const ze = "bottom", la = (e, t, r) => {
1365
1365
  showingCalendar: n,
1366
1366
  onSelectDate: l
1367
1367
  };
1368
- }, Ve = "2999-12-31", Ko = ({
1368
+ }, Ve = "2999-12-31", qo = ({
1369
1369
  displayFormat: e = de.fullDate,
1370
1370
  placeholder: t = "Enter date",
1371
1371
  value: r,
@@ -1770,10 +1770,10 @@ const Jo = ({
1770
1770
  inputRefRight: H,
1771
1771
  variant: E,
1772
1772
  variantLeft: P,
1773
- variantRight: K,
1773
+ variantRight: q,
1774
1774
  onBlur: J,
1775
1775
  showPresets: M,
1776
- widthLeft: q,
1776
+ widthLeft: K,
1777
1777
  widthRight: U,
1778
1778
  disabled: V
1779
1779
  }) => {
@@ -1833,7 +1833,7 @@ const Jo = ({
1833
1833
  ] }) : null
1834
1834
  ] }),
1835
1835
  children: [
1836
- /* @__PURE__ */ s(L, { width: q, children: /* @__PURE__ */ s(
1836
+ /* @__PURE__ */ s(L, { width: K, children: /* @__PURE__ */ s(
1837
1837
  pe,
1838
1838
  {
1839
1839
  onEsc: r,
@@ -1878,7 +1878,7 @@ const Jo = ({
1878
1878
  onBlur: ue,
1879
1879
  onFocus: re,
1880
1880
  inputRef: H,
1881
- variant: K,
1881
+ variant: q,
1882
1882
  type: u,
1883
1883
  autoFocus: t,
1884
1884
  min: D,
@@ -2217,16 +2217,16 @@ const Jo = ({
2217
2217
  inputLeftChangeHandler: H,
2218
2218
  inputRightChangeHandler: E,
2219
2219
  onChangeTime: P,
2220
- onChangeDate: K
2220
+ onChangeDate: q
2221
2221
  } = wa(e, t, w, p), {
2222
2222
  onKeyDownHandler: J,
2223
2223
  onFocusRight: M,
2224
- onFocusLeft: q,
2224
+ onFocusLeft: K,
2225
2225
  onClickDay: U,
2226
2226
  onClickCalendarButton: V,
2227
2227
  onClickArrowButton: W
2228
2228
  } = ka(
2229
- K,
2229
+ q,
2230
2230
  p,
2231
2231
  R,
2232
2232
  A,
@@ -2268,9 +2268,9 @@ const Jo = ({
2268
2268
  onChangeRight: E,
2269
2269
  onClickArrowDown: W,
2270
2270
  onClickCalendar: V,
2271
- onFocusLeft: q,
2271
+ onFocusLeft: K,
2272
2272
  onFocusRight: M,
2273
- onClickLeft: q,
2273
+ onClickLeft: K,
2274
2274
  onClickRight: M,
2275
2275
  inputRefLeft: p,
2276
2276
  inputRefRight: y,
@@ -2570,11 +2570,11 @@ function es({
2570
2570
  showCalendar: H,
2571
2571
  hideCalendar: E,
2572
2572
  inputLeftChangeHandler: P,
2573
- inputRightChangeHandler: K
2573
+ inputRightChangeHandler: q
2574
2574
  } = Ba(g, b, t, x), {
2575
2575
  onKeyDownHandler: J,
2576
2576
  onFocusRight: M,
2577
- onFocusLeft: q,
2577
+ onFocusLeft: K,
2578
2578
  onClickDay: U,
2579
2579
  onClickCalendarButton: V,
2580
2580
  onClickArrowButton: W
@@ -2629,12 +2629,12 @@ function es({
2629
2629
  placeholderLeft: "Start date",
2630
2630
  placeholderRight: "End date",
2631
2631
  onChangeLeft: P,
2632
- onChangeRight: K,
2632
+ onChangeRight: q,
2633
2633
  onClickArrowDown: W,
2634
2634
  onClickCalendar: V,
2635
- onFocusLeft: q,
2635
+ onFocusLeft: K,
2636
2636
  onFocusRight: M,
2637
- onClickLeft: q,
2637
+ onClickLeft: K,
2638
2638
  onClickRight: M,
2639
2639
  inputRefLeft: m,
2640
2640
  inputRefRight: k,
@@ -2867,7 +2867,7 @@ Mt(function({
2867
2867
  className: r,
2868
2868
  labelClassName: n,
2869
2869
  iconClassName: a,
2870
- icon: o = qr,
2870
+ icon: o = Kr,
2871
2871
  ...i
2872
2872
  }, l) {
2873
2873
  const c = e > 1;
@@ -2891,7 +2891,7 @@ Mt(function({
2891
2891
  });
2892
2892
  Mt(
2893
2893
  ({ contentLeft: e, contentRight: t, collapsed: r = !1, ...n }, a) => /* @__PURE__ */ s(
2894
- Kr,
2894
+ qr,
2895
2895
  {
2896
2896
  ref: a,
2897
2897
  expandable: !0,
@@ -2911,13 +2911,13 @@ const tr = [
2911
2911
  "tablet-wide",
2912
2912
  "desktop"
2913
2913
  ], Ir = () => {
2914
- const e = Ke({
2914
+ const e = qe({
2915
2915
  query: "(max-width: 768px)"
2916
- }), t = Ke({
2916
+ }), t = qe({
2917
2917
  query: "(max-width: 395px)"
2918
- }), r = Ke({
2918
+ }), r = qe({
2919
2919
  query: "(max-width: 1024px)"
2920
- }), n = Ke({
2920
+ }), n = qe({
2921
2921
  query: "(max-width: 1160px)"
2922
2922
  });
2923
2923
  return { deviceSize: t ? "small-mobile" : e ? "mobile" : r ? "tablet" : n ? "tablet-wide" : "desktop" };
@@ -3063,8 +3063,8 @@ const Nr = (e, t, r, n, a, o, i, l, c) => {
3063
3063
  )
3064
3064
  ), [d, g]), S = I(() => ge(f, g), [f, g]), [N, B] = C(), [R, A] = C("calendar"), H = v(
3065
3065
  (M) => {
3066
- const q = M?.startDate?.length === _.length ? ce(M.startDate, r) : void 0, U = M?.endDate?.length === _.length ? ce(M.endDate, r) : void 0;
3067
- q ? m(q) : U && m(U), t?.({
3066
+ const K = M?.startDate?.length === _.length ? ce(M.startDate, r) : void 0, U = M?.endDate?.length === _.length ? ce(M.endDate, r) : void 0;
3067
+ K ? m(K) : U && m(U), t?.({
3068
3068
  ...e,
3069
3069
  ...M
3070
3070
  });
@@ -3082,7 +3082,7 @@ const Nr = (e, t, r, n, a, o, i, l, c) => {
3082
3082
  ), P = I(() => {
3083
3083
  const M = o === "startDate" ? e?.endDate : e?.startDate;
3084
3084
  return M ? ce(M, r) : void 0;
3085
- }, [o, r, e?.endDate, e?.startDate]), K = I(() => {
3085
+ }, [o, r, e?.endDate, e?.startDate]), q = I(() => {
3086
3086
  if (N && P) {
3087
3087
  if (o === "endDate")
3088
3088
  return "right";
@@ -3140,7 +3140,7 @@ const Nr = (e, t, r, n, a, o, i, l, c) => {
3140
3140
  hoverDate: N,
3141
3141
  setHoverDate: B,
3142
3142
  hoverAnchor: P,
3143
- hoverHighlightDirection: K,
3143
+ hoverHighlightDirection: q,
3144
3144
  selectedStartDate: p,
3145
3145
  selectedEndDate: y,
3146
3146
  today: f,
@@ -3203,14 +3203,14 @@ const Nr = (e, t, r, n, a, o, i, l, c) => {
3203
3203
  )
3204
3204
  ] })
3205
3205
  ] });
3206
- }, $a = "_travelDateCell_1t2af_1", Ua = "_smaller_1t2af_4", za = "_small_1t2af_4", Va = "_medium_1t2af_14", ja = "_large_1t2af_19", qa = "_outline_1t2af_31", Ka = "_contentWrapper_1t2af_44", Ga = "_disabled_1t2af_65", Ja = "_isToday_1t2af_68", Za = "_isSelectionStart_1t2af_72", Qa = "_isSelectionEnd_1t2af_73", Xa = "_hover_1t2af_88", eo = "_startSelected_1t2af_91", to = "_endSelected_1t2af_91", ne = {
3206
+ }, $a = "_travelDateCell_1t2af_1", Ua = "_smaller_1t2af_4", za = "_small_1t2af_4", Va = "_medium_1t2af_14", ja = "_large_1t2af_19", Ka = "_outline_1t2af_31", qa = "_contentWrapper_1t2af_44", Ga = "_disabled_1t2af_65", Ja = "_isToday_1t2af_68", Za = "_isSelectionStart_1t2af_72", Qa = "_isSelectionEnd_1t2af_73", Xa = "_hover_1t2af_88", eo = "_startSelected_1t2af_91", to = "_endSelected_1t2af_91", ne = {
3207
3207
  travelDateCell: $a,
3208
3208
  smaller: Ua,
3209
3209
  small: za,
3210
3210
  medium: Va,
3211
3211
  large: ja,
3212
- outline: qa,
3213
- contentWrapper: Ka,
3212
+ outline: Ka,
3213
+ contentWrapper: qa,
3214
3214
  disabled: Ga,
3215
3215
  isToday: Ja,
3216
3216
  isSelectionStart: Za,
@@ -3539,7 +3539,7 @@ const Nr = (e, t, r, n, a, o, i, l, c) => {
3539
3539
  autoFocusStartDate: A,
3540
3540
  autoFocusEndDate: H
3541
3541
  }) => {
3542
- const [E, P] = C(!1), [K, J] = C(!1), [M, q] = C({
3542
+ const [E, P] = C(!1), [q, J] = C(!1), [M, K] = C({
3543
3543
  // Sane defaults, this will be updated with actual data from DOM.
3544
3544
  width: 336,
3545
3545
  height: 66
@@ -3550,13 +3550,13 @@ const Nr = (e, t, r, n, a, o, i, l, c) => {
3550
3550
  P(!0);
3551
3551
  }, 10);
3552
3552
  }, []), O = v(() => {
3553
- K && (P(!1), se.current = !1, m?.(), setTimeout(() => {
3553
+ q && (P(!1), se.current = !1, m?.(), setTimeout(() => {
3554
3554
  se.current || J(!1);
3555
3555
  }, 120));
3556
- }, [K, m]), je = $(null), Ce = $(null);
3556
+ }, [q, m]), je = $(null), Ce = $(null);
3557
3557
  ar(je, O), mr(() => {
3558
3558
  const ee = Ce.current?.offsetWidth, lt = Ce.current?.offsetHeight;
3559
- ee != null && lt != null && (M.height !== lt || M.width !== ee) && q({ width: ee, height: lt });
3559
+ ee != null && lt != null && (M.height !== lt || M.width !== ee) && K({ width: ee, height: lt });
3560
3560
  }, [M.height, M.width]);
3561
3561
  const me = Nr(
3562
3562
  e,
@@ -3569,7 +3569,7 @@ const Nr = (e, t, r, n, a, o, i, l, c) => {
3569
3569
  X,
3570
3570
  O
3571
3571
  ), {
3572
- visiblePanel: qe,
3572
+ visiblePanel: Ke,
3573
3573
  visibleMonth: le,
3574
3574
  onValueChangeByInputs: Ee,
3575
3575
  setVisibleMonth: Ar,
@@ -3596,7 +3596,7 @@ const Nr = (e, t, r, n, a, o, i, l, c) => {
3596
3596
  {
3597
3597
  position: "absolute",
3598
3598
  ref: Ce,
3599
- zIndex: K ? g : b,
3599
+ zIndex: q ? g : b,
3600
3600
  children: /* @__PURE__ */ s(
3601
3601
  Tr,
3602
3602
  {
@@ -3620,7 +3620,7 @@ const Nr = (e, t, r, n, a, o, i, l, c) => {
3620
3620
  )
3621
3621
  }
3622
3622
  ),
3623
- K && /* @__PURE__ */ s(
3623
+ q && /* @__PURE__ */ s(
3624
3624
  L,
3625
3625
  {
3626
3626
  position: "absolute",
@@ -3650,7 +3650,7 @@ const Nr = (e, t, r, n, a, o, i, l, c) => {
3650
3650
  nextMonthButtonTestId: B
3651
3651
  }
3652
3652
  ),
3653
- qe === "calendar" && /* @__PURE__ */ s(
3653
+ Ke === "calendar" && /* @__PURE__ */ s(
3654
3654
  it,
3655
3655
  {
3656
3656
  ...me,
@@ -3660,7 +3660,7 @@ const Nr = (e, t, r, n, a, o, i, l, c) => {
3660
3660
  dateTestId: S
3661
3661
  }
3662
3662
  ),
3663
- qe === "month-picker" && /* @__PURE__ */ s(
3663
+ Ke === "month-picker" && /* @__PURE__ */ s(
3664
3664
  Ue,
3665
3665
  {
3666
3666
  firstMonth: D,
@@ -3816,11 +3816,11 @@ const Nr = (e, t, r, n, a, o, i, l, c) => {
3816
3816
  nextMonthButtonTestId: N,
3817
3817
  textInputVariant: B = "standard"
3818
3818
  }) => {
3819
- const [R, A] = C(!1), [H, E] = C(!1), [P, K] = C({
3819
+ const [R, A] = C(!1), [H, E] = C(!1), [P, q] = C({
3820
3820
  // Sane defaults, this will be updated with actual data from DOM.
3821
3821
  width: 336,
3822
3822
  height: 66
3823
- }), J = k === "large" ? "8.8rem" : "6.6rem", M = $(!1), q = v(() => {
3823
+ }), J = k === "large" ? "8.8rem" : "6.6rem", M = $(!1), K = v(() => {
3824
3824
  M.current = !0, E(!0), setTimeout(() => {
3825
3825
  A(!0);
3826
3826
  }, 10);
@@ -3835,7 +3835,7 @@ const Nr = (e, t, r, n, a, o, i, l, c) => {
3835
3835
  }, [U]), W = $(null), Y = $(null);
3836
3836
  ar(W, U), mr(() => {
3837
3837
  const le = Y.current?.offsetWidth, Ee = Y.current?.offsetHeight;
3838
- le != null && Ee != null && (P.height !== Ee || P.width !== le) && K({ width: le, height: Ee });
3838
+ le != null && Ee != null && (P.height !== Ee || P.width !== le) && q({ width: le, height: Ee });
3839
3839
  }, [P.height, P.width]);
3840
3840
  const X = Lr(
3841
3841
  e,
@@ -3852,7 +3852,7 @@ const Nr = (e, t, r, n, a, o, i, l, c) => {
3852
3852
  setVisibleMonth: je,
3853
3853
  setVisiblePanel: Ce,
3854
3854
  monthPickerButtonRef: me
3855
- } = X, qe = v(
3855
+ } = X, Ke = v(
3856
3856
  (le) => {
3857
3857
  le.key === "Escape" && U();
3858
3858
  },
@@ -3864,7 +3864,7 @@ const Nr = (e, t, r, n, a, o, i, l, c) => {
3864
3864
  position: "relative",
3865
3865
  className: ft.travelDateInput,
3866
3866
  ref: W,
3867
- onKeyDown: qe,
3867
+ onKeyDown: Ke,
3868
3868
  height: P.height,
3869
3869
  width: P.width,
3870
3870
  children: [
@@ -3883,7 +3883,7 @@ const Nr = (e, t, r, n, a, o, i, l, c) => {
3883
3883
  onValueChange: ue,
3884
3884
  localeCode: n,
3885
3885
  label: r,
3886
- onFocus: q,
3886
+ onFocus: K,
3887
3887
  calendarSize: k,
3888
3888
  placeholderWhenBlurred: c,
3889
3889
  variant: B,
@@ -4100,12 +4100,12 @@ const Nr = (e, t, r, n, a, o, i, l, c) => {
4100
4100
  R,
4101
4101
  E,
4102
4102
  void 0
4103
- ), K = v((Y) => {
4103
+ ), q = v((Y) => {
4104
4104
  R(Y);
4105
4105
  }, []), {
4106
4106
  visiblePanel: J,
4107
4107
  visibleMonth: M,
4108
- onValueChangeByInputs: q,
4108
+ onValueChangeByInputs: K,
4109
4109
  setVisibleMonth: U,
4110
4110
  setVisiblePanel: V,
4111
4111
  monthPickerButtonRef: W
@@ -4117,13 +4117,13 @@ const Nr = (e, t, r, n, a, o, i, l, c) => {
4117
4117
  {
4118
4118
  ...P,
4119
4119
  value: e,
4120
- onValueChange: q,
4120
+ onValueChange: K,
4121
4121
  startDateRef: A,
4122
4122
  endDateRef: H,
4123
4123
  localeCode: a,
4124
4124
  startDateLabel: r,
4125
4125
  endDateLabel: n,
4126
- onFocus: K,
4126
+ onFocus: q,
4127
4127
  calendarSize: w,
4128
4128
  placeholderWhenBlurredStartDate: m,
4129
4129
  placeholderWhenBlurredEndDate: k,
@@ -4189,7 +4189,7 @@ const Nr = (e, t, r, n, a, o, i, l, c) => {
4189
4189
  export {
4190
4190
  gt as Calendar,
4191
4191
  vr as CalendarDay,
4192
- Ko as DateInput,
4192
+ qo as DateInput,
4193
4193
  zo as DateRangeCalendar,
4194
4194
  es as DateRangeDualTextInput,
4195
4195
  Go as DateRangeInput,
@@ -4200,7 +4200,7 @@ export {
4200
4200
  jo as MultiDateCalendar,
4201
4201
  Gn as PresetPicker,
4202
4202
  Cr as SingleDateCalendar,
4203
- qo as SingleWeekCalendar,
4203
+ Ko as SingleWeekCalendar,
4204
4204
  Zo as TimeTextInput,
4205
4205
  ns as TravelDateCalendar,
4206
4206
  rs as TravelDateInput,