@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 +61 -61
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +8 -8
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
|
|
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
|
|
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
|
|
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":
|
|
707
|
-
"de-DE":
|
|
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:
|
|
721
|
-
de:
|
|
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,
|
|
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
|
-
},
|
|
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
|
-
},
|
|
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(() =>
|
|
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
|
|
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",
|
|
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:
|
|
1773
|
+
variantRight: q,
|
|
1774
1774
|
onBlur: J,
|
|
1775
1775
|
showPresets: M,
|
|
1776
|
-
widthLeft:
|
|
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:
|
|
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:
|
|
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:
|
|
2220
|
+
onChangeDate: q
|
|
2221
2221
|
} = wa(e, t, w, p), {
|
|
2222
2222
|
onKeyDownHandler: J,
|
|
2223
2223
|
onFocusRight: M,
|
|
2224
|
-
onFocusLeft:
|
|
2224
|
+
onFocusLeft: K,
|
|
2225
2225
|
onClickDay: U,
|
|
2226
2226
|
onClickCalendarButton: V,
|
|
2227
2227
|
onClickArrowButton: W
|
|
2228
2228
|
} = ka(
|
|
2229
|
-
|
|
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:
|
|
2271
|
+
onFocusLeft: K,
|
|
2272
2272
|
onFocusRight: M,
|
|
2273
|
-
onClickLeft:
|
|
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:
|
|
2573
|
+
inputRightChangeHandler: q
|
|
2574
2574
|
} = Ba(g, b, t, x), {
|
|
2575
2575
|
onKeyDownHandler: J,
|
|
2576
2576
|
onFocusRight: M,
|
|
2577
|
-
onFocusLeft:
|
|
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:
|
|
2632
|
+
onChangeRight: q,
|
|
2633
2633
|
onClickArrowDown: W,
|
|
2634
2634
|
onClickCalendar: V,
|
|
2635
|
-
onFocusLeft:
|
|
2635
|
+
onFocusLeft: K,
|
|
2636
2636
|
onFocusRight: M,
|
|
2637
|
-
onClickLeft:
|
|
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 =
|
|
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
|
-
|
|
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 =
|
|
2914
|
+
const e = qe({
|
|
2915
2915
|
query: "(max-width: 768px)"
|
|
2916
|
-
}), t =
|
|
2916
|
+
}), t = qe({
|
|
2917
2917
|
query: "(max-width: 395px)"
|
|
2918
|
-
}), r =
|
|
2918
|
+
}), r = qe({
|
|
2919
2919
|
query: "(max-width: 1024px)"
|
|
2920
|
-
}), n =
|
|
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
|
|
3067
|
-
|
|
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]),
|
|
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:
|
|
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",
|
|
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:
|
|
3213
|
-
contentWrapper:
|
|
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), [
|
|
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
|
-
|
|
3553
|
+
q && (P(!1), se.current = !1, m?.(), setTimeout(() => {
|
|
3554
3554
|
se.current || J(!1);
|
|
3555
3555
|
}, 120));
|
|
3556
|
-
}, [
|
|
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) &&
|
|
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:
|
|
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:
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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,
|
|
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),
|
|
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) &&
|
|
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,
|
|
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:
|
|
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:
|
|
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
|
-
),
|
|
4103
|
+
), q = v((Y) => {
|
|
4104
4104
|
R(Y);
|
|
4105
4105
|
}, []), {
|
|
4106
4106
|
visiblePanel: J,
|
|
4107
4107
|
visibleMonth: M,
|
|
4108
|
-
onValueChangeByInputs:
|
|
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:
|
|
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:
|
|
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
|
-
|
|
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
|
-
|
|
4203
|
+
Ko as SingleWeekCalendar,
|
|
4204
4204
|
Zo as TimeTextInput,
|
|
4205
4205
|
ns as TravelDateCalendar,
|
|
4206
4206
|
rs as TravelDateInput,
|