@stenajs-webui/calendar 21.8.2 → 21.8.4

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.
Files changed (6) hide show
  1. package/dist/components/input-types/date-range-dual-text-input/DateRangeDualTextInput.d.ts +3 -2
  2. package/dist/index.es.js +550 -546
  3. package/dist/index.es.js.map +1 -1
  4. package/dist/index.js +1 -1
  5. package/dist/index.js.map +1 -1
  6. package/package.json +8 -8
package/dist/index.es.js CHANGED
@@ -1,12 +1,12 @@
1
1
  (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._calendar_1b766_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-red);--swui-calendar-wrapper-selected-background: var(--modern-red);--swui-calendar-wrapper-range-border: var(--lhds-color-red-100);--swui-calendar-wrapper-range-background: var(--lhds-color-red-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_1b766_1 table{border-spacing:0 4px}._calendar_1b766_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_1b766_1._weekNumberVisible_1b766_41 tr td:nth-child(2),._calendar_1b766_1:not(._weekNumberVisible_1b766_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_1b766_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_h6vcn_1{position:relative}._travelDateCell_h6vcn_1._small_h6vcn_4{width:40px;height:40px}._travelDateCell_h6vcn_1._medium_h6vcn_9{width:48px;height:48px}._travelDateCell_h6vcn_1._large_h6vcn_14{width:56px;height:28px}._travelDateCell_h6vcn_1{border-radius:var(--swui-max-border-radius)}._travelDateCell_h6vcn_1:focus{outline:none}._travelDateCell_h6vcn_1:focus-visible ._outline_h6vcn_26{outline:var(--swui-focus-outline);outline-width:var(--swui-focus-outline-width);background:transparent;position:absolute;border-radius:var(--swui-max-border-radius);top:0;bottom:0;left:0;right:0;z-index:10}._travelDateCell_h6vcn_1:focus-visible ._contentWrapper_h6vcn_39._contentWrapper_h6vcn_39._contentWrapper_h6vcn_39{border-color:transparent}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39{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;left:0;right:0;top:0;bottom:0}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._disabled_h6vcn_60{cursor:not-allowed}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._isToday_h6vcn_63{border-color:var(--lhds-color-ui-400)}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._isSelectionStart_h6vcn_67,._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._isSelectionEnd_h6vcn_68{border-color:var(--modern-red)}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._isSelectionStart_h6vcn_67{background:var(--modern-red)}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._isSelectionStart_h6vcn_67 span{color:#fff}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._isSelectionEnd_h6vcn_68:not(._isSelectionStart_h6vcn_67){background:#fff}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._hover_h6vcn_83{border-color:var(--modern-red)}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._hover_h6vcn_83._startSelected_h6vcn_86:not(._endSelected_h6vcn_86):not(._isSelectionStart_h6vcn_67){background:#fff}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._hover_h6vcn_83._startSelected_h6vcn_86:not(._endSelected_h6vcn_86):not(._isSelectionStart_h6vcn_67) span{color:var(--swui-text-primary-color)}._travelDateCellBackground_1k07m_1._small_1k07m_2{width:20px;height:40px}._travelDateCellBackground_1k07m_1._medium_1k07m_7{width:24px;height:48px}._travelDateCellBackground_1k07m_1._large_1k07m_12{width:28px;height:56px}._travelCalendar_18pjj_1{border-spacing:0 4px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._travelCalendar_18pjj_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(r){console.error("vite-plugin-css-injected-by-js",r)}})();
2
2
  import { jsx as c, jsxs as _, Fragment as ue } from "react/jsx-runtime";
3
- import { Box as L, Text as yt, Clickable as _e, Row as B, Spacing as nr, Column as J, Heading as Yt, exhaustSwitchCase as fe, Space as St, Indent as Et, SeparatorLine as sr, parseIntElseUndefined as ke, useBoolean as ie, useDelayedFalse as Se, useOnClickOutside as Ne } from "@stenajs-webui/core";
3
+ import { Box as L, Text as yt, Clickable as _e, Row as B, Spacing as nr, Column as G, Heading as Yt, exhaustSwitchCase as fe, Space as St, Indent as Et, SeparatorLine as sr, parseIntElseUndefined as ke, useBoolean as ie, useDelayedFalse as Se, useOnClickOutside as Ne } from "@stenajs-webui/core";
4
4
  import { FlatButton as tt, stenaAngleDown as he, PrimaryButton as Tt, stenaAngleLeft as ir, stenaAngleRight as or, SecondaryButton as ft, stenaAngleLeftDouble as cr, stenaArrowLeft as Kt, stenaArrowRight as Pt, stenaAngleRightDouble as ar, TextInputButton as lr, stenaCalendar as At, Icon as Le, stenaArrowWideRight as dr, stenaClock as Ye, Label as ur, stenaAngleUp as fr, CardBody as Pe } from "@stenajs-webui/elements";
5
- import { isAfter as V, eachDayOfInterval as ve, isSameDay as v, endOfMonth as Be, startOfMonth as He, min as hr, addDays as Z, max as mr, subDays as gt, format as $, getISOWeek as me, getDate as zt, startOfWeek as Ft, addWeeks as gr, getMonth as pt, getWeek as $e, getYear as _t, getISODay as pr, addHours as We, isBefore as ct, parse as bt, addMonths as vt, isSameMonth as at, addYears as Dr, subMonths as ge, subYears as br, setWeek as wr, isValid as yr, isSameYear as Mr } from "date-fns";
5
+ import { isAfter as V, eachDayOfInterval as ve, isSameDay as v, endOfMonth as Be, startOfMonth as He, min as hr, addDays as Z, max as mr, subDays as gt, format as W, getISOWeek as me, getDate as zt, startOfWeek as Ft, addWeeks as gr, getMonth as pt, getWeek as $e, getYear as _t, getISODay as pr, addHours as We, isBefore as ct, parse as bt, addMonths as vt, isSameMonth as at, addYears as Dr, subMonths as ge, subYears as br, setWeek as wr, isValid as yr, isSameYear as Mr } from "date-fns";
6
6
  import { enGB as qt, enUS as kr, deAT as Sr, de as Te, fr as Tr, es as Rr, sv as Ir, pl as xr, da as Er, nl as Ar, nb as _r } from "date-fns/locale";
7
7
  import { last as Nr, startCase as Nt, chunk as Oe, debounce as Lr, padStart as Yr, range as pe } from "lodash-es";
8
8
  import * as De from "react";
9
- import { useMemo as E, useRef as O, useEffect as nt, useCallback as w, useId as be, useState as x, useLayoutEffect as Ue } from "react";
9
+ import { useMemo as E, useRef as O, useEffect as nt, useCallback as w, useId as be, useState as I, useLayoutEffect as Ue } from "react";
10
10
  import wt from "classnames";
11
11
  import te from "@emotion/styled";
12
12
  import { TextInput as mt, TextInputBox as Pr, LabelledTextInput as vr } from "@stenajs-webui/forms";
@@ -49,7 +49,7 @@ const lt = {
49
49
  mr([e, gt(n, 1)]),
50
50
  hr([r, Z(s, 1)])
51
51
  ) : Lt(t, e, r), Cs = (t, e, r) => {
52
- const n = $(e, lt.yearAndMonth), s = me(e), i = zt(e);
52
+ const n = W(e, lt.yearAndMonth), s = me(e), i = zt(e);
53
53
  return {
54
54
  ...t,
55
55
  [n]: {
@@ -64,7 +64,7 @@ const lt = {
64
64
  }
65
65
  };
66
66
  }, Ks = (t, e, r) => {
67
- const n = $(e, lt.yearAndMonth), s = me(e), i = zt(e);
67
+ const n = W(e, lt.yearAndMonth), s = me(e), i = zt(e);
68
68
  return {
69
69
  ...t,
70
70
  [n]: {
@@ -132,9 +132,9 @@ const Re = (t, e, r, n) => {
132
132
  throw new Error("getMonthInYear() received NaN.");
133
133
  const n = t + Math.floor(e / 12), s = e % 12, i = new Date(n, s, 1);
134
134
  return {
135
- monthString: $(i, lt.yearAndMonth),
135
+ monthString: W(i, lt.yearAndMonth),
136
136
  name: Nt(
137
- $(i, lt.fullMonthName, { locale: r })
137
+ W(i, lt.fullMonthName, { locale: r })
138
138
  ),
139
139
  year: n,
140
140
  monthInYear: s,
@@ -164,9 +164,9 @@ const Re = (t, e, r, n) => {
164
164
  const r = pr(t);
165
165
  return {
166
166
  date: t,
167
- name: $(t, "EEE", e ? { locale: e } : void 0),
168
- fullName: $(t, "EEEE", e ? { locale: e } : void 0),
169
- dateString: $(We(t, 12), lt.fullDate),
167
+ name: W(t, "EEE", e ? { locale: e } : void 0),
168
+ fullName: W(t, "EEEE", e ? { locale: e } : void 0),
169
+ dateString: W(We(t, 12), lt.fullDate),
170
170
  weekNumber: $e(t, { locale: e }),
171
171
  year: _t(t),
172
172
  month: pt(t),
@@ -396,7 +396,7 @@ const Re = (t, e, r, n) => {
396
396
  n,
397
397
  i
398
398
  )
399
- }), h = te.div({
399
+ }), f = te.div({
400
400
  ...a.CalendarDay.innerWrapperStyle && a.CalendarDay.innerWrapperStyle(
401
401
  d,
402
402
  s,
@@ -407,7 +407,7 @@ const Re = (t, e, r, n) => {
407
407
  ),
408
408
  width: "100%",
409
409
  height: "100%"
410
- }), f = te.div({
410
+ }), h = te.div({
411
411
  ...a.CalendarDay.cellWrapperStyle && a.CalendarDay.cellWrapperStyle(
412
412
  d,
413
413
  s,
@@ -424,7 +424,7 @@ const Re = (t, e, r, n) => {
424
424
  m,
425
425
  {
426
426
  onClick: g ? void 0 : (p) => o == null ? void 0 : o(e, i, p),
427
- children: /* @__PURE__ */ c(h, { children: /* @__PURE__ */ c(f, { children: e.month === n.monthInYear && /* @__PURE__ */ _(ue, { children: [
427
+ children: /* @__PURE__ */ c(f, { children: /* @__PURE__ */ c(h, { children: e.month === n.monthInYear && /* @__PURE__ */ _(ue, { children: [
428
428
  l && /* @__PURE__ */ c(
429
429
  l,
430
430
  {
@@ -519,17 +519,17 @@ function nn({
519
519
  onClickMonth: d,
520
520
  renderWeekNumber: u,
521
521
  renderWeekDay: m,
522
- headerRightContent: h,
523
- theme: f = Mt,
522
+ headerRightContent: f,
523
+ theme: h = Mt,
524
524
  extraDayContent: g,
525
525
  defaultHighlights: p,
526
- showWeekNumber: M
526
+ showWeekNumber: y
527
527
  }) {
528
528
  return /* @__PURE__ */ c(ue, { children: /* @__PURE__ */ _(L, { alignItems: "stretch", children: [
529
529
  /* @__PURE__ */ _(
530
530
  B,
531
531
  {
532
- justifyContent: h ? "space-between" : "center",
532
+ justifyContent: f ? "space-between" : "center",
533
533
  alignItems: "center",
534
534
  children: [
535
535
  /* @__PURE__ */ c(B, { justifyContent: "center", alignItems: "center", children: d ? /* @__PURE__ */ c(
@@ -544,42 +544,42 @@ function nn({
544
544
  " ",
545
545
  t.year
546
546
  ] }) }),
547
- h && /* @__PURE__ */ c(L, { alignItems: "center", children: h })
547
+ f && /* @__PURE__ */ c(L, { alignItems: "center", children: f })
548
548
  ]
549
549
  }
550
550
  ),
551
551
  /* @__PURE__ */ c("table", { children: /* @__PURE__ */ _("tbody", { children: [
552
552
  /* @__PURE__ */ _("tr", { children: [
553
- M && /* @__PURE__ */ c("td", { children: /* @__PURE__ */ c(L, { width: f.width, height: f.height }) }),
554
- t.weeks[0].days.map((y) => /* @__PURE__ */ c("td", { children: m ? m(y.name, f, l) : /* @__PURE__ */ c(
553
+ y && /* @__PURE__ */ c("td", { children: /* @__PURE__ */ c(L, { width: h.width, height: h.height }) }),
554
+ t.weeks[0].days.map((M) => /* @__PURE__ */ c("td", { children: m ? m(M.name, h, l) : /* @__PURE__ */ c(
555
555
  Zr,
556
556
  {
557
- day: y,
557
+ day: M,
558
558
  onClickWeekDay: l,
559
- theme: f
559
+ theme: h
560
560
  }
561
- ) }, y.name))
561
+ ) }, M.name))
562
562
  ] }),
563
- t.weeks.map((y) => /* @__PURE__ */ _("tr", { children: [
564
- M && /* @__PURE__ */ c("td", { children: u ? u(y, f, a) : /* @__PURE__ */ c(
563
+ t.weeks.map((M) => /* @__PURE__ */ _("tr", { children: [
564
+ y && /* @__PURE__ */ c("td", { children: u ? u(M, h, a) : /* @__PURE__ */ c(
565
565
  tn,
566
566
  {
567
- week: y,
567
+ week: M,
568
568
  onClickWeek: a,
569
- theme: f
569
+ theme: h
570
570
  }
571
571
  ) }),
572
- y.days.map((D) => /* @__PURE__ */ c(
572
+ M.days.map((D) => /* @__PURE__ */ c(
573
573
  rn,
574
574
  {
575
575
  dayComponent: e,
576
576
  day: D,
577
- week: y,
577
+ week: M,
578
578
  month: t,
579
- dayState: r && r[y.weekNumber] && r[y.weekNumber][D.dayOfMonth],
580
- userData: n && n[y.weekNumber] && n[y.weekNumber][D.dayOfMonth],
579
+ dayState: r && r[M.weekNumber] && r[M.weekNumber][D.dayOfMonth],
580
+ userData: n && n[M.weekNumber] && n[M.weekNumber][D.dayOfMonth],
581
581
  onClickDay: o,
582
- theme: f,
582
+ theme: h,
583
583
  extraDayContent: g,
584
584
  defaultHighlights: p,
585
585
  minDate: s,
@@ -587,7 +587,7 @@ function nn({
587
587
  },
588
588
  D.dateString
589
589
  ))
590
- ] }, y.weekNumber))
590
+ ] }, M.weekNumber))
591
591
  ] }) })
592
592
  ] }) });
593
593
  }
@@ -604,13 +604,13 @@ function sn({
604
604
  onClickMonth: d,
605
605
  renderWeekDay: u,
606
606
  renderWeekNumber: m,
607
- headerRightContent: h,
608
- extraDayContent: f,
607
+ headerRightContent: f,
608
+ extraDayContent: h,
609
609
  defaultHighlights: g,
610
610
  showWeekNumber: p,
611
- theme: M = Mt
611
+ theme: y = Mt
612
612
  }) {
613
- const y = E(
613
+ const M = E(
614
614
  () => s ? bt(s, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
615
615
  [s]
616
616
  ), D = E(
@@ -624,28 +624,28 @@ function sn({
624
624
  Ie.calendar,
625
625
  p && Ie.weekNumberVisible
626
626
  ),
627
- children: t.map((b, S) => /* @__PURE__ */ c(nr, { children: /* @__PURE__ */ c(B, { gap: 2, children: b.map((R) => /* @__PURE__ */ c(
627
+ children: t.map((b, S) => /* @__PURE__ */ c(nr, { children: /* @__PURE__ */ c(B, { gap: 2, children: b.map((T) => /* @__PURE__ */ c(
628
628
  nn,
629
629
  {
630
- month: R,
630
+ month: T,
631
631
  dayComponent: e,
632
- userDataPerWeek: r && r[R.monthString],
633
- statePerWeek: n && n[R.monthString],
632
+ userDataPerWeek: r && r[T.monthString],
633
+ statePerWeek: n && n[T.monthString],
634
634
  onClickDay: o,
635
635
  onClickWeekDay: a,
636
636
  onClickWeek: l,
637
637
  onClickMonth: d,
638
- theme: M,
638
+ theme: y,
639
639
  renderWeekNumber: m,
640
640
  renderWeekDay: u,
641
- headerRightContent: h,
642
- extraDayContent: f,
641
+ headerRightContent: f,
642
+ extraDayContent: h,
643
643
  defaultHighlights: g,
644
- minDate: y,
644
+ minDate: M,
645
645
  maxDate: D,
646
646
  showWeekNumber: p ?? !1
647
647
  },
648
- R.name
648
+ T.name
649
649
  )) }) }, S))
650
650
  }
651
651
  );
@@ -716,30 +716,30 @@ const on = (t, e, r) => {
716
716
  size: a
717
717
  }) => {
718
718
  const l = E(
719
- () => Nt($(t, "MMM", { locale: n })),
719
+ () => Nt(W(t, "MMM", { locale: n })),
720
720
  [n, t]
721
721
  ), d = E(
722
- () => Nt($(t, "MMMM", { locale: n })),
722
+ () => Nt(W(t, "MMMM", { locale: n })),
723
723
  [n, t]
724
- ), u = O(null), m = Ce(o, i), h = r ? 0 : -1;
724
+ ), u = O(null), m = Ce(o, i), f = r ? 0 : -1;
725
725
  nt(() => {
726
726
  var g;
727
727
  (g = u.current) == null || g.focus();
728
728
  }, []);
729
- const f = w(
729
+ const h = w(
730
730
  (g) => {
731
- var M;
731
+ var y;
732
732
  const p = an(
733
733
  g.key,
734
734
  o,
735
735
  i,
736
736
  4
737
737
  );
738
- p && ((M = document.getElementById(p)) == null || M.focus());
738
+ p && ((y = document.getElementById(p)) == null || y.focus());
739
739
  },
740
740
  [i, o]
741
741
  );
742
- return /* @__PURE__ */ c(B, { justifyContent: "center", onKeyDown: f, children: r ? /* @__PURE__ */ c(
742
+ return /* @__PURE__ */ c(B, { justifyContent: "center", onKeyDown: h, children: r ? /* @__PURE__ */ c(
743
743
  Tt,
744
744
  {
745
745
  id: m,
@@ -750,7 +750,7 @@ const on = (t, e, r) => {
750
750
  autoFocus: s,
751
751
  ref: u,
752
752
  size: a === "large" ? "large" : "medium",
753
- tabIndex: h
753
+ tabIndex: f
754
754
  }
755
755
  ) : /* @__PURE__ */ c(
756
756
  tt,
@@ -760,7 +760,7 @@ const on = (t, e, r) => {
760
760
  "aria-label": d,
761
761
  onClick: e,
762
762
  size: a === "large" ? "large" : "medium",
763
- tabIndex: h
763
+ tabIndex: f
764
764
  }
765
765
  ) });
766
766
  }, un = (t, e, r) => {
@@ -798,7 +798,7 @@ const on = (t, e, r) => {
798
798
  onCancel: i,
799
799
  size: o = "medium"
800
800
  }) => {
801
- const a = be(), l = ye(), d = s > 0 ? s : 12, [u, m] = x(!1), h = un(n, d, hn(o)), f = E(() => vt(n, d), [d, n]);
801
+ const a = be(), l = ye(), d = s > 0 ? s : 12, [u, m] = I(!1), f = un(n, d, hn(o)), h = E(() => vt(n, d), [d, n]);
802
802
  nt(() => {
803
803
  m(!0);
804
804
  }, []);
@@ -808,24 +808,24 @@ const on = (t, e, r) => {
808
808
  },
809
809
  [i]
810
810
  );
811
- return /* @__PURE__ */ c(J, { gap: 1, maxWidth: fn(o), onKeyDown: g, children: h.yearOrder.map((p, M) => {
812
- const { rows: y } = h.years[p];
811
+ return /* @__PURE__ */ c(G, { gap: 1, maxWidth: fn(o), onKeyDown: g, children: f.yearOrder.map((p, y) => {
812
+ const { rows: M } = f.years[p];
813
813
  return /* @__PURE__ */ _(De.Fragment, { children: [
814
- (M !== 0 || p !== l.getFullYear()) && /* @__PURE__ */ c(Yt, { variant: "h4", children: p }),
815
- /* @__PURE__ */ c("table", { style: { borderSpacing: "0 8px" }, children: /* @__PURE__ */ c("tbody", { children: y.map((D) => {
816
- const { columns: b } = h.rows[D];
817
- return /* @__PURE__ */ c("tr", { children: b.map(({ month: S, position: R }) => /* @__PURE__ */ c("td", { children: /* @__PURE__ */ c(
814
+ (y !== 0 || p !== l.getFullYear()) && /* @__PURE__ */ c(Yt, { variant: "h4", children: p }),
815
+ /* @__PURE__ */ c("table", { style: { borderSpacing: "0 8px" }, children: /* @__PURE__ */ c("tbody", { children: M.map((D) => {
816
+ const { columns: b } = f.rows[D];
817
+ return /* @__PURE__ */ c("tr", { children: b.map(({ month: S, position: T }) => /* @__PURE__ */ c("td", { children: /* @__PURE__ */ c(
818
818
  dn,
819
819
  {
820
820
  month: S,
821
821
  firstAvailableMonth: n,
822
- lastAvailableMonth: f,
822
+ lastAvailableMonth: h,
823
823
  locale: r,
824
824
  selected: t ? at(t, S) : !1,
825
825
  autoFocus: u,
826
826
  onClick: () => e == null ? void 0 : e(S),
827
827
  monthPickerId: a,
828
- position: R,
828
+ position: T,
829
829
  size: o
830
830
  }
831
831
  ) }, S.getMonth())) }, D);
@@ -876,8 +876,8 @@ const on = (t, e, r) => {
876
876
  ], gn = ({
877
877
  onClickPreset: t
878
878
  }) => {
879
- const [e, r] = x(0), n = E(() => mn(/* @__PURE__ */ new Date()), []), s = n[e] ?? n[0];
880
- return /* @__PURE__ */ _(J, { children: [
879
+ const [e, r] = I(0), n = E(() => mn(/* @__PURE__ */ new Date()), []), s = n[e] ?? n[0];
880
+ return /* @__PURE__ */ _(G, { children: [
881
881
  /* @__PURE__ */ _(
882
882
  B,
883
883
  {
@@ -908,7 +908,7 @@ const on = (t, e, r) => {
908
908
  }
909
909
  ),
910
910
  /* @__PURE__ */ c(St, {}),
911
- /* @__PURE__ */ c(J, { alignItems: "center", children: s.presets.map((i) => /* @__PURE__ */ _(De.Fragment, { children: [
911
+ /* @__PURE__ */ c(G, { alignItems: "center", children: s.presets.map((i) => /* @__PURE__ */ _(De.Fragment, { children: [
912
912
  /* @__PURE__ */ c(
913
913
  Tt,
914
914
  {
@@ -1026,7 +1026,7 @@ function kt({
1026
1026
  renderMonthPicker: a,
1027
1027
  ...l
1028
1028
  }) {
1029
- const { nextMonth: d, prevMonth: u, nextYear: m, prevYear: h } = Dn(
1029
+ const { nextMonth: d, prevMonth: u, nextYear: m, prevYear: f } = Dn(
1030
1030
  r,
1031
1031
  n,
1032
1032
  l.monthsPerRow,
@@ -1044,12 +1044,12 @@ function kt({
1044
1044
  nextMonth: d,
1045
1045
  prevMonth: u,
1046
1046
  nextYear: m,
1047
- prevYear: h,
1047
+ prevYear: f,
1048
1048
  children: /* @__PURE__ */ c(oe, { ...l, theme: e, date: r })
1049
1049
  }
1050
1050
  );
1051
1051
  case "header":
1052
- return /* @__PURE__ */ c(J, { children: /* @__PURE__ */ c(
1052
+ return /* @__PURE__ */ c(G, { children: /* @__PURE__ */ c(
1053
1053
  pn,
1054
1054
  {
1055
1055
  ...l,
@@ -1083,8 +1083,8 @@ function kt({
1083
1083
  }
1084
1084
  }
1085
1085
  const yn = (t, e) => t || (e || 1) > 1 ? "below" : "header", Mn = (t) => ({
1086
- startDate: t.startDate ? $(t.startDate, "yyyy-MM-dd") : void 0,
1087
- endDate: t.endDate ? $(t.endDate, "yyyy-MM-dd") : void 0
1086
+ startDate: t.startDate ? W(t.startDate, "yyyy-MM-dd") : void 0,
1087
+ endDate: t.endDate ? W(t.endDate, "yyyy-MM-dd") : void 0
1088
1088
  }), kn = ({
1089
1089
  startDate: t,
1090
1090
  endDate: e
@@ -1118,7 +1118,7 @@ const yn = (t, e) => t || (e || 1) > 1 ? "below" : "header", Mn = (t) => ({
1118
1118
  t == null ? void 0 : t.startDate
1119
1119
  ]
1120
1120
  ), Qt = (t) => {
1121
- const [e, r] = x("calendar"), n = w(
1121
+ const [e, r] = I("calendar"), n = w(
1122
1122
  (s) => {
1123
1123
  r(s), t == null || t(s);
1124
1124
  },
@@ -1137,14 +1137,14 @@ const yn = (t, e) => t || (e || 1) > 1 ? "below" : "header", Mn = (t) => ({
1137
1137
  onChangePanel: i,
1138
1138
  initialDateInFocus: o
1139
1139
  }) => {
1140
- const { currentPanel: a, setCurrentPanel: l } = Qt(i), [d, u] = x(
1140
+ const { currentPanel: a, setCurrentPanel: l } = Qt(i), [d, u] = I(
1141
1141
  () => o ?? /* @__PURE__ */ new Date()
1142
1142
  ), m = Sn(
1143
1143
  e,
1144
1144
  r,
1145
1145
  t,
1146
1146
  n
1147
- ), h = E(
1147
+ ), f = E(
1148
1148
  () => Lt(
1149
1149
  s,
1150
1150
  e == null ? void 0 : e.startDate,
@@ -1154,7 +1154,7 @@ const yn = (t, e) => t || (e || 1) > 1 ? "below" : "header", Mn = (t) => ({
1154
1154
  );
1155
1155
  return {
1156
1156
  onClickDay: m,
1157
- statePerMonth: h,
1157
+ statePerMonth: f,
1158
1158
  currentPanel: a,
1159
1159
  setCurrentPanel: l,
1160
1160
  setDateInFocus: u,
@@ -1166,7 +1166,7 @@ function Gs(t) {
1166
1166
  return /* @__PURE__ */ c(kt, { ...t, ...e });
1167
1167
  }
1168
1168
  const Qs = () => {
1169
- const [t, e] = x(), [r, n] = x(), [s, i] = x("startDate");
1169
+ const [t, e] = I(), [r, n] = I(), [s, i] = I("startDate");
1170
1170
  return {
1171
1171
  startDate: t,
1172
1172
  setStartDate: e,
@@ -1181,7 +1181,7 @@ const Qs = () => {
1181
1181
  statePerMonth: r,
1182
1182
  onChangePanel: n
1183
1183
  }) => {
1184
- const { currentPanel: s, setCurrentPanel: i } = Qt(n), [o, a] = x(() => e ?? /* @__PURE__ */ new Date()), l = w(
1184
+ const { currentPanel: s, setCurrentPanel: i } = Qt(n), [o, a] = I(() => e ?? /* @__PURE__ */ new Date()), l = w(
1185
1185
  (u) => {
1186
1186
  t && t(u.date);
1187
1187
  },
@@ -1213,12 +1213,12 @@ const In = ({
1213
1213
  statePerMonth: r,
1214
1214
  onChangePanel: n
1215
1215
  }) => {
1216
- const { currentPanel: s, setCurrentPanel: i } = Qt(n), [o, a] = x(() => /* @__PURE__ */ new Date()), l = w(
1216
+ const { currentPanel: s, setCurrentPanel: i } = Qt(n), [o, a] = I(() => /* @__PURE__ */ new Date()), l = w(
1217
1217
  (u) => {
1218
1218
  if (!t)
1219
1219
  return;
1220
- const m = e && e.find((h) => v(h, u.date));
1221
- t(e && m ? e.filter((h) => !v(h, u.date)) : [...e || [], u.date]);
1220
+ const m = e && e.find((f) => v(f, u.date));
1221
+ t(e && m ? e.filter((f) => !v(f, u.date)) : [...e || [], u.date]);
1222
1222
  },
1223
1223
  [t, e]
1224
1224
  ), d = E(() => e ? e.reduce(
@@ -1245,29 +1245,29 @@ const xn = ({
1245
1245
  onChangePanel: n,
1246
1246
  locale: s = qt
1247
1247
  }) => {
1248
- const [i, o] = x(() => {
1249
- const f = ee(e, s);
1250
- return f ? f.days[0].date : /* @__PURE__ */ new Date();
1248
+ const [i, o] = I(() => {
1249
+ const h = ee(e, s);
1250
+ return h ? h.days[0].date : /* @__PURE__ */ new Date();
1251
1251
  }), { currentPanel: a, setCurrentPanel: l } = Qt(n), d = w(
1252
- (f) => {
1253
- t && t(xe(we(f.date, s)));
1252
+ (h) => {
1253
+ t && t(xe(we(h.date, s)));
1254
1254
  },
1255
1255
  [s, t]
1256
1256
  ), u = w(
1257
- (f) => {
1258
- t && t(xe(f));
1257
+ (h) => {
1258
+ t && t(xe(h));
1259
1259
  },
1260
1260
  [t]
1261
1261
  ), m = E(() => {
1262
- const f = ee(e, s);
1263
- return f ? Wr(r, f) : r;
1264
- }, [e, s, r]), h = E(() => {
1265
- const f = ee(e, s);
1266
- return f ? f.days[0].date : /* @__PURE__ */ new Date();
1262
+ const h = ee(e, s);
1263
+ return h ? Wr(r, h) : r;
1264
+ }, [e, s, r]), f = E(() => {
1265
+ const h = ee(e, s);
1266
+ return h ? h.days[0].date : /* @__PURE__ */ new Date();
1267
1267
  }, [s, e]);
1268
1268
  return {
1269
1269
  statePerMonth: m,
1270
- date: h,
1270
+ date: f,
1271
1271
  dateInFocus: i,
1272
1272
  setDateInFocus: o,
1273
1273
  onClickDay: d,
@@ -1291,7 +1291,7 @@ function Zs(t) {
1291
1291
  return /* @__PURE__ */ c(kt, { ...t, ...e });
1292
1292
  }
1293
1293
  const $t = "bottom", En = (t, e, r) => {
1294
- const [n, s] = x(r || !1), i = w(() => (s(!0), !0), [s]), o = w(() => {
1294
+ const [n, s] = I(r || !1), i = w(() => (s(!0), !0), [s]), o = w(() => {
1295
1295
  s(!1), e && e();
1296
1296
  }, [s, e]), a = w(
1297
1297
  (l) => {
@@ -1318,25 +1318,25 @@ const $t = "bottom", En = (t, e, r) => {
1318
1318
  width: d,
1319
1319
  minDate: u,
1320
1320
  maxDate: m = Wt,
1321
- disabled: h
1321
+ disabled: f
1322
1322
  }) => {
1323
- const { hideCalendar: f, showingCalendar: g, onSelectDate: p, showCalendar: M } = En(a, o, i);
1323
+ const { hideCalendar: h, showingCalendar: g, onSelectDate: p, showCalendar: y } = En(a, o, i);
1324
1324
  return /* @__PURE__ */ c(L, { width: d, children: /* @__PURE__ */ c(
1325
1325
  Bt,
1326
1326
  {
1327
1327
  hideArrow: !0,
1328
1328
  open: g,
1329
- onRequestClose: f,
1330
- renderTrigger: (y) => /* @__PURE__ */ c(L, { ...y, children: /* @__PURE__ */ c(
1329
+ onRequestClose: h,
1330
+ renderTrigger: (M) => /* @__PURE__ */ c(L, { ...M, children: /* @__PURE__ */ c(
1331
1331
  mt,
1332
1332
  {
1333
1333
  type: "date",
1334
- onFocus: M,
1335
- buttonRight: /* @__PURE__ */ c(lr, { onClick: M, icon: At }),
1336
- value: r ? $(r, t) : "",
1334
+ onFocus: y,
1335
+ buttonRight: /* @__PURE__ */ c(lr, { onClick: y, icon: At }),
1336
+ value: r ? W(r, t) : "",
1337
1337
  placeholder: e,
1338
1338
  size: 9,
1339
- disabled: h,
1339
+ disabled: f,
1340
1340
  autoFocus: i,
1341
1341
  variant: l,
1342
1342
  min: u,
@@ -1358,20 +1358,20 @@ const $t = "bottom", En = (t, e, r) => {
1358
1358
  }
1359
1359
  ) });
1360
1360
  }, An = (t, e) => {
1361
- const r = O(null), n = O(null), [s, i] = x(!1), [o, a] = x(void 0), l = w(() => (a("startDate"), i(!0), !0), [a, i]), d = w(() => (a("endDate"), i(!0), !0), [a, i]), u = w(() => {
1361
+ const r = O(null), n = O(null), [s, i] = I(!1), [o, a] = I(void 0), l = w(() => (a("startDate"), i(!0), !0), [a, i]), d = w(() => (a("endDate"), i(!0), !0), [a, i]), u = w(() => {
1362
1362
  i(!1);
1363
1363
  }, [i]), m = w(
1364
- (f) => {
1364
+ (h) => {
1365
1365
  o === "startDate" ? (e == null || e({
1366
- startDate: f.date,
1366
+ startDate: h.date,
1367
1367
  endDate: t == null ? void 0 : t.endDate
1368
1368
  }), t != null && t.endDate ? setTimeout(u, 150) : (a("endDate"), n.current && n.current.focus())) : o === "endDate" && (e == null || e({
1369
1369
  startDate: t == null ? void 0 : t.startDate,
1370
- endDate: f.date
1370
+ endDate: h.date
1371
1371
  }), t != null && t.startDate ? setTimeout(u, 150) : (a("startDate"), r.current && r.current.focus()));
1372
1372
  },
1373
1373
  [o, e, a, u, t]
1374
- ), h = E(
1374
+ ), f = E(
1375
1375
  () => (t == null ? void 0 : t.startDate) && (t == null ? void 0 : t.endDate) && V(t.startDate, t.endDate),
1376
1376
  [t == null ? void 0 : t.startDate, t == null ? void 0 : t.endDate]
1377
1377
  );
@@ -1385,7 +1385,7 @@ const $t = "bottom", En = (t, e, r) => {
1385
1385
  startDateInputRef: r,
1386
1386
  endDateInputRef: n,
1387
1387
  onClickDay: m,
1388
- startDateIsAfterEnd: h
1388
+ startDateIsAfterEnd: f
1389
1389
  };
1390
1390
  };
1391
1391
  function ti({
@@ -1401,19 +1401,19 @@ function ti({
1401
1401
  maxDate: d = Wt,
1402
1402
  disabled: u
1403
1403
  }) {
1404
- const [m, h] = x("calendar"), {
1405
- hideCalendar: f,
1404
+ const [m, f] = I("calendar"), {
1405
+ hideCalendar: h,
1406
1406
  showCalendarEndDate: g,
1407
1407
  showCalendarStartDate: p,
1408
- showingCalendar: M,
1409
- focusedInput: y,
1408
+ showingCalendar: y,
1409
+ focusedInput: M,
1410
1410
  startDateInputRef: D,
1411
1411
  endDateInputRef: b,
1412
1412
  onClickDay: S,
1413
- startDateIsAfterEnd: R
1414
- } = An(n, s), [N, A] = x(
1415
- () => (y && (n == null ? void 0 : n[y])) ?? /* @__PURE__ */ new Date()
1416
- ), T = E(
1413
+ startDateIsAfterEnd: T
1414
+ } = An(n, s), [N, A] = I(
1415
+ () => (M && (n == null ? void 0 : n[M])) ?? /* @__PURE__ */ new Date()
1416
+ ), R = E(
1417
1417
  () => Lt(void 0, n == null ? void 0 : n.startDate, n == null ? void 0 : n.endDate),
1418
1418
  [n]
1419
1419
  );
@@ -1427,13 +1427,13 @@ function ti({
1427
1427
  {
1428
1428
  iconLeft: At,
1429
1429
  onFocus: p,
1430
- value: n != null && n.startDate ? $(n.startDate, t) : "",
1430
+ value: n != null && n.startDate ? W(n.startDate, t) : "",
1431
1431
  placeholder: e,
1432
1432
  width: i,
1433
1433
  disabled: u,
1434
1434
  inputRef: D,
1435
1435
  size: 9,
1436
- variant: R ? "error" : void 0
1436
+ variant: T ? "error" : void 0
1437
1437
  }
1438
1438
  ),
1439
1439
  /* @__PURE__ */ c(St, {}),
@@ -1451,30 +1451,30 @@ function ti({
1451
1451
  {
1452
1452
  iconLeft: At,
1453
1453
  onFocus: g,
1454
- value: n != null && n.endDate ? $(n.endDate, t) : "",
1454
+ value: n != null && n.endDate ? W(n.endDate, t) : "",
1455
1455
  placeholder: r,
1456
1456
  width: i,
1457
1457
  disabled: u,
1458
1458
  inputRef: b,
1459
1459
  size: 9,
1460
- variant: R ? "error" : void 0
1460
+ variant: T ? "error" : void 0
1461
1461
  }
1462
1462
  )
1463
1463
  ] }),
1464
- open: M,
1464
+ open: y,
1465
1465
  placement: $t,
1466
- onRequestClose: f,
1466
+ onRequestClose: h,
1467
1467
  children: /* @__PURE__ */ c(
1468
1468
  kt,
1469
1469
  {
1470
1470
  ...a,
1471
1471
  dateInFocus: N,
1472
1472
  setDateInFocus: A,
1473
- statePerMonth: T,
1473
+ statePerMonth: R,
1474
1474
  theme: o,
1475
1475
  onClickDay: S,
1476
1476
  currentPanel: m,
1477
- setCurrentPanel: h,
1477
+ setCurrentPanel: f,
1478
1478
  minDate: l,
1479
1479
  maxDate: d
1480
1480
  }
@@ -1495,40 +1495,40 @@ const ei = ({
1495
1495
  hideCalenderIcon: d = !1,
1496
1496
  minDate: u,
1497
1497
  maxDate: m = Wt,
1498
- variant: h,
1499
- ...f
1498
+ variant: f,
1499
+ ...h
1500
1500
  }) => {
1501
- const [g, p] = x(!1), M = w(() => {
1501
+ const [g, p] = I(!1), y = w(() => {
1502
1502
  p(!g);
1503
- }, [p, g]), y = w(() => {
1503
+ }, [p, g]), M = w(() => {
1504
1504
  p(!1);
1505
1505
  }, [p]), D = w(
1506
- (T) => {
1507
- s && s(T);
1506
+ (R) => {
1507
+ s && s(R);
1508
1508
  },
1509
1509
  [s]
1510
1510
  ), b = w(
1511
- (T) => {
1512
- T && (D($(T, r)), e && setTimeout(() => p(!g), 200));
1511
+ (R) => {
1512
+ R && (D(W(R, r)), e && setTimeout(() => p(!g), 200));
1513
1513
  },
1514
1514
  [D, r, e, p, g]
1515
- ), S = !!o && !/^[-/\\.0-9]+$/.test(o), R = !!o && yr(bt(o, r, /* @__PURE__ */ new Date())), A = !!o && o.length >= r.length && !R || S;
1515
+ ), S = !!o && !/^[-/\\.0-9]+$/.test(o), T = !!o && yr(bt(o, r, /* @__PURE__ */ new Date())), A = !!o && o.length >= r.length && !T || S;
1516
1516
  return /* @__PURE__ */ c(L, { width: a, children: /* @__PURE__ */ c(
1517
1517
  Bt,
1518
1518
  {
1519
- renderTrigger: (T) => /* @__PURE__ */ c(
1519
+ renderTrigger: (R) => /* @__PURE__ */ c(
1520
1520
  mt,
1521
1521
  {
1522
- ...f,
1523
- variant: A ? "error" : h,
1522
+ ...h,
1523
+ variant: A ? "error" : f,
1524
1524
  disableContentPaddingRight: !0,
1525
1525
  contentRight: d ? void 0 : /* @__PURE__ */ c(B, { alignItems: "center", indent: 0.5, children: /* @__PURE__ */ c(
1526
1526
  tt,
1527
1527
  {
1528
1528
  size: "small",
1529
- disabled: f.disabled || n,
1529
+ disabled: h.disabled || n,
1530
1530
  leftIcon: At,
1531
- onClick: M
1531
+ onClick: y
1532
1532
  }
1533
1533
  ) }),
1534
1534
  onValueChange: D,
@@ -1537,19 +1537,19 @@ const ei = ({
1537
1537
  min: u,
1538
1538
  max: m,
1539
1539
  size: 10,
1540
- ...T
1540
+ ...R
1541
1541
  }
1542
1542
  ),
1543
1543
  hideArrow: !0,
1544
1544
  open: g,
1545
1545
  placement: $t,
1546
- onRequestClose: y,
1546
+ onRequestClose: M,
1547
1547
  children: /* @__PURE__ */ c(
1548
1548
  qe,
1549
1549
  {
1550
1550
  ...t,
1551
1551
  onChange: b,
1552
- value: o && R ? bt(o, r, /* @__PURE__ */ new Date()) : void 0,
1552
+ value: o && T ? bt(o, r, /* @__PURE__ */ new Date()) : void 0,
1553
1553
  minDate: u,
1554
1554
  maxDate: m,
1555
1555
  theme: l
@@ -1633,15 +1633,15 @@ const ei = ({
1633
1633
  variant: i,
1634
1634
  ...o
1635
1635
  }) => {
1636
- const [a, l] = x(() => ce(n)), d = "hh:mm", u = w(() => {
1636
+ const [a, l] = I(() => ce(n)), d = "hh:mm", u = w(() => {
1637
1637
  if (n) {
1638
- const h = _n(n);
1639
- l(h.success), h.success && t && t(h.time);
1638
+ const f = _n(n);
1639
+ l(f.success), f.success && t && t(f.time);
1640
1640
  }
1641
1641
  }, [n, t, l]), m = w(
1642
- (h) => {
1643
- const f = h.target.value, g = ce(f);
1644
- l(g && f.length <= d.length), t && t(f);
1642
+ (f) => {
1643
+ const h = f.target.value, g = ce(h);
1644
+ l(g && h.length <= d.length), t && t(h);
1645
1645
  },
1646
1646
  [t, l]
1647
1647
  );
@@ -1672,98 +1672,98 @@ const ei = ({
1672
1672
  typeLeft: d,
1673
1673
  typeRight: u,
1674
1674
  onChangeLeft: m,
1675
- onChangeRight: h,
1676
- valueLeft: f,
1675
+ onChangeRight: f,
1676
+ valueLeft: h,
1677
1677
  valueRight: g,
1678
1678
  minLeft: p,
1679
- maxLeft: M,
1680
- minRight: y,
1679
+ maxLeft: y,
1680
+ minRight: M,
1681
1681
  maxRight: D,
1682
1682
  onClickLeft: b,
1683
1683
  onClickRight: S,
1684
- onClickCalendar: R,
1684
+ onClickCalendar: T,
1685
1685
  onClickArrowDown: N,
1686
1686
  onBlurLeft: A,
1687
- onBlurRight: T,
1687
+ onBlurRight: R,
1688
1688
  onFocusLeft: k,
1689
1689
  onFocusRight: Y,
1690
1690
  inputRefLeft: U,
1691
- inputRefRight: I,
1692
- variant: C,
1691
+ inputRefRight: x,
1692
+ variant: q,
1693
1693
  variantLeft: F,
1694
- variantRight: K,
1695
- onBlur: H,
1696
- showPresets: q,
1697
- widthLeft: G,
1698
- widthRight: Q,
1699
- disabled: X
1694
+ variantRight: j,
1695
+ onBlur: $,
1696
+ showPresets: J,
1697
+ widthLeft: Q,
1698
+ widthRight: X,
1699
+ disabled: K
1700
1700
  }) => {
1701
- const W = O(0), j = E(
1701
+ const H = O(0), C = E(
1702
1702
  () => Lr((P) => {
1703
- P === 0 && (H == null || H());
1703
+ P === 0 && ($ == null || $());
1704
1704
  }, 10),
1705
- [H]
1705
+ [$]
1706
1706
  ), it = w(
1707
1707
  (P) => {
1708
- W.current++, j(W.current), k && k(P);
1708
+ H.current++, C(H.current), k && k(P);
1709
1709
  },
1710
- [k, W, j]
1710
+ [k, H, C]
1711
1711
  ), st = w(
1712
1712
  (P) => {
1713
- W.current++, j(W.current), Y && Y(P);
1713
+ H.current++, C(H.current), Y && Y(P);
1714
1714
  },
1715
- [Y, W, j]
1715
+ [Y, H, C]
1716
1716
  ), et = w(
1717
1717
  (P) => {
1718
- W.current--, j(W.current), A && A(P);
1718
+ H.current--, C(H.current), A && A(P);
1719
1719
  },
1720
- [A, W, j]
1720
+ [A, H, C]
1721
1721
  ), z = w(
1722
1722
  (P) => {
1723
- W.current--, j(W.current), T && T(P);
1723
+ H.current--, C(H.current), R && R(P);
1724
1724
  },
1725
- [T, W, j]
1725
+ [R, H, C]
1726
1726
  );
1727
1727
  return /* @__PURE__ */ c(L, { children: /* @__PURE__ */ _(
1728
1728
  Pr,
1729
1729
  {
1730
1730
  disableContentPaddingRight: !0,
1731
- disabled: X,
1732
- variant: C,
1731
+ disabled: K,
1732
+ variant: q,
1733
1733
  contentRight: /* @__PURE__ */ _(B, { alignItems: "center", children: [
1734
1734
  /* @__PURE__ */ c(Et, { num: 0.5, children: /* @__PURE__ */ c(
1735
1735
  tt,
1736
1736
  {
1737
1737
  leftIcon: At,
1738
- onClick: R,
1739
- disabled: X,
1738
+ onClick: T,
1739
+ disabled: K,
1740
1740
  size: "small"
1741
1741
  }
1742
1742
  ) }),
1743
- q ? /* @__PURE__ */ _(ue, { children: [
1743
+ J ? /* @__PURE__ */ _(ue, { children: [
1744
1744
  /* @__PURE__ */ c(B, { height: "22px", children: /* @__PURE__ */ c(sr, { vertical: !0 }) }),
1745
1745
  /* @__PURE__ */ c(Et, { num: 0.5, children: /* @__PURE__ */ c(
1746
1746
  tt,
1747
1747
  {
1748
1748
  leftIcon: he,
1749
1749
  onClick: N,
1750
- disabled: X,
1750
+ disabled: K,
1751
1751
  size: "small"
1752
1752
  }
1753
1753
  ) })
1754
1754
  ] }) : null
1755
1755
  ] }),
1756
1756
  children: [
1757
- /* @__PURE__ */ c(L, { width: G, children: /* @__PURE__ */ c(
1757
+ /* @__PURE__ */ c(L, { width: Q, children: /* @__PURE__ */ c(
1758
1758
  mt,
1759
1759
  {
1760
1760
  onEsc: r,
1761
1761
  onEnter: n,
1762
1762
  onClick: b,
1763
- disabled: X,
1763
+ disabled: K,
1764
1764
  hideBorder: !0,
1765
1765
  placeholder: a,
1766
- value: f,
1766
+ value: h,
1767
1767
  onValueChange: s,
1768
1768
  onChange: m,
1769
1769
  onBlur: et,
@@ -1773,7 +1773,7 @@ const ei = ({
1773
1773
  type: d,
1774
1774
  autoFocus: t,
1775
1775
  min: p,
1776
- max: M
1776
+ max: y
1777
1777
  }
1778
1778
  ) }),
1779
1779
  /* @__PURE__ */ c(B, { indent: 0.5, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ c(
@@ -1784,25 +1784,25 @@ const ei = ({
1784
1784
  color: Jt("--lhds-color-ui-500")
1785
1785
  }
1786
1786
  ) }),
1787
- /* @__PURE__ */ c(L, { width: Q, children: /* @__PURE__ */ c(
1787
+ /* @__PURE__ */ c(L, { width: X, children: /* @__PURE__ */ c(
1788
1788
  mt,
1789
1789
  {
1790
1790
  onEsc: r,
1791
1791
  onEnter: n,
1792
1792
  onClick: S,
1793
- disabled: X,
1793
+ disabled: K,
1794
1794
  hideBorder: !0,
1795
1795
  placeholder: l,
1796
1796
  value: g,
1797
1797
  onValueChange: i,
1798
- onChange: h,
1798
+ onChange: f,
1799
1799
  onBlur: z,
1800
1800
  onFocus: st,
1801
- inputRef: I,
1802
- variant: K,
1801
+ inputRef: x,
1802
+ variant: j,
1803
1803
  type: u,
1804
1804
  autoFocus: e,
1805
- min: y,
1805
+ min: M,
1806
1806
  max: D
1807
1807
  }
1808
1808
  ) })
@@ -1900,7 +1900,7 @@ const ei = ({
1900
1900
  canScrollRef: n
1901
1901
  }) => {
1902
1902
  const s = O(null);
1903
- return /* @__PURE__ */ c(J, { className: Ge.timePickerColumn, ref: s, children: e.map((i) => /* @__PURE__ */ c(
1903
+ return /* @__PURE__ */ c(G, { className: Ge.timePickerColumn, ref: s, children: e.map((i) => /* @__PURE__ */ c(
1904
1904
  Bn,
1905
1905
  {
1906
1906
  item: i,
@@ -1915,7 +1915,7 @@ const ei = ({
1915
1915
  value: t,
1916
1916
  onValueChange: e
1917
1917
  }) => {
1918
- const r = O(!0), [n, s] = x(void 0), [i, o] = x(void 0);
1918
+ const r = O(!0), [n, s] = I(void 0), [i, o] = I(void 0);
1919
1919
  nt(() => {
1920
1920
  if (t) {
1921
1921
  const { minute: d, hour: u } = Ut(t);
@@ -1983,7 +1983,7 @@ const ei = ({
1983
1983
  localDate: d,
1984
1984
  setLocalDate: u
1985
1985
  }, m) => {
1986
- const h = w(
1986
+ const f = w(
1987
1987
  (D) => {
1988
1988
  if (!D)
1989
1989
  return;
@@ -1991,8 +1991,8 @@ const ei = ({
1991
1991
  if (t)
1992
1992
  b.setHours(t.getHours()), b.setMinutes(t.getMinutes()), e == null || e(b), u(void 0);
1993
1993
  else if (a) {
1994
- const { minute: S, hour: R } = Ut(a);
1995
- b.setHours(R ?? 0), b.setMinutes(S ?? 0), e == null || e(b), u(void 0);
1994
+ const { minute: S, hour: T } = Ut(a);
1995
+ b.setHours(T ?? 0), b.setMinutes(S ?? 0), e == null || e(b), u(void 0);
1996
1996
  } else
1997
1997
  u(b);
1998
1998
  r(b), m.current && (m.current.valueAsDate = new Date(
@@ -2000,7 +2000,7 @@ const ei = ({
2000
2000
  ));
2001
2001
  },
2002
2002
  [t, m, a, e, r, u]
2003
- ), f = w(
2003
+ ), h = w(
2004
2004
  (D) => {
2005
2005
  if (D)
2006
2006
  if (t) {
@@ -2015,39 +2015,39 @@ const ei = ({
2015
2015
  [e, t, d, l]
2016
2016
  ), g = w(
2017
2017
  (D) => {
2018
- D.target.value[0] !== "0" && h(D.target.valueAsDate);
2018
+ D.target.value[0] !== "0" && f(D.target.valueAsDate);
2019
2019
  },
2020
- [h]
2021
- ), p = w(
2022
- (D) => f(D.target.value),
2023
2020
  [f]
2024
- ), M = w(() => {
2021
+ ), p = w(
2022
+ (D) => h(D.target.value),
2023
+ [h]
2024
+ ), y = w(() => {
2025
2025
  r(t || /* @__PURE__ */ new Date()), o("calendar"), n();
2026
- }, [t, o, n, r]), y = w(() => {
2026
+ }, [t, o, n, r]), M = w(() => {
2027
2027
  i(void 0), s();
2028
2028
  }, [i, s]);
2029
2029
  return {
2030
2030
  inputLeftChangeHandler: g,
2031
2031
  inputRightChangeHandler: p,
2032
- hideCalendar: y,
2033
- showCalendar: M,
2034
- onChangeTime: f,
2035
- onChangeDate: h
2032
+ hideCalendar: M,
2033
+ showCalendar: y,
2034
+ onChangeTime: h,
2035
+ onChangeDate: f
2036
2036
  };
2037
2037
  }, Fn = (t) => {
2038
- const [e, r] = x(void 0), [n, s] = x(void 0), [i, o, a] = ie(!1), [l, d, u] = ie(!1), [m, h] = x(void 0), [f, g] = x(
2038
+ const [e, r] = I(void 0), [n, s] = I(void 0), [i, o, a] = ie(!1), [l, d, u] = ie(!1), [m, f] = I(void 0), [h, g] = I(
2039
2039
  () => t ?? /* @__PURE__ */ new Date()
2040
- ), [p, M] = x("calendar");
2040
+ ), [p, y] = I("calendar");
2041
2041
  return {
2042
2042
  isCalendarVisible: i,
2043
2043
  showCalendarInternal: o,
2044
2044
  hideCalendarInternal: a,
2045
2045
  firstFocusedInput: m,
2046
- setFirstFocusedInput: h,
2047
- dateInFocus: f,
2046
+ setFirstFocusedInput: f,
2047
+ dateInFocus: h,
2048
2048
  setDateInFocus: g,
2049
2049
  currentPanel: p,
2050
- setCurrentPanel: M,
2050
+ setCurrentPanel: y,
2051
2051
  isTimePickerVisible: l,
2052
2052
  showTimePicker: d,
2053
2053
  hideTimePicker: u,
@@ -2073,7 +2073,7 @@ const ei = ({
2073
2073
  [t, n, o]
2074
2074
  ), m = w(() => {
2075
2075
  i("presets"), r();
2076
- }, [i, r]), h = w(() => {
2076
+ }, [i, r]), f = w(() => {
2077
2077
  var g;
2078
2078
  s ? n() : ((g = e.current) == null || g.focus(), i("calendar"), r());
2079
2079
  }, [
@@ -2082,7 +2082,7 @@ const ei = ({
2082
2082
  e,
2083
2083
  i,
2084
2084
  r
2085
- ]), f = w(
2085
+ ]), h = w(
2086
2086
  (g) => {
2087
2087
  g.key === "Escape" && n();
2088
2088
  },
@@ -2093,8 +2093,8 @@ const ei = ({
2093
2093
  onFocusRight: d,
2094
2094
  onClickDay: u,
2095
2095
  onClickArrowButton: m,
2096
- onClickCalendarButton: h,
2097
- onKeyDownHandler: f
2096
+ onClickCalendarButton: f,
2097
+ onKeyDownHandler: h
2098
2098
  };
2099
2099
  }, ni = ({
2100
2100
  value: t,
@@ -2110,50 +2110,50 @@ const ei = ({
2110
2110
  variant: u,
2111
2111
  disabled: m
2112
2112
  }) => {
2113
- const h = O(null), f = O(null), g = Fn(t), {
2113
+ const f = O(null), h = O(null), g = Fn(t), {
2114
2114
  setCurrentPanel: p,
2115
- currentPanel: M,
2116
- isCalendarVisible: y,
2115
+ currentPanel: y,
2116
+ isCalendarVisible: M,
2117
2117
  dateInFocus: D,
2118
2118
  setDateInFocus: b,
2119
2119
  isTimePickerVisible: S,
2120
- hideTimePicker: R,
2120
+ hideTimePicker: T,
2121
2121
  localTime: N,
2122
2122
  localDate: A
2123
2123
  } = g, {
2124
- showCalendar: T,
2124
+ showCalendar: R,
2125
2125
  hideCalendar: k,
2126
2126
  inputLeftChangeHandler: Y,
2127
2127
  inputRightChangeHandler: U,
2128
- onChangeTime: I,
2129
- onChangeDate: C
2130
- } = Un(t, e, g, h), {
2128
+ onChangeTime: x,
2129
+ onChangeDate: q
2130
+ } = Un(t, e, g, f), {
2131
2131
  onKeyDownHandler: F,
2132
- onFocusRight: K,
2133
- onFocusLeft: H,
2134
- onClickDay: q,
2135
- onClickCalendarButton: G,
2136
- onClickArrowButton: Q
2132
+ onFocusRight: j,
2133
+ onFocusLeft: $,
2134
+ onClickDay: J,
2135
+ onClickCalendarButton: Q,
2136
+ onClickArrowButton: X
2137
2137
  } = jn(
2138
- C,
2139
- h,
2140
- T,
2138
+ q,
2139
+ f,
2140
+ R,
2141
2141
  k,
2142
2142
  g
2143
2143
  );
2144
- On(t, b, h);
2145
- const X = E(() => {
2144
+ On(t, b, f);
2145
+ const K = E(() => {
2146
2146
  const et = t || A;
2147
2147
  return et ? ht(void 0, et, [
2148
2148
  "singleSelected",
2149
2149
  "selected"
2150
2150
  ]) : {};
2151
- }, [A, t]), W = w(() => {
2152
- k(), R();
2153
- }, [k, R]), j = E(
2151
+ }, [A, t]), H = w(() => {
2152
+ k(), T();
2153
+ }, [k, T]), C = E(
2154
2154
  () => t ? Yn(t) : N,
2155
2155
  [t, N]
2156
- ), it = Se(y, 300), st = Se(S, 300);
2156
+ ), it = Se(M, 300), st = Se(S, 300);
2157
2157
  return /* @__PURE__ */ c(L, { onKeyDown: F, children: /* @__PURE__ */ c(
2158
2158
  Bt,
2159
2159
  {
@@ -2173,15 +2173,15 @@ const ei = ({
2173
2173
  placeholderRight: "hh:mm",
2174
2174
  onChangeLeft: Y,
2175
2175
  onChangeRight: U,
2176
- onClickArrowDown: Q,
2177
- onClickCalendar: G,
2178
- onFocusLeft: H,
2179
- onFocusRight: K,
2180
- onClickLeft: H,
2181
- onClickRight: K,
2182
- inputRefLeft: h,
2183
- inputRefRight: f,
2184
- valueRight: j ?? "",
2176
+ onClickArrowDown: X,
2177
+ onClickCalendar: Q,
2178
+ onFocusLeft: $,
2179
+ onFocusRight: j,
2180
+ onClickLeft: $,
2181
+ onClickRight: j,
2182
+ inputRefLeft: f,
2183
+ inputRefRight: h,
2184
+ valueRight: C ?? "",
2185
2185
  widthLeft: a,
2186
2186
  widthRight: l,
2187
2187
  minLeft: o,
@@ -2190,30 +2190,30 @@ const ei = ({
2190
2190
  }
2191
2191
  ) }),
2192
2192
  placement: $t,
2193
- open: y || S,
2194
- onRequestClose: W,
2195
- children: (it || st) && /* @__PURE__ */ c(J, { children: it ? /* @__PURE__ */ c(
2193
+ open: M || S,
2194
+ onRequestClose: H,
2195
+ children: (it || st) && /* @__PURE__ */ c(G, { children: it ? /* @__PURE__ */ c(
2196
2196
  kt,
2197
2197
  {
2198
- statePerMonth: X,
2199
- onClickDay: q,
2198
+ statePerMonth: K,
2199
+ onClickDay: J,
2200
2200
  dateInFocus: D,
2201
2201
  setDateInFocus: b,
2202
- currentPanel: M,
2202
+ currentPanel: y,
2203
2203
  setCurrentPanel: p,
2204
2204
  minDate: o,
2205
2205
  maxDate: d
2206
2206
  }
2207
- ) : st ? /* @__PURE__ */ _(J, { children: [
2208
- /* @__PURE__ */ c(J, { overflow: "hidden", height: "250px", children: /* @__PURE__ */ c(
2207
+ ) : st ? /* @__PURE__ */ _(G, { children: [
2208
+ /* @__PURE__ */ c(G, { overflow: "hidden", height: "250px", children: /* @__PURE__ */ c(
2209
2209
  Wn,
2210
2210
  {
2211
- value: j ?? "",
2212
- onValueChange: I
2211
+ value: C ?? "",
2212
+ onValueChange: x
2213
2213
  }
2214
2214
  ) }),
2215
2215
  /* @__PURE__ */ c(St, {}),
2216
- /* @__PURE__ */ c(B, { justifyContent: "flex-end", children: /* @__PURE__ */ c(Tt, { label: "Done", onClick: R }) })
2216
+ /* @__PURE__ */ c(B, { justifyContent: "flex-end", children: /* @__PURE__ */ c(Tt, { label: "Done", onClick: T }) })
2217
2217
  ] }) : null })
2218
2218
  }
2219
2219
  ) });
@@ -2229,21 +2229,21 @@ const ei = ({
2229
2229
  onValueChange: e,
2230
2230
  initialLastYear: r
2231
2231
  }) => {
2232
- const [n, s] = x(() => t ? t + 4 : r ?? (/* @__PURE__ */ new Date()).getFullYear() + 4), i = E(() => {
2232
+ const [n, s] = I(() => t ? t + 4 : r ?? (/* @__PURE__ */ new Date()).getFullYear() + 4), i = E(() => {
2233
2233
  const o = n - 11;
2234
2234
  return Oe(pe(o, n + 1), 3);
2235
2235
  }, [n]);
2236
2236
  return nt(() => {
2237
2237
  s((o) => Kn(t, o));
2238
2238
  }, [t]), /* @__PURE__ */ _(B, { children: [
2239
- /* @__PURE__ */ c(J, { justifyContent: "center", children: /* @__PURE__ */ c(
2239
+ /* @__PURE__ */ c(G, { justifyContent: "center", children: /* @__PURE__ */ c(
2240
2240
  tt,
2241
2241
  {
2242
2242
  leftIcon: Kt,
2243
2243
  onClick: () => s(n - 3)
2244
2244
  }
2245
2245
  ) }),
2246
- /* @__PURE__ */ c(J, { gap: 1, children: i.map((o) => /* @__PURE__ */ c(B, { gap: 1, children: o.map((a) => /* @__PURE__ */ c(
2246
+ /* @__PURE__ */ c(G, { gap: 1, children: i.map((o) => /* @__PURE__ */ c(B, { gap: 1, children: o.map((a) => /* @__PURE__ */ c(
2247
2247
  Cn,
2248
2248
  {
2249
2249
  year: a,
@@ -2252,7 +2252,7 @@ const ei = ({
2252
2252
  },
2253
2253
  a
2254
2254
  )) }, o[0])) }),
2255
- /* @__PURE__ */ c(J, { justifyContent: "center", children: /* @__PURE__ */ c(
2255
+ /* @__PURE__ */ c(G, { justifyContent: "center", children: /* @__PURE__ */ c(
2256
2256
  tt,
2257
2257
  {
2258
2258
  leftIcon: Pt,
@@ -2315,18 +2315,18 @@ const ei = ({
2315
2315
  setCurrentPanel: a
2316
2316
  }) => {
2317
2317
  const l = w(
2318
- (h) => {
2319
- h.target.value[0] !== "0" && (r == null || r({
2320
- startDate: h.target.valueAsDate ?? void 0,
2318
+ (f) => {
2319
+ f.target.value[0] !== "0" && (r == null || r({
2320
+ startDate: f.target.valueAsDate ?? void 0,
2321
2321
  endDate: e
2322
2322
  }));
2323
2323
  },
2324
2324
  [r, e]
2325
2325
  ), d = w(
2326
- (h) => {
2327
- h.target.value[0] !== "0" && (r == null || r({
2326
+ (f) => {
2327
+ f.target.value[0] !== "0" && (r == null || r({
2328
2328
  startDate: t,
2329
- endDate: h.target.valueAsDate ?? void 0
2329
+ endDate: f.target.valueAsDate ?? void 0
2330
2330
  }));
2331
2331
  },
2332
2332
  [r, t]
@@ -2350,7 +2350,7 @@ const ei = ({
2350
2350
  showCalendar: u
2351
2351
  };
2352
2352
  }, Jn = (t, e) => {
2353
- const [r, n, s] = ie(!1), [i, o] = x(void 0), [a, l] = x("startDate"), [d, u] = x(() => (a === "startDate" ? t : a === "endDate" ? e : void 0) ?? /* @__PURE__ */ new Date()), [m, h] = x("calendar");
2353
+ const [r, n, s] = ie(!1), [i, o] = I(void 0), [a, l] = I("startDate"), [d, u] = I(() => (a === "startDate" ? t : a === "endDate" ? e : void 0) ?? /* @__PURE__ */ new Date()), [m, f] = I("calendar");
2354
2354
  return {
2355
2355
  isCalendarVisible: r,
2356
2356
  showCalendarInternal: n,
@@ -2362,7 +2362,7 @@ const ei = ({
2362
2362
  dateInFocus: d,
2363
2363
  setDateInFocus: u,
2364
2364
  currentPanel: m,
2365
- setCurrentPanel: h
2365
+ setCurrentPanel: f
2366
2366
  };
2367
2367
  }, Gn = (t, e, r, n, s, i, o, {
2368
2368
  firstFocusedInput: a,
@@ -2370,9 +2370,9 @@ const ei = ({
2370
2370
  isCalendarVisible: d,
2371
2371
  setFocusedInput: u,
2372
2372
  focusedInput: m,
2373
- setCurrentPanel: h
2373
+ setCurrentPanel: f
2374
2374
  }) => {
2375
- const f = w(() => {
2375
+ const h = w(() => {
2376
2376
  a == null && l("startDate"), u("startDate"), d || i();
2377
2377
  }, [
2378
2378
  d,
@@ -2390,14 +2390,14 @@ const ei = ({
2390
2390
  a
2391
2391
  ]), p = w(
2392
2392
  (b) => {
2393
- var S, R, N, A;
2393
+ var S, T, N, A;
2394
2394
  m === "startDate" ? e != null && V(b.date, e) ? (r == null || r({
2395
2395
  startDate: b.date,
2396
2396
  endDate: void 0
2397
2397
  }), u("endDate"), (S = s.current) == null || S.focus()) : (r == null || r({
2398
2398
  startDate: b.date,
2399
2399
  endDate: e
2400
- }), a === "startDate" ? (u("endDate"), (R = s.current) == null || R.focus()) : setTimeout(o, 50)) : m === "endDate" && (t ? V(t, b.date) ? (r == null || r({
2400
+ }), a === "startDate" ? (u("endDate"), (T = s.current) == null || T.focus()) : setTimeout(o, 50)) : m === "endDate" && (t ? V(t, b.date) ? (r == null || r({
2401
2401
  startDate: b.date,
2402
2402
  endDate: void 0
2403
2403
  }), u("endDate"), (A = s.current) == null || A.focus()) : (r == null || r({
@@ -2419,18 +2419,18 @@ const ei = ({
2419
2419
  t,
2420
2420
  n
2421
2421
  ]
2422
- ), M = w(() => {
2423
- h("presets"), i();
2424
- }, [h, i]), y = w(() => {
2422
+ ), y = w(() => {
2423
+ f("presets"), i();
2424
+ }, [f, i]), M = w(() => {
2425
2425
  var b;
2426
- d ? o() : (u("startDate"), l("startDate"), (b = n.current) == null || b.focus(), h("calendar"), i());
2426
+ d ? o() : (u("startDate"), l("startDate"), (b = n.current) == null || b.focus(), f("calendar"), i());
2427
2427
  }, [
2428
2428
  d,
2429
2429
  o,
2430
2430
  u,
2431
2431
  l,
2432
2432
  n,
2433
- h,
2433
+ f,
2434
2434
  i
2435
2435
  ]), D = w(
2436
2436
  (b) => {
@@ -2439,11 +2439,11 @@ const ei = ({
2439
2439
  [o]
2440
2440
  );
2441
2441
  return {
2442
- onFocusLeft: f,
2442
+ onFocusLeft: h,
2443
2443
  onFocusRight: g,
2444
2444
  onClickDay: p,
2445
- onClickArrowButton: M,
2446
- onClickCalendarButton: y,
2445
+ onClickArrowButton: y,
2446
+ onClickCalendarButton: M,
2447
2447
  onKeyDownHandler: D
2448
2448
  };
2449
2449
  };
@@ -2460,85 +2460,89 @@ function ii({
2460
2460
  widthLeft: d = 128,
2461
2461
  widthRight: u = 128,
2462
2462
  variant: m,
2463
- disabled: h
2463
+ disabled: f,
2464
+ zIndex: h,
2465
+ appendTo: g
2464
2466
  }) {
2465
- const { startDate: f, endDate: g } = t || {}, p = O(null), M = O(null), y = Jn(f, g), {
2466
- dateInFocus: D,
2467
- setDateInFocus: b,
2468
- isCalendarVisible: S,
2469
- currentPanel: R,
2470
- setCurrentPanel: N
2471
- } = y, {
2472
- showCalendar: A,
2473
- hideCalendar: T,
2474
- inputLeftChangeHandler: k,
2475
- inputRightChangeHandler: Y
2476
- } = qn(f, g, e, y), {
2477
- onKeyDownHandler: U,
2478
- onFocusRight: I,
2479
- onFocusLeft: C,
2480
- onClickDay: F,
2481
- onClickCalendarButton: K,
2482
- onClickArrowButton: H
2467
+ const { startDate: p, endDate: y } = t || {}, M = O(null), D = O(null), b = Jn(p, y), {
2468
+ dateInFocus: S,
2469
+ setDateInFocus: T,
2470
+ isCalendarVisible: N,
2471
+ currentPanel: A,
2472
+ setCurrentPanel: R
2473
+ } = b, {
2474
+ showCalendar: k,
2475
+ hideCalendar: Y,
2476
+ inputLeftChangeHandler: U,
2477
+ inputRightChangeHandler: x
2478
+ } = qn(p, y, e, b), {
2479
+ onKeyDownHandler: q,
2480
+ onFocusRight: F,
2481
+ onFocusLeft: j,
2482
+ onClickDay: $,
2483
+ onClickCalendarButton: J,
2484
+ onClickArrowButton: Q
2483
2485
  } = Gn(
2484
- f,
2485
- g,
2486
- e,
2487
2486
  p,
2487
+ y,
2488
+ e,
2488
2489
  M,
2489
- A,
2490
- T,
2491
- y
2490
+ D,
2491
+ k,
2492
+ Y,
2493
+ b
2492
2494
  );
2493
2495
  zn(
2494
- f,
2495
- g,
2496
- b,
2497
2496
  p,
2498
- M
2497
+ y,
2498
+ T,
2499
+ M,
2500
+ D
2499
2501
  );
2500
- const q = E(
2501
- () => f && g && V(f, g),
2502
- [f, g]
2503
- ), G = E(
2502
+ const X = E(
2503
+ () => p && y && V(p, y),
2504
+ [p, y]
2505
+ ), K = E(
2504
2506
  () => Hr(
2505
2507
  l == null ? void 0 : l.statePerMonth,
2506
- f,
2507
- g,
2508
- D
2508
+ p,
2509
+ y,
2510
+ S
2509
2511
  ),
2510
- [l == null ? void 0 : l.statePerMonth, f, g, D]
2512
+ [l == null ? void 0 : l.statePerMonth, p, y, S]
2511
2513
  );
2512
- return /* @__PURE__ */ c(L, { onKeyDown: U, children: /* @__PURE__ */ c(
2514
+ return /* @__PURE__ */ c(L, { onKeyDown: q, children: /* @__PURE__ */ c(
2513
2515
  Bt,
2514
2516
  {
2515
2517
  hideArrow: !0,
2516
2518
  restoreFocus: !1,
2517
2519
  returnFocus: !1,
2518
- renderTrigger: (Q) => /* @__PURE__ */ c(L, { ...Q, children: /* @__PURE__ */ c(
2520
+ zIndex: h,
2521
+ appendTo: g,
2522
+ renderTrigger: (H) => /* @__PURE__ */ c(L, { ...H, children: /* @__PURE__ */ c(
2519
2523
  Je,
2520
2524
  {
2521
2525
  autoFocusLeft: r,
2522
2526
  onEsc: i,
2523
2527
  onEnter: s,
2524
2528
  onBlur: n,
2525
- disabled: h,
2529
+ disabled: f,
2526
2530
  separatorIcon: Pt,
2527
2531
  typeLeft: "date",
2528
2532
  typeRight: "date",
2529
2533
  placeholderLeft: "Start date",
2530
2534
  placeholderRight: "End date",
2531
- onChangeLeft: k,
2532
- onChangeRight: Y,
2533
- onClickArrowDown: H,
2534
- onClickCalendar: K,
2535
- onFocusLeft: C,
2536
- onFocusRight: I,
2537
- onClickLeft: C,
2538
- onClickRight: I,
2539
- inputRefLeft: p,
2540
- inputRefRight: M,
2541
- variant: q ? "error" : m,
2535
+ onChangeLeft: U,
2536
+ onChangeRight: x,
2537
+ onClickArrowDown: Q,
2538
+ onClickCalendar: J,
2539
+ onFocusLeft: j,
2540
+ onFocusRight: F,
2541
+ onClickLeft: j,
2542
+ onClickRight: F,
2543
+ inputRefLeft: M,
2544
+ inputRefRight: D,
2545
+ variant: X ? "error" : m,
2542
2546
  widthLeft: d,
2543
2547
  widthRight: u,
2544
2548
  minLeft: o,
@@ -2548,20 +2552,20 @@ function ii({
2548
2552
  }
2549
2553
  ) }),
2550
2554
  placement: $t,
2551
- onRequestClose: T,
2552
- open: S,
2555
+ onRequestClose: Y,
2556
+ open: N,
2553
2557
  children: /* @__PURE__ */ c(
2554
2558
  kt,
2555
2559
  {
2556
- onClickDay: F,
2557
- dateInFocus: D,
2558
- setDateInFocus: b,
2559
- currentPanel: R,
2560
- setCurrentPanel: N,
2560
+ onClickDay: $,
2561
+ dateInFocus: S,
2562
+ setDateInFocus: T,
2563
+ currentPanel: A,
2564
+ setCurrentPanel: R,
2561
2565
  minDate: o,
2562
2566
  maxDate: a,
2563
2567
  ...l,
2564
- statePerMonth: G
2568
+ statePerMonth: K
2565
2569
  }
2566
2570
  )
2567
2571
  }
@@ -2580,14 +2584,14 @@ const ae = ({
2580
2584
  calendarSize: d,
2581
2585
  onFocus: u,
2582
2586
  onBlur: m,
2583
- placeholderWhenBlurred: h,
2584
- placeholder: f,
2587
+ placeholderWhenBlurred: f,
2588
+ placeholder: h,
2585
2589
  valueWhenBlurred: g,
2586
2590
  label: p,
2587
- variant: M,
2588
- ...y
2591
+ variant: y,
2592
+ ...M
2589
2593
  }) => {
2590
- const D = O(null), [b, S] = x(!1), { onChange: R } = Br(
2594
+ const D = O(null), [b, S] = I(!1), { onChange: T } = Br(
2591
2595
  D,
2592
2596
  t,
2593
2597
  e,
@@ -2609,33 +2613,33 @@ const ae = ({
2609
2613
  m == null || m(k), S(!1);
2610
2614
  },
2611
2615
  [m]
2612
- ), T = b ? f : h ?? f;
2613
- return M === "standard" ? /* @__PURE__ */ c(ur, { text: p ?? "", children: /* @__PURE__ */ c(
2616
+ ), R = b ? h : f ?? h;
2617
+ return y === "standard" ? /* @__PURE__ */ c(ur, { text: p ?? "", children: /* @__PURE__ */ c(
2614
2618
  mt,
2615
2619
  {
2616
- ...y,
2620
+ ...M,
2617
2621
  "aria-live": "polite",
2618
2622
  value: (b ? s : g) ?? "",
2619
2623
  inputRef: D,
2620
- placeholder: T,
2624
+ placeholder: R,
2621
2625
  onFocus: N,
2622
2626
  onBlur: A,
2623
- onChange: R,
2627
+ onChange: T,
2624
2628
  width: Ae(d),
2625
2629
  alwaysShowPlaceholder: !0
2626
2630
  }
2627
2631
  ) }) : /* @__PURE__ */ c(
2628
2632
  vr,
2629
2633
  {
2630
- ...y,
2634
+ ...M,
2631
2635
  label: p,
2632
2636
  "aria-live": "polite",
2633
2637
  value: (b ? s : g) ?? "",
2634
2638
  ref: D,
2635
- placeholder: T,
2639
+ placeholder: R,
2636
2640
  onFocus: N,
2637
2641
  onBlur: A,
2638
- onChange: R,
2642
+ onChange: T,
2639
2643
  width: Ae(d),
2640
2644
  size: d === "large" ? "large" : "medium"
2641
2645
  }
@@ -2706,7 +2710,7 @@ const ae = ({
2706
2710
  );
2707
2711
  if (!isNaN(s.getTime()))
2708
2712
  return s;
2709
- }, xt = (t, e) => $(t, Rt(e), {
2713
+ }, xt = (t, e) => W(t, Rt(e), {
2710
2714
  locale: Xt(e)
2711
2715
  }), le = (t, e) => {
2712
2716
  const r = Dt(t, e);
@@ -2726,7 +2730,7 @@ const ae = ({
2726
2730
  valueWhenBlurredEndDate: u,
2727
2731
  variant: m
2728
2732
  }) => {
2729
- const { mask: h, placeholder: f } = E(() => {
2733
+ const { mask: f, placeholder: h } = E(() => {
2730
2734
  const g = Rt(r);
2731
2735
  return {
2732
2736
  mask: Qe(g),
@@ -2737,7 +2741,7 @@ const ae = ({
2737
2741
  /* @__PURE__ */ c(
2738
2742
  ae,
2739
2743
  {
2740
- mask: h,
2744
+ mask: f,
2741
2745
  value: t == null ? void 0 : t.startDate,
2742
2746
  onValueChange: (g) => {
2743
2747
  e == null || e({ startDate: g });
@@ -2752,7 +2756,7 @@ const ae = ({
2752
2756
  onFocus: i,
2753
2757
  label: n,
2754
2758
  borderRadiusVariant: "onlyLeft",
2755
- placeholder: f,
2759
+ placeholder: h,
2756
2760
  placeholderWhenBlurred: a,
2757
2761
  valueWhenBlurred: d,
2758
2762
  calendarSize: o,
@@ -2762,7 +2766,7 @@ const ae = ({
2762
2766
  /* @__PURE__ */ c(
2763
2767
  ae,
2764
2768
  {
2765
- mask: h,
2769
+ mask: f,
2766
2770
  value: t == null ? void 0 : t.endDate,
2767
2771
  onValueChange: (g) => e == null ? void 0 : e({ endDate: g }),
2768
2772
  onBlur: (g) => {
@@ -2775,7 +2779,7 @@ const ae = ({
2775
2779
  onFocus: i,
2776
2780
  label: s,
2777
2781
  borderRadiusVariant: "onlyRight",
2778
- placeholder: f,
2782
+ placeholder: h,
2779
2783
  placeholderWhenBlurred: l,
2780
2784
  valueWhenBlurred: u,
2781
2785
  calendarSize: o,
@@ -2785,50 +2789,50 @@ const ae = ({
2785
2789
  ] });
2786
2790
  }, de = (t, e, r) => {
2787
2791
  const n = Mr(t, e) ? "" : " y";
2788
- return r.code.startsWith("en") ? $(t, "eee MMM d" + n, { locale: r }).replace(".", "") : $(t, "eee d MMM" + n, { locale: r }).replace(".", "");
2792
+ return r.code.startsWith("en") ? W(t, "eee MMM d" + n, { locale: r }).replace(".", "") : W(t, "eee d MMM" + n, { locale: r }).replace(".", "");
2789
2793
  }, tr = (t, e, r, n) => {
2790
2794
  const s = Xt(r) ?? Ze(), i = be(), o = ye(), a = O(null), l = E(
2791
2795
  () => Rt(r),
2792
2796
  [r]
2793
2797
  ), d = E(
2794
2798
  () => {
2795
- var I;
2796
- return ((I = t == null ? void 0 : t.startDate) == null ? void 0 : I.length) === l.length ? Dt(t.startDate, r) : void 0;
2799
+ var x;
2800
+ return ((x = t == null ? void 0 : t.startDate) == null ? void 0 : x.length) === l.length ? Dt(t.startDate, r) : void 0;
2797
2801
  },
2798
2802
  [l.length, r, t == null ? void 0 : t.startDate]
2799
2803
  ), u = E(
2800
2804
  () => {
2801
- var I;
2802
- return ((I = t == null ? void 0 : t.endDate) == null ? void 0 : I.length) === l.length ? Dt(t.endDate, r) : void 0;
2805
+ var x;
2806
+ return ((x = t == null ? void 0 : t.endDate) == null ? void 0 : x.length) === l.length ? Dt(t.endDate, r) : void 0;
2803
2807
  },
2804
2808
  [l.length, r, t == null ? void 0 : t.endDate]
2805
2809
  ), m = E(
2806
2810
  () => d != null ? de(d, o, s) : void 0,
2807
2811
  [s, d, o]
2808
- ), h = E(
2812
+ ), f = E(
2809
2813
  () => u != null ? de(u, o, s) : void 0,
2810
2814
  [s, u, o]
2811
- ), [f, g] = x(
2815
+ ), [h, g] = I(
2812
2816
  n ?? d ?? /* @__PURE__ */ new Date()
2813
2817
  ), p = w(
2814
- (I) => {
2815
- at(I, o) || V(I, o) ? g(I) : g(o);
2818
+ (x) => {
2819
+ at(x, o) || V(x, o) ? g(x) : g(o);
2816
2820
  },
2817
2821
  [o]
2818
- ), M = E(
2822
+ ), y = E(
2819
2823
  () => Gt(
2820
- f.getFullYear(),
2821
- f.getMonth(),
2824
+ h.getFullYear(),
2825
+ h.getMonth(),
2822
2826
  s
2823
2827
  ),
2824
- [s, f]
2825
- ), y = E(() => Nt($(f, "MMMM yyyy", { locale: s })), [s, f]), D = E(() => at(o, f), [o, f]), [b, S] = x(), [R, N] = x("calendar"), A = w(
2826
- (I) => {
2827
- var K, H;
2828
- const C = ((K = I == null ? void 0 : I.startDate) == null ? void 0 : K.length) === l.length ? Dt(I.startDate, r) : void 0, F = ((H = I == null ? void 0 : I.endDate) == null ? void 0 : H.length) === l.length ? Dt(I.endDate, r) : void 0;
2829
- C ? p(C) : F && p(F), e == null || e({
2828
+ [s, h]
2829
+ ), M = E(() => Nt(W(h, "MMMM yyyy", { locale: s })), [s, h]), D = E(() => at(o, h), [o, h]), [b, S] = I(), [T, N] = I("calendar"), A = w(
2830
+ (x) => {
2831
+ var j, $;
2832
+ const q = ((j = x == null ? void 0 : x.startDate) == null ? void 0 : j.length) === l.length ? Dt(x.startDate, r) : void 0, F = (($ = x == null ? void 0 : x.endDate) == null ? void 0 : $.length) === l.length ? Dt(x.endDate, r) : void 0;
2833
+ q ? p(q) : F && p(F), e == null || e({
2830
2834
  ...t,
2831
- ...I
2835
+ ...x
2832
2836
  });
2833
2837
  },
2834
2838
  [
@@ -2838,49 +2842,49 @@ const ae = ({
2838
2842
  p,
2839
2843
  t
2840
2844
  ]
2841
- ), T = E(
2842
- () => at(o, f) || ct(f, o),
2843
- [o, f]
2845
+ ), R = E(
2846
+ () => at(o, h) || ct(h, o),
2847
+ [o, h]
2844
2848
  ), k = E(
2845
2849
  () => (d && u && (v(d, u) || ct(d, u))) ?? !1,
2846
2850
  [u, d]
2847
2851
  );
2848
2852
  return {
2849
2853
  isDateDisabled: w(
2850
- (I) => !v(I, o) && ct(I, o),
2854
+ (x) => !v(x, o) && ct(x, o),
2851
2855
  [o]
2852
2856
  ),
2853
- onClickDate: (I) => {
2854
- I.getFullYear() === f.getFullYear() && I.getMonth() === f.getMonth() && (d && u == null ? ct(I, d) ? e == null || e({
2855
- startDate: xt(I, r),
2857
+ onClickDate: (x) => {
2858
+ x.getFullYear() === h.getFullYear() && x.getMonth() === h.getMonth() && (d && u == null ? ct(x, d) ? e == null || e({
2859
+ startDate: xt(x, r),
2856
2860
  endDate: void 0
2857
2861
  }) : e == null || e({
2858
2862
  startDate: t == null ? void 0 : t.startDate,
2859
- endDate: xt(I, r)
2863
+ endDate: xt(x, r)
2860
2864
  }) : e == null || e({
2861
- startDate: xt(I, r),
2865
+ startDate: xt(x, r),
2862
2866
  endDate: void 0
2863
2867
  }));
2864
2868
  },
2865
2869
  onValueChangeByInputs: A,
2866
2870
  isValidDateRange: k,
2867
- prevMonthDisabled: T,
2871
+ prevMonthDisabled: R,
2868
2872
  monthPickerButtonRef: a,
2869
2873
  calendarId: i,
2870
- monthPickerButtonLabel: y,
2871
- visiblePanel: R,
2874
+ monthPickerButtonLabel: M,
2875
+ visiblePanel: T,
2872
2876
  setVisiblePanel: N,
2873
2877
  setVisibleMonth: g,
2874
- visibleMonthData: M,
2878
+ visibleMonthData: y,
2875
2879
  todayIsInVisibleMonth: D,
2876
2880
  hoverDate: b,
2877
2881
  setHoverDate: S,
2878
2882
  selectedStartDate: d,
2879
2883
  selectedEndDate: u,
2880
2884
  today: o,
2881
- visibleMonth: f,
2885
+ visibleMonth: h,
2882
2886
  valueWhenBlurredStartDate: m,
2883
- valueWhenBlurredEndDate: h
2887
+ valueWhenBlurredEndDate: f
2884
2888
  };
2885
2889
  }, Zt = ({
2886
2890
  previousMonthButtonAriaLabel: t,
@@ -3019,7 +3023,7 @@ const ae = ({
3019
3023
  default:
3020
3024
  return;
3021
3025
  }
3022
- }, re = (t, e) => $(We(t, 12), lt.fullDate) + e, ps = "_travelDateCellBackground_1k07m_1", Ds = "_small_1k07m_2", bs = "_medium_1k07m_7", ws = "_large_1k07m_12", Ot = {
3026
+ }, re = (t, e) => W(We(t, 12), lt.fullDate) + e, ps = "_travelDateCellBackground_1k07m_1", Ds = "_small_1k07m_2", bs = "_medium_1k07m_7", ws = "_large_1k07m_12", Ot = {
3023
3027
  travelDateCellBackground: ps,
3024
3028
  small: Ds,
3025
3029
  medium: bs,
@@ -3052,34 +3056,34 @@ const ae = ({
3052
3056
  hoverDate: d,
3053
3057
  today: u,
3054
3058
  todayIsInVisibleMonth: m,
3055
- calendarId: h,
3056
- isDateDisabled: f,
3059
+ calendarId: f,
3060
+ isDateDisabled: h,
3057
3061
  size: g,
3058
3062
  dateTestId: p
3059
3063
  }) => {
3060
- const M = w(
3064
+ const y = w(
3061
3065
  async (A) => {
3062
3066
  var k;
3063
- const T = gs(n.date, A.key);
3064
- T && !f(T) && (a(T), at(n.date, T) ? (k = document.getElementById(re(T, h))) == null || k.focus() : (r(T), setTimeout(() => {
3067
+ const R = gs(n.date, A.key);
3068
+ R && !h(R) && (a(R), at(n.date, R) ? (k = document.getElementById(re(R, f))) == null || k.focus() : (r(R), setTimeout(() => {
3065
3069
  var Y;
3066
- (Y = document.getElementById(re(T, h))) == null || Y.focus();
3070
+ (Y = document.getElementById(re(R, f))) == null || Y.focus();
3067
3071
  }, 10))), (A.key === "Enter" || A.code === "Space") && t(n.date);
3068
3072
  },
3069
3073
  [
3070
- h,
3071
- n.date,
3072
3074
  f,
3075
+ n.date,
3076
+ h,
3073
3077
  r,
3074
3078
  t,
3075
3079
  a
3076
3080
  ]
3077
- ), y = n.month === e.getMonth(), D = f(n.date), b = i ? v(i, n.date) : !1, S = o ? v(o, n.date) : !1, R = v(n.date, u), N = ms(
3081
+ ), M = n.month === e.getMonth(), D = h(n.date), b = i ? v(i, n.date) : !1, S = o ? v(o, n.date) : !1, T = v(n.date, u), N = ms(
3078
3082
  n.date,
3079
3083
  i,
3080
3084
  o,
3081
3085
  d,
3082
- y,
3086
+ M,
3083
3087
  s
3084
3088
  );
3085
3089
  return /* @__PURE__ */ _(
@@ -3087,17 +3091,17 @@ const ae = ({
3087
3091
  {
3088
3092
  className: wt(rt.travelDateCell, rt[g]),
3089
3093
  onClick: D ? void 0 : () => t(n.date),
3090
- onMouseOver: D ? void 0 : () => y && a(n.date),
3091
- onMouseOut: D ? void 0 : () => y && l(n.date),
3094
+ onMouseOver: D ? void 0 : () => M && a(n.date),
3095
+ onMouseOut: D ? void 0 : () => M && l(n.date),
3092
3096
  tabIndex: D ? void 0 : ks(
3093
3097
  n,
3094
3098
  i,
3095
- R,
3099
+ T,
3096
3100
  e,
3097
3101
  m
3098
3102
  ),
3099
- id: D ? void 0 : re(n.date, h),
3100
- onKeyDown: D ? void 0 : M,
3103
+ id: D ? void 0 : re(n.date, f),
3104
+ onKeyDown: D ? void 0 : y,
3101
3105
  ...D ? void 0 : { "aria-selected": b || S },
3102
3106
  "data-testid": p == null ? void 0 : p(n.date),
3103
3107
  children: [
@@ -3110,12 +3114,12 @@ const ae = ({
3110
3114
  bgColorRight: N.right
3111
3115
  }
3112
3116
  ),
3113
- y && /* @__PURE__ */ c(
3117
+ M && /* @__PURE__ */ c(
3114
3118
  "div",
3115
3119
  {
3116
3120
  className: wt(
3117
3121
  rt.contentWrapper,
3118
- R ? rt.isToday : void 0,
3122
+ T ? rt.isToday : void 0,
3119
3123
  i ? rt.startSelected : void 0,
3120
3124
  o ? rt.endSelected : void 0,
3121
3125
  d && v(d, n.date) ? rt.hover : void 0,
@@ -3154,8 +3158,8 @@ const ae = ({
3154
3158
  today: d,
3155
3159
  calendarId: u,
3156
3160
  isDateDisabled: m,
3157
- todayIsInVisibleMonth: h,
3158
- size: f = "medium",
3161
+ todayIsInVisibleMonth: f,
3162
+ size: h = "medium",
3159
3163
  multiSelectable: g,
3160
3164
  dateTestId: p
3161
3165
  }) => /* @__PURE__ */ c(
@@ -3165,29 +3169,29 @@ const ae = ({
3165
3169
  role: "grid",
3166
3170
  ...g ? { "aria-multiselectable": !0 } : void 0,
3167
3171
  children: /* @__PURE__ */ _("tbody", { children: [
3168
- /* @__PURE__ */ c("tr", { children: t.weeks[0].days.map((M) => /* @__PURE__ */ c("th", { abbr: M.fullName, children: /* @__PURE__ */ c(yt, { children: M.name }) }, M.name)) }),
3169
- t.weeks.map((M) => /* @__PURE__ */ c(De.Fragment, { children: /* @__PURE__ */ c("tr", { children: M.days.map((y) => /* @__PURE__ */ c(
3172
+ /* @__PURE__ */ c("tr", { children: t.weeks[0].days.map((y) => /* @__PURE__ */ c("th", { abbr: y.fullName, children: /* @__PURE__ */ c(yt, { children: y.name }) }, y.name)) }),
3173
+ t.weeks.map((y) => /* @__PURE__ */ c(De.Fragment, { children: /* @__PURE__ */ c("tr", { children: y.days.map((M) => /* @__PURE__ */ c(
3170
3174
  Ms,
3171
3175
  {
3172
- size: f,
3176
+ size: h,
3173
3177
  onClick: (D) => e(D),
3174
3178
  visibleMonth: s,
3175
3179
  onChangeVisibleMonth: n,
3176
3180
  isValidDateRange: i,
3177
- day: y,
3181
+ day: M,
3178
3182
  onStartHover: (D) => r(D),
3179
3183
  onEndHover: (D) => r((b) => b && v(b, D) ? void 0 : b),
3180
3184
  selectedStartDate: o,
3181
3185
  selectedEndDate: a,
3182
3186
  hoverDate: l,
3183
3187
  today: d,
3184
- todayIsInVisibleMonth: h,
3188
+ todayIsInVisibleMonth: f,
3185
3189
  calendarId: u,
3186
3190
  isDateDisabled: m,
3187
3191
  dateTestId: p
3188
3192
  },
3189
- y.dateString
3190
- )) }, M.weekNumber) }, M.weekNumber))
3193
+ M.dateString
3194
+ )) }, y.weekNumber) }, y.weekNumber))
3191
3195
  ] })
3192
3196
  }
3193
3197
  ), Rs = "_travelDateRangeInput_1j7rp_1", Is = "_overlay_1j7rp_2", xs = "_calendarVisible_1j7rp_6", ne = {
@@ -3207,60 +3211,60 @@ const ae = ({
3207
3211
  placeholderWhenBlurredEndDate: d,
3208
3212
  heading: u,
3209
3213
  headingLevel: m,
3210
- numMonthsInMonthPicker: h = 12,
3211
- firstMonthInMonthPicker: f = /* @__PURE__ */ new Date(),
3214
+ numMonthsInMonthPicker: f = 12,
3215
+ firstMonthInMonthPicker: h = /* @__PURE__ */ new Date(),
3212
3216
  zIndex: g = 1e3,
3213
3217
  zIndexWhenClosed: p,
3214
- onHideCalendar: M,
3215
- renderBelowCalendar: y,
3218
+ onHideCalendar: y,
3219
+ renderBelowCalendar: M,
3216
3220
  size: D = "medium",
3217
3221
  dateTestId: b,
3218
3222
  previousMonthButtonTestId: S,
3219
- nextMonthButtonTestId: R,
3223
+ nextMonthButtonTestId: T,
3220
3224
  textInputVariant: N = "standard"
3221
3225
  }) => {
3222
- const [A, T] = x(!1), [k, Y] = x(!1), [U, I] = x({
3226
+ const [A, R] = I(!1), [k, Y] = I(!1), [U, x] = I({
3223
3227
  // Sane defaults, this will be updated with actual data from DOM.
3224
3228
  width: 336,
3225
3229
  height: 66
3226
- }), C = D === "large" ? "8.8rem" : "6.6rem", F = O(!1), K = w(() => {
3230
+ }), q = D === "large" ? "8.8rem" : "6.6rem", F = O(!1), j = w(() => {
3227
3231
  F.current = !0, Y(!0), setTimeout(() => {
3228
- T(!0);
3232
+ R(!0);
3229
3233
  }, 10);
3230
- }, []), H = w(() => {
3231
- k && (T(!1), F.current = !1, M == null || M(), setTimeout(() => {
3234
+ }, []), $ = w(() => {
3235
+ k && (R(!1), F.current = !1, y == null || y(), setTimeout(() => {
3232
3236
  F.current || Y(!1);
3233
3237
  }, 120));
3234
- }, [k, M]), q = O(null), G = O(null);
3235
- Ne(q, H), Ue(() => {
3238
+ }, [k, y]), J = O(null), Q = O(null);
3239
+ Ne(J, $), Ue(() => {
3236
3240
  var It, Me;
3237
- const P = (It = G.current) == null ? void 0 : It.offsetWidth, ot = (Me = G.current) == null ? void 0 : Me.offsetHeight;
3238
- P != null && ot != null && (U.height !== ot || U.width !== P) && I({ width: P, height: ot });
3241
+ const P = (It = Q.current) == null ? void 0 : It.offsetWidth, ot = (Me = Q.current) == null ? void 0 : Me.offsetHeight;
3242
+ P != null && ot != null && (U.height !== ot || U.width !== P) && x({ width: P, height: ot });
3239
3243
  }, [U.height, U.width]);
3240
- const Q = tr(
3244
+ const X = tr(
3241
3245
  t,
3242
3246
  e,
3243
3247
  s,
3244
3248
  i
3245
3249
  ), {
3246
- visiblePanel: X,
3247
- visibleMonth: W,
3248
- onValueChangeByInputs: j,
3250
+ visiblePanel: K,
3251
+ visibleMonth: H,
3252
+ onValueChangeByInputs: C,
3249
3253
  setVisibleMonth: it,
3250
3254
  setVisiblePanel: st,
3251
3255
  monthPickerButtonRef: et
3252
- } = Q, z = w(
3256
+ } = X, z = w(
3253
3257
  (P) => {
3254
- P.key === "Escape" && H();
3258
+ P.key === "Escape" && $();
3255
3259
  },
3256
- [H]
3260
+ [$]
3257
3261
  );
3258
3262
  return /* @__PURE__ */ _(
3259
3263
  L,
3260
3264
  {
3261
3265
  position: "relative",
3262
3266
  className: ne.travelDateRangeInput,
3263
- ref: q,
3267
+ ref: J,
3264
3268
  onKeyDown: z,
3265
3269
  height: U.height,
3266
3270
  width: U.width,
@@ -3269,18 +3273,18 @@ const ae = ({
3269
3273
  L,
3270
3274
  {
3271
3275
  position: "absolute",
3272
- ref: G,
3276
+ ref: Q,
3273
3277
  zIndex: k ? g : p,
3274
3278
  children: /* @__PURE__ */ c(
3275
3279
  Ve,
3276
3280
  {
3277
- ...Q,
3281
+ ...X,
3278
3282
  value: t,
3279
- onValueChange: j,
3283
+ onValueChange: C,
3280
3284
  localeCode: s,
3281
3285
  startDateLabel: r,
3282
3286
  endDateLabel: n,
3283
- onFocus: K,
3287
+ onFocus: j,
3284
3288
  calendarSize: D,
3285
3289
  placeholderWhenBlurredStartDate: l,
3286
3290
  placeholderWhenBlurredEndDate: d,
@@ -3305,33 +3309,33 @@ const ae = ({
3305
3309
  borderRadius: "var(--swui-border-radius-large)",
3306
3310
  children: /* @__PURE__ */ _(Pe, { gap: 3, children: [
3307
3311
  u && /* @__PURE__ */ c(Yt, { variant: "h2", as: m, children: u }),
3308
- /* @__PURE__ */ c(L, { height: C }),
3312
+ /* @__PURE__ */ c(L, { height: q }),
3309
3313
  /* @__PURE__ */ c(
3310
3314
  Zt,
3311
3315
  {
3312
- ...Q,
3316
+ ...X,
3313
3317
  previousMonthButtonAriaLabel: o,
3314
3318
  nextMonthButtonAriaLabel: a,
3315
3319
  calendarSize: D,
3316
3320
  previousMonthButtonTestId: S,
3317
- nextMonthButtonTestId: R
3321
+ nextMonthButtonTestId: T
3318
3322
  }
3319
3323
  ),
3320
- X === "calendar" && /* @__PURE__ */ c(
3324
+ K === "calendar" && /* @__PURE__ */ c(
3321
3325
  Vt,
3322
3326
  {
3323
- ...Q,
3327
+ ...X,
3324
3328
  size: D,
3325
3329
  multiSelectable: !0,
3326
3330
  dateTestId: b
3327
3331
  }
3328
3332
  ),
3329
- X === "month-picker" && /* @__PURE__ */ c(
3333
+ K === "month-picker" && /* @__PURE__ */ c(
3330
3334
  Ht,
3331
3335
  {
3332
- firstMonth: f,
3333
- numMonths: h,
3334
- value: W,
3336
+ firstMonth: h,
3337
+ numMonths: f,
3338
+ value: H,
3335
3339
  size: D,
3336
3340
  onValueChange: (P) => {
3337
3341
  var ot;
@@ -3343,7 +3347,7 @@ const ae = ({
3343
3347
  }
3344
3348
  }
3345
3349
  ),
3346
- y == null ? void 0 : y({ hideCalendar: H })
3350
+ M == null ? void 0 : M({ hideCalendar: $ })
3347
3351
  ] })
3348
3352
  }
3349
3353
  )
@@ -3381,8 +3385,8 @@ const ae = ({
3381
3385
  value: t,
3382
3386
  onValueChange: e,
3383
3387
  onBlur: (m) => {
3384
- const h = le(m.target.value, n);
3385
- h && h !== t && (e == null || e(h));
3388
+ const f = le(m.target.value, n);
3389
+ f && f !== t && (e == null || e(f));
3386
3390
  },
3387
3391
  onFocus: s,
3388
3392
  label: r,
@@ -3403,11 +3407,11 @@ const ae = ({
3403
3407
  ), u = E(
3404
3408
  () => d != null ? de(d, o, s) : void 0,
3405
3409
  [s, d, o]
3406
- ), [m, h] = x(
3410
+ ), [m, f] = I(
3407
3411
  n ?? d ?? /* @__PURE__ */ new Date()
3408
- ), f = w(
3412
+ ), h = w(
3409
3413
  (k) => {
3410
- at(k, o) || V(k, o) ? h(k) : h(o);
3414
+ at(k, o) || V(k, o) ? f(k) : f(o);
3411
3415
  },
3412
3416
  [o]
3413
3417
  ), g = E(
@@ -3417,12 +3421,12 @@ const ae = ({
3417
3421
  s
3418
3422
  ),
3419
3423
  [s, m]
3420
- ), p = E(() => Nt($(m, "MMMM yyyy", { locale: s })), [s, m]), M = E(() => at(o, m), [o, m]), [y, D] = x(), [b, S] = x("calendar"), R = w(
3424
+ ), p = E(() => Nt(W(m, "MMMM yyyy", { locale: s })), [s, m]), y = E(() => at(o, m), [o, m]), [M, D] = I(), [b, S] = I("calendar"), T = w(
3421
3425
  (k) => {
3422
3426
  const Y = (k == null ? void 0 : k.length) === l.length ? Dt(k, r) : void 0;
3423
- Y && f(Y), e == null || e(k);
3427
+ Y && h(Y), e == null || e(k);
3424
3428
  },
3425
- [l.length, r, e, f]
3429
+ [l.length, r, e, h]
3426
3430
  ), N = E(
3427
3431
  () => at(o, m) || ct(m, o),
3428
3432
  [o, m]
@@ -3435,17 +3439,17 @@ const ae = ({
3435
3439
  onClickDate: (k) => {
3436
3440
  e == null || e(xt(k, r));
3437
3441
  },
3438
- onValueChangeByInputs: R,
3442
+ onValueChangeByInputs: T,
3439
3443
  prevMonthDisabled: N,
3440
3444
  monthPickerButtonRef: a,
3441
3445
  calendarId: i,
3442
3446
  monthPickerButtonLabel: p,
3443
3447
  visiblePanel: b,
3444
3448
  setVisiblePanel: S,
3445
- setVisibleMonth: h,
3449
+ setVisibleMonth: f,
3446
3450
  visibleMonthData: g,
3447
- todayIsInVisibleMonth: M,
3448
- hoverDate: y,
3451
+ todayIsInVisibleMonth: y,
3452
+ hoverDate: M,
3449
3453
  setHoverDate: D,
3450
3454
  selectedDate: d,
3451
3455
  today: o,
@@ -3465,48 +3469,48 @@ const ae = ({
3465
3469
  headingLevel: d,
3466
3470
  numMonthsInMonthPicker: u = 12,
3467
3471
  firstMonthInMonthPicker: m = /* @__PURE__ */ new Date(),
3468
- zIndex: h = 1e3,
3469
- zIndexWhenClosed: f,
3472
+ zIndex: f = 1e3,
3473
+ zIndexWhenClosed: h,
3470
3474
  onHideCalendar: g,
3471
3475
  renderBelowCalendar: p,
3472
- size: M = "medium",
3473
- dateTestId: y,
3476
+ size: y = "medium",
3477
+ dateTestId: M,
3474
3478
  previousMonthButtonTestId: D,
3475
3479
  nextMonthButtonTestId: b,
3476
3480
  textInputVariant: S = "standard"
3477
3481
  }) => {
3478
- const [R, N] = x(!1), [A, T] = x(!1), [k, Y] = x({
3482
+ const [T, N] = I(!1), [A, R] = I(!1), [k, Y] = I({
3479
3483
  // Sane defaults, this will be updated with actual data from DOM.
3480
3484
  width: 336,
3481
3485
  height: 66
3482
- }), U = M === "large" ? "8.8rem" : "6.6rem", I = O(!1), C = w(() => {
3483
- I.current = !0, T(!0), setTimeout(() => {
3486
+ }), U = y === "large" ? "8.8rem" : "6.6rem", x = O(!1), q = w(() => {
3487
+ x.current = !0, R(!0), setTimeout(() => {
3484
3488
  N(!0);
3485
3489
  }, 10);
3486
3490
  }, []), F = w(() => {
3487
- A && (N(!1), I.current = !1, g == null || g(), setTimeout(() => {
3488
- I.current || T(!1);
3491
+ A && (N(!1), x.current = !1, g == null || g(), setTimeout(() => {
3492
+ x.current || R(!1);
3489
3493
  }, 120));
3490
- }, [A, g]), K = O(null), H = O(null);
3491
- Ne(K, F), Ue(() => {
3494
+ }, [A, g]), j = O(null), $ = O(null);
3495
+ Ne(j, F), Ue(() => {
3492
3496
  var ot, It;
3493
- const z = (ot = H.current) == null ? void 0 : ot.offsetWidth, P = (It = H.current) == null ? void 0 : It.offsetHeight;
3497
+ const z = (ot = $.current) == null ? void 0 : ot.offsetWidth, P = (It = $.current) == null ? void 0 : It.offsetHeight;
3494
3498
  z != null && P != null && (k.height !== P || k.width !== z) && Y({ width: z, height: P });
3495
3499
  }, [k.height, k.width]);
3496
- const q = rr(
3500
+ const J = rr(
3497
3501
  t,
3498
3502
  e,
3499
3503
  n,
3500
3504
  s
3501
3505
  ), {
3502
- visiblePanel: G,
3503
- visibleMonth: Q,
3504
- onValueChangeByInputs: X,
3505
- selectedDate: W,
3506
- setVisibleMonth: j,
3506
+ visiblePanel: Q,
3507
+ visibleMonth: X,
3508
+ onValueChangeByInputs: K,
3509
+ selectedDate: H,
3510
+ setVisibleMonth: C,
3507
3511
  setVisiblePanel: it,
3508
3512
  monthPickerButtonRef: st
3509
- } = q, et = w(
3513
+ } = J, et = w(
3510
3514
  (z) => {
3511
3515
  z.key === "Escape" && F();
3512
3516
  },
@@ -3517,7 +3521,7 @@ const ae = ({
3517
3521
  {
3518
3522
  position: "relative",
3519
3523
  className: se.travelDateInput,
3520
- ref: K,
3524
+ ref: j,
3521
3525
  onKeyDown: et,
3522
3526
  height: k.height,
3523
3527
  width: k.width,
@@ -3526,18 +3530,18 @@ const ae = ({
3526
3530
  L,
3527
3531
  {
3528
3532
  position: "absolute",
3529
- ref: H,
3530
- zIndex: A ? h : f,
3533
+ ref: $,
3534
+ zIndex: A ? f : h,
3531
3535
  children: /* @__PURE__ */ c(
3532
3536
  er,
3533
3537
  {
3534
- ...q,
3538
+ ...J,
3535
3539
  value: t,
3536
- onValueChange: X,
3540
+ onValueChange: K,
3537
3541
  localeCode: n,
3538
3542
  label: r,
3539
- onFocus: C,
3540
- calendarSize: M,
3543
+ onFocus: q,
3544
+ calendarSize: y,
3541
3545
  placeholderWhenBlurred: a,
3542
3546
  variant: S
3543
3547
  }
@@ -3548,10 +3552,10 @@ const ae = ({
3548
3552
  L,
3549
3553
  {
3550
3554
  position: "absolute",
3551
- zIndex: h - 1,
3555
+ zIndex: f - 1,
3552
3556
  left: "-2.4rem",
3553
3557
  top: l ? "-8.0rem" : "-2.4rem",
3554
- className: wt(se.overlay, R && se.calendarVisible),
3558
+ className: wt(se.overlay, T && se.calendarVisible),
3555
3559
  children: /* @__PURE__ */ c(
3556
3560
  L,
3557
3561
  {
@@ -3564,36 +3568,36 @@ const ae = ({
3564
3568
  /* @__PURE__ */ c(
3565
3569
  Zt,
3566
3570
  {
3567
- ...q,
3571
+ ...J,
3568
3572
  previousMonthButtonAriaLabel: i,
3569
3573
  nextMonthButtonAriaLabel: o,
3570
- calendarSize: M,
3574
+ calendarSize: y,
3571
3575
  previousMonthButtonTestId: D,
3572
3576
  nextMonthButtonTestId: b
3573
3577
  }
3574
3578
  ),
3575
- G === "calendar" && /* @__PURE__ */ c(
3579
+ Q === "calendar" && /* @__PURE__ */ c(
3576
3580
  Vt,
3577
3581
  {
3578
- ...q,
3579
- size: M,
3580
- isValidDateRange: !!W,
3581
- selectedStartDate: W,
3582
- selectedEndDate: W,
3582
+ ...J,
3583
+ size: y,
3584
+ isValidDateRange: !!H,
3585
+ selectedStartDate: H,
3586
+ selectedEndDate: H,
3583
3587
  multiSelectable: !1,
3584
- dateTestId: y
3588
+ dateTestId: M
3585
3589
  }
3586
3590
  ),
3587
- G === "month-picker" && /* @__PURE__ */ c(
3591
+ Q === "month-picker" && /* @__PURE__ */ c(
3588
3592
  Ht,
3589
3593
  {
3590
3594
  firstMonth: m,
3591
3595
  numMonths: u,
3592
- value: Q,
3593
- size: M,
3596
+ value: X,
3597
+ size: y,
3594
3598
  onValueChange: (z) => {
3595
3599
  var P;
3596
- j(z), it("calendar"), (P = st.current) == null || P.focus();
3600
+ C(z), it("calendar"), (P = st.current) == null || P.focus();
3597
3601
  },
3598
3602
  onCancel: () => {
3599
3603
  var z;
@@ -3623,13 +3627,13 @@ const ae = ({
3623
3627
  headingLevel: d,
3624
3628
  numMonthsInMonthPicker: u = 12,
3625
3629
  firstMonthInMonthPicker: m = /* @__PURE__ */ new Date(),
3626
- dateTestId: h,
3627
- size: f = "medium",
3630
+ dateTestId: f,
3631
+ size: h = "medium",
3628
3632
  previousMonthButtonTestId: g,
3629
3633
  nextMonthButtonTestId: p,
3630
- textInputVariant: M = "standard"
3634
+ textInputVariant: y = "standard"
3631
3635
  }) => {
3632
- const y = rr(
3636
+ const M = rr(
3633
3637
  t,
3634
3638
  e,
3635
3639
  n,
@@ -3638,33 +3642,33 @@ const ae = ({
3638
3642
  visiblePanel: D,
3639
3643
  visibleMonth: b,
3640
3644
  onValueChangeByInputs: S,
3641
- setVisibleMonth: R,
3645
+ setVisibleMonth: T,
3642
3646
  setVisiblePanel: N,
3643
3647
  monthPickerButtonRef: A,
3644
- selectedDate: T
3645
- } = y;
3646
- return /* @__PURE__ */ _(J, { gap: 3, children: [
3648
+ selectedDate: R
3649
+ } = M;
3650
+ return /* @__PURE__ */ _(G, { gap: 3, children: [
3647
3651
  l && /* @__PURE__ */ c(Yt, { variant: "h2", as: d, children: l }),
3648
3652
  /* @__PURE__ */ c(
3649
3653
  er,
3650
3654
  {
3651
- ...y,
3655
+ ...M,
3652
3656
  value: t,
3653
3657
  onValueChange: S,
3654
3658
  localeCode: n,
3655
3659
  label: r,
3656
- calendarSize: f,
3660
+ calendarSize: h,
3657
3661
  placeholderWhenBlurred: a,
3658
- variant: M
3662
+ variant: y
3659
3663
  }
3660
3664
  ),
3661
3665
  /* @__PURE__ */ c(
3662
3666
  Zt,
3663
3667
  {
3664
- ...y,
3668
+ ...M,
3665
3669
  previousMonthButtonAriaLabel: i,
3666
3670
  nextMonthButtonAriaLabel: o,
3667
- calendarSize: f,
3671
+ calendarSize: h,
3668
3672
  previousMonthButtonTestId: g,
3669
3673
  nextMonthButtonTestId: p
3670
3674
  }
@@ -3672,13 +3676,13 @@ const ae = ({
3672
3676
  D === "calendar" && /* @__PURE__ */ c(
3673
3677
  Vt,
3674
3678
  {
3675
- ...y,
3676
- size: f,
3677
- selectedStartDate: T,
3678
- selectedEndDate: T,
3679
- isValidDateRange: !!T,
3679
+ ...M,
3680
+ size: h,
3681
+ selectedStartDate: R,
3682
+ selectedEndDate: R,
3683
+ isValidDateRange: !!R,
3680
3684
  multiSelectable: !1,
3681
- dateTestId: h
3685
+ dateTestId: f
3682
3686
  }
3683
3687
  ),
3684
3688
  D === "month-picker" && /* @__PURE__ */ c(
@@ -3687,10 +3691,10 @@ const ae = ({
3687
3691
  firstMonth: m,
3688
3692
  numMonths: u,
3689
3693
  value: b,
3690
- size: f,
3694
+ size: h,
3691
3695
  onValueChange: (k) => {
3692
3696
  var Y;
3693
- R(k), N("calendar"), (Y = A.current) == null || Y.focus();
3697
+ T(k), N("calendar"), (Y = A.current) == null || Y.focus();
3694
3698
  },
3695
3699
  onCancel: () => {
3696
3700
  var k;
@@ -3712,12 +3716,12 @@ const ae = ({
3712
3716
  headingLevel: d,
3713
3717
  numMonthsInMonthPicker: u = 12,
3714
3718
  firstMonthInMonthPicker: m = /* @__PURE__ */ new Date(),
3715
- size: h = "medium",
3716
- dateTestId: f,
3719
+ size: f = "medium",
3720
+ dateTestId: h,
3717
3721
  previousMonthButtonTestId: g,
3718
3722
  nextMonthButtonTestId: p,
3719
- placeholderWhenBlurredStartDate: M,
3720
- placeholderWhenBlurredEndDate: y,
3723
+ placeholderWhenBlurredStartDate: y,
3724
+ placeholderWhenBlurredEndDate: M,
3721
3725
  textInputVariant: D = "standard"
3722
3726
  }) => {
3723
3727
  const b = tr(
@@ -3727,13 +3731,13 @@ const ae = ({
3727
3731
  i
3728
3732
  ), {
3729
3733
  visiblePanel: S,
3730
- visibleMonth: R,
3734
+ visibleMonth: T,
3731
3735
  onValueChangeByInputs: N,
3732
3736
  setVisibleMonth: A,
3733
- setVisiblePanel: T,
3737
+ setVisiblePanel: R,
3734
3738
  monthPickerButtonRef: k
3735
3739
  } = b;
3736
- return /* @__PURE__ */ _(J, { gap: 3, children: [
3740
+ return /* @__PURE__ */ _(G, { gap: 3, children: [
3737
3741
  l && /* @__PURE__ */ c(Yt, { variant: "h2", as: d, children: l }),
3738
3742
  /* @__PURE__ */ c(
3739
3743
  Ve,
@@ -3744,9 +3748,9 @@ const ae = ({
3744
3748
  localeCode: s,
3745
3749
  startDateLabel: r,
3746
3750
  endDateLabel: n,
3747
- calendarSize: h,
3748
- placeholderWhenBlurredStartDate: M,
3749
- placeholderWhenBlurredEndDate: y,
3751
+ calendarSize: f,
3752
+ placeholderWhenBlurredStartDate: y,
3753
+ placeholderWhenBlurredEndDate: M,
3750
3754
  variant: D
3751
3755
  }
3752
3756
  ),
@@ -3756,7 +3760,7 @@ const ae = ({
3756
3760
  ...b,
3757
3761
  previousMonthButtonAriaLabel: o,
3758
3762
  nextMonthButtonAriaLabel: a,
3759
- calendarSize: h,
3763
+ calendarSize: f,
3760
3764
  previousMonthButtonTestId: g,
3761
3765
  nextMonthButtonTestId: p
3762
3766
  }
@@ -3765,9 +3769,9 @@ const ae = ({
3765
3769
  Vt,
3766
3770
  {
3767
3771
  ...b,
3768
- size: h,
3772
+ size: f,
3769
3773
  multiSelectable: !0,
3770
- dateTestId: f
3774
+ dateTestId: h
3771
3775
  }
3772
3776
  ),
3773
3777
  S === "month-picker" && /* @__PURE__ */ c(
@@ -3775,15 +3779,15 @@ const ae = ({
3775
3779
  {
3776
3780
  firstMonth: m,
3777
3781
  numMonths: u,
3778
- value: R,
3779
- size: h,
3782
+ value: T,
3783
+ size: f,
3780
3784
  onValueChange: (Y) => {
3781
3785
  var U;
3782
- A(Y), T("calendar"), (U = k.current) == null || U.focus();
3786
+ A(Y), R("calendar"), (U = k.current) == null || U.focus();
3783
3787
  },
3784
3788
  onCancel: () => {
3785
3789
  var Y;
3786
- T("calendar"), (Y = k.current) == null || Y.focus();
3790
+ R("calendar"), (Y = k.current) == null || Y.focus();
3787
3791
  }
3788
3792
  }
3789
3793
  )