@react-spectrum/datepicker 3.0.0-alpha.4 → 3.0.0-alpha.5

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 (16) hide show
  1. package/dist/main.css +1 -1
  2. package/dist/main.js +412 -461
  3. package/dist/main.js.map +1 -1
  4. package/dist/module.js +409 -458
  5. package/dist/module.js.map +1 -1
  6. package/dist/types.d.ts +2 -1
  7. package/dist/types.d.ts.map +1 -1
  8. package/package.json +18 -18
  9. package/src/DateField.tsx +3 -2
  10. package/src/DatePicker.tsx +10 -22
  11. package/src/DatePickerField.tsx +3 -3
  12. package/src/DatePickerSegment.tsx +7 -21
  13. package/src/DateRangePicker.tsx +13 -34
  14. package/src/Input.tsx +4 -7
  15. package/src/TimeField.tsx +4 -5
  16. package/src/index.css +9 -15
package/dist/module.js CHANGED
@@ -1,24 +1,24 @@
1
1
  import "./main.css";
2
- import {Calendar as $afQpO$Calendar, RangeCalendar as $afQpO$RangeCalendar} from "@react-spectrum/calendar";
3
- import $afQpO$spectrumiconsworkflowCalendar from "@spectrum-icons/workflow/Calendar";
4
- import {classNames as $afQpO$classNames, useValueEffect as $afQpO$useValueEffect, useStyleProps as $afQpO$useStyleProps} from "@react-spectrum/utils";
5
- import {Content as $afQpO$Content} from "@react-spectrum/view";
6
- import {DialogTrigger as $afQpO$DialogTrigger, Dialog as $afQpO$Dialog} from "@react-spectrum/dialog";
7
- import {Field as $afQpO$Field} from "@react-spectrum/label";
8
- import {FieldButton as $afQpO$FieldButton} from "@react-spectrum/button";
9
- import {mergeProps as $afQpO$mergeProps, useLayoutEffect as $afQpO$useLayoutEffect, useResizeObserver as $afQpO$useResizeObserver, useEvent as $afQpO$useEvent} from "@react-aria/utils";
10
- import $afQpO$react, {useRef as $afQpO$useRef, useMemo as $afQpO$useMemo, useCallback as $afQpO$useCallback, useState as $afQpO$useState} from "react";
11
- import {useDatePicker as $afQpO$useDatePicker, useDateField as $afQpO$useDateField, useDateSegment as $afQpO$useDateSegment, useDisplayNames as $afQpO$useDisplayNames, useDateRangePicker as $afQpO$useDateRangePicker} from "@react-aria/datepicker";
12
- import {useDatePickerState as $afQpO$useDatePickerState, useDatePickerFieldState as $afQpO$useDatePickerFieldState, useTimeFieldState as $afQpO$useTimeFieldState, useDateRangePickerState as $afQpO$useDateRangePickerState} from "@react-stately/datepicker";
13
- import {useFocusRing as $afQpO$useFocusRing, useFocusManager as $afQpO$useFocusManager, FocusRing as $afQpO$FocusRing, FocusScope as $afQpO$FocusScope} from "@react-aria/focus";
14
- import {useHover as $afQpO$useHover, usePress as $afQpO$usePress} from "@react-aria/interactions";
15
- import {useLocale as $afQpO$useLocale, useDateFormatter as $afQpO$useDateFormatter} from "@react-aria/i18n";
16
- import {useProviderProps as $afQpO$useProviderProps, useProvider as $afQpO$useProvider} from "@react-spectrum/provider";
17
- import {createCalendar as $afQpO$createCalendar} from "@internationalized/date";
18
- import {NumberParser as $afQpO$NumberParser} from "@internationalized/number";
19
- import $afQpO$spectrumiconsuiAlertMedium from "@spectrum-icons/ui/AlertMedium";
20
- import $afQpO$spectrumiconsuiCheckmarkMedium from "@spectrum-icons/ui/CheckmarkMedium";
21
- import {Flex as $afQpO$Flex} from "@react-spectrum/layout";
2
+ import {Calendar as $aayOp$Calendar, RangeCalendar as $aayOp$RangeCalendar} from "@react-spectrum/calendar";
3
+ import $aayOp$spectrumiconsworkflowCalendar from "@spectrum-icons/workflow/Calendar";
4
+ import {classNames as $aayOp$classNames, useValueEffect as $aayOp$useValueEffect, useStyleProps as $aayOp$useStyleProps} from "@react-spectrum/utils";
5
+ import {Content as $aayOp$Content} from "@react-spectrum/view";
6
+ import {DialogTrigger as $aayOp$DialogTrigger, Dialog as $aayOp$Dialog} from "@react-spectrum/dialog";
7
+ import {Field as $aayOp$Field} from "@react-spectrum/label";
8
+ import {FieldButton as $aayOp$FieldButton} from "@react-spectrum/button";
9
+ import {mergeProps as $aayOp$mergeProps, useLayoutEffect as $aayOp$useLayoutEffect, useResizeObserver as $aayOp$useResizeObserver, useEvent as $aayOp$useEvent} from "@react-aria/utils";
10
+ import $aayOp$react, {useRef as $aayOp$useRef, useMemo as $aayOp$useMemo, useCallback as $aayOp$useCallback, useState as $aayOp$useState} from "react";
11
+ import {useDatePicker as $aayOp$useDatePicker, useDateField as $aayOp$useDateField, useDateSegment as $aayOp$useDateSegment, useTimeField as $aayOp$useTimeField, useDisplayNames as $aayOp$useDisplayNames, useDateRangePicker as $aayOp$useDateRangePicker} from "@react-aria/datepicker";
12
+ import {useDatePickerState as $aayOp$useDatePickerState, useDateFieldState as $aayOp$useDateFieldState, useTimeFieldState as $aayOp$useTimeFieldState, useDateRangePickerState as $aayOp$useDateRangePickerState} from "@react-stately/datepicker";
13
+ import {useFocusRing as $aayOp$useFocusRing, FocusRing as $aayOp$FocusRing} from "@react-aria/focus";
14
+ import {useHover as $aayOp$useHover} from "@react-aria/interactions";
15
+ import {useLocale as $aayOp$useLocale, useDateFormatter as $aayOp$useDateFormatter} from "@react-aria/i18n";
16
+ import {useProviderProps as $aayOp$useProviderProps, useProvider as $aayOp$useProvider} from "@react-spectrum/provider";
17
+ import {createCalendar as $aayOp$createCalendar} from "@internationalized/date";
18
+ import {NumberParser as $aayOp$NumberParser} from "@internationalized/number";
19
+ import $aayOp$spectrumiconsuiAlertMedium from "@spectrum-icons/ui/AlertMedium";
20
+ import $aayOp$spectrumiconsuiCheckmarkMedium from "@spectrum-icons/ui/CheckmarkMedium";
21
+ import {Flex as $aayOp$Flex} from "@react-spectrum/layout";
22
22
 
23
23
  function $parcel$interopDefault(a) {
24
24
  return a && a.__esModule ? a.default : a;
@@ -26,141 +26,126 @@ function $parcel$interopDefault(a) {
26
26
  function $parcel$export(e, n, v, s) {
27
27
  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
28
28
  }
29
- var $abe08035130a300c$exports = {};
30
-
31
- $parcel$export($abe08035130a300c$exports, "DatePicker", () => $abe08035130a300c$export$5109c6dd95d8fb00);
32
-
33
-
34
-
35
-
36
-
37
-
38
-
39
-
40
-
41
- var $a43b74d85aeb9a19$exports = {};
42
-
43
- $parcel$export($a43b74d85aeb9a19$exports, "react-spectrum-Datepicker-fieldWrapper", () => $a43b74d85aeb9a19$export$48501287c6ce4708, (v) => $a43b74d85aeb9a19$export$48501287c6ce4708 = v);
44
- $parcel$export($a43b74d85aeb9a19$exports, "react-spectrum-Datepicker-startField", () => $a43b74d85aeb9a19$export$eec05853f5fc7ef8, (v) => $a43b74d85aeb9a19$export$eec05853f5fc7ef8 = v);
45
- $parcel$export($a43b74d85aeb9a19$exports, "react-spectrum-Datepicker-endField", () => $a43b74d85aeb9a19$export$b41789438b49c852, (v) => $a43b74d85aeb9a19$export$b41789438b49c852 = v);
46
- $parcel$export($a43b74d85aeb9a19$exports, "react-spectrum-Datepicker-field", () => $a43b74d85aeb9a19$export$8cbece9fb909350d, (v) => $a43b74d85aeb9a19$export$8cbece9fb909350d = v);
47
- $parcel$export($a43b74d85aeb9a19$exports, "react-spectrum-Datepicker-input", () => $a43b74d85aeb9a19$export$4cdb39b006dc840a, (v) => $a43b74d85aeb9a19$export$4cdb39b006dc840a = v);
48
- $parcel$export($a43b74d85aeb9a19$exports, "react-spectrum-DateField", () => $a43b74d85aeb9a19$export$c96d01b692101b8a, (v) => $a43b74d85aeb9a19$export$c96d01b692101b8a = v);
49
- $parcel$export($a43b74d85aeb9a19$exports, "react-spectrum-TimeField", () => $a43b74d85aeb9a19$export$61c201f1ba261729, (v) => $a43b74d85aeb9a19$export$61c201f1ba261729 = v);
50
- $parcel$export($a43b74d85aeb9a19$exports, "react-spectrum-TimeField-fieldWrapper", () => $a43b74d85aeb9a19$export$3008240fa163ee96, (v) => $a43b74d85aeb9a19$export$3008240fa163ee96 = v);
51
- $parcel$export($a43b74d85aeb9a19$exports, "react-spectrum-Datepicker-inputContents", () => $a43b74d85aeb9a19$export$609545772ae0466a, (v) => $a43b74d85aeb9a19$export$609545772ae0466a = v);
52
- $parcel$export($a43b74d85aeb9a19$exports, "react-spectrum-Datepicker-rangeDash", () => $a43b74d85aeb9a19$export$1ae39afd2cf49425, (v) => $a43b74d85aeb9a19$export$1ae39afd2cf49425 = v);
53
- $parcel$export($a43b74d85aeb9a19$exports, "react-spectrum-Datepicker-segments", () => $a43b74d85aeb9a19$export$b9c34f0306ac2ffc, (v) => $a43b74d85aeb9a19$export$b9c34f0306ac2ffc = v);
54
- $parcel$export($a43b74d85aeb9a19$exports, "react-spectrum-Datepicker-literal", () => $a43b74d85aeb9a19$export$24a265734c16a355, (v) => $a43b74d85aeb9a19$export$24a265734c16a355 = v);
55
- $parcel$export($a43b74d85aeb9a19$exports, "react-spectrum-DatePicker-cell", () => $a43b74d85aeb9a19$export$947f5cb8a73639a4, (v) => $a43b74d85aeb9a19$export$947f5cb8a73639a4 = v);
56
- $parcel$export($a43b74d85aeb9a19$exports, "is-placeholder", () => $a43b74d85aeb9a19$export$e5b2f5233e4e5194, (v) => $a43b74d85aeb9a19$export$e5b2f5233e4e5194 = v);
57
- $parcel$export($a43b74d85aeb9a19$exports, "is-read-only", () => $a43b74d85aeb9a19$export$dddce3ae23a6e3ea, (v) => $a43b74d85aeb9a19$export$dddce3ae23a6e3ea = v);
58
- $parcel$export($a43b74d85aeb9a19$exports, "react-spectrum-Datepicker-dialog", () => $a43b74d85aeb9a19$export$7c3cb625bb792356, (v) => $a43b74d85aeb9a19$export$7c3cb625bb792356 = v);
59
- $parcel$export($a43b74d85aeb9a19$exports, "react-spectrum-Datepicker-dialogContent", () => $a43b74d85aeb9a19$export$94c97d6b6a927921, (v) => $a43b74d85aeb9a19$export$94c97d6b6a927921 = v);
60
- $parcel$export($a43b74d85aeb9a19$exports, "react-spectrum-Datepicker-timeFields", () => $a43b74d85aeb9a19$export$8d47712a13573e39, (v) => $a43b74d85aeb9a19$export$8d47712a13573e39 = v);
61
- var $a43b74d85aeb9a19$export$48501287c6ce4708;
62
- var $a43b74d85aeb9a19$export$eec05853f5fc7ef8;
63
- var $a43b74d85aeb9a19$export$b41789438b49c852;
64
- var $a43b74d85aeb9a19$export$8cbece9fb909350d;
65
- var $a43b74d85aeb9a19$export$4cdb39b006dc840a;
66
- var $a43b74d85aeb9a19$export$c96d01b692101b8a;
67
- var $a43b74d85aeb9a19$export$61c201f1ba261729;
68
- var $a43b74d85aeb9a19$export$3008240fa163ee96;
69
- var $a43b74d85aeb9a19$export$609545772ae0466a;
70
- var $a43b74d85aeb9a19$export$1ae39afd2cf49425;
71
- var $a43b74d85aeb9a19$export$b9c34f0306ac2ffc;
72
- var $a43b74d85aeb9a19$export$24a265734c16a355;
73
- var $a43b74d85aeb9a19$export$947f5cb8a73639a4;
74
- var $a43b74d85aeb9a19$export$e5b2f5233e4e5194;
75
- var $a43b74d85aeb9a19$export$dddce3ae23a6e3ea;
76
- var $a43b74d85aeb9a19$export$7c3cb625bb792356;
77
- var $a43b74d85aeb9a19$export$94c97d6b6a927921;
78
- var $a43b74d85aeb9a19$export$8d47712a13573e39;
79
- $a43b74d85aeb9a19$export$48501287c6ce4708 = "react-spectrum-Datepicker-fieldWrapper_0b973d";
80
- $a43b74d85aeb9a19$export$eec05853f5fc7ef8 = "react-spectrum-Datepicker-startField_0b973d";
81
- $a43b74d85aeb9a19$export$b41789438b49c852 = "react-spectrum-Datepicker-endField_0b973d";
82
- $a43b74d85aeb9a19$export$8cbece9fb909350d = "react-spectrum-Datepicker-field_0b973d";
83
- $a43b74d85aeb9a19$export$4cdb39b006dc840a = "react-spectrum-Datepicker-input_0b973d";
84
- $a43b74d85aeb9a19$export$c96d01b692101b8a = "react-spectrum-DateField_0b973d";
85
- $a43b74d85aeb9a19$export$61c201f1ba261729 = "react-spectrum-TimeField_0b973d";
86
- $a43b74d85aeb9a19$export$3008240fa163ee96 = "react-spectrum-TimeField-fieldWrapper_0b973d";
87
- $a43b74d85aeb9a19$export$609545772ae0466a = "react-spectrum-Datepicker-inputContents_0b973d";
88
- $a43b74d85aeb9a19$export$1ae39afd2cf49425 = "react-spectrum-Datepicker-rangeDash_0b973d";
89
- $a43b74d85aeb9a19$export$b9c34f0306ac2ffc = "react-spectrum-Datepicker-segments_0b973d";
90
- $a43b74d85aeb9a19$export$24a265734c16a355 = "react-spectrum-Datepicker-literal_0b973d";
91
- $a43b74d85aeb9a19$export$947f5cb8a73639a4 = "react-spectrum-DatePicker-cell_0b973d";
92
- $a43b74d85aeb9a19$export$e5b2f5233e4e5194 = "is-placeholder_0b973d";
93
- $a43b74d85aeb9a19$export$dddce3ae23a6e3ea = "is-read-only_0b973d";
94
- $a43b74d85aeb9a19$export$7c3cb625bb792356 = "react-spectrum-Datepicker-dialog_0b973d";
95
- $a43b74d85aeb9a19$export$94c97d6b6a927921 = "react-spectrum-Datepicker-dialogContent_0b973d";
96
- $a43b74d85aeb9a19$export$8d47712a13573e39 = "react-spectrum-Datepicker-timeFields_0b973d";
97
-
98
-
99
-
100
-
101
-
102
-
103
- function $8f320e1d67254f5c$export$6388987c5223b54e({ segment: segment , state: state , ...otherProps }) {
29
+ var $beaeefa091999363$exports = {};
30
+
31
+ $parcel$export($beaeefa091999363$exports, "DatePicker", () => $beaeefa091999363$export$5109c6dd95d8fb00);
32
+
33
+
34
+
35
+
36
+
37
+
38
+
39
+
40
+
41
+ var $8e15de0211b274e3$exports = {};
42
+
43
+ $parcel$export($8e15de0211b274e3$exports, "react-spectrum-Datepicker-fieldWrapper", () => $8e15de0211b274e3$export$48501287c6ce4708, (v) => $8e15de0211b274e3$export$48501287c6ce4708 = v);
44
+ $parcel$export($8e15de0211b274e3$exports, "react-spectrum-Datepicker-startField", () => $8e15de0211b274e3$export$eec05853f5fc7ef8, (v) => $8e15de0211b274e3$export$eec05853f5fc7ef8 = v);
45
+ $parcel$export($8e15de0211b274e3$exports, "react-spectrum-Datepicker-endField", () => $8e15de0211b274e3$export$b41789438b49c852, (v) => $8e15de0211b274e3$export$b41789438b49c852 = v);
46
+ $parcel$export($8e15de0211b274e3$exports, "react-spectrum-Datepicker-field", () => $8e15de0211b274e3$export$8cbece9fb909350d, (v) => $8e15de0211b274e3$export$8cbece9fb909350d = v);
47
+ $parcel$export($8e15de0211b274e3$exports, "react-spectrum-Datepicker-input", () => $8e15de0211b274e3$export$4cdb39b006dc840a, (v) => $8e15de0211b274e3$export$4cdb39b006dc840a = v);
48
+ $parcel$export($8e15de0211b274e3$exports, "react-spectrum-DateField", () => $8e15de0211b274e3$export$c96d01b692101b8a, (v) => $8e15de0211b274e3$export$c96d01b692101b8a = v);
49
+ $parcel$export($8e15de0211b274e3$exports, "react-spectrum-TimeField", () => $8e15de0211b274e3$export$61c201f1ba261729, (v) => $8e15de0211b274e3$export$61c201f1ba261729 = v);
50
+ $parcel$export($8e15de0211b274e3$exports, "react-spectrum-TimeField-fieldWrapper", () => $8e15de0211b274e3$export$3008240fa163ee96, (v) => $8e15de0211b274e3$export$3008240fa163ee96 = v);
51
+ $parcel$export($8e15de0211b274e3$exports, "react-spectrum-Datepicker-inputContents", () => $8e15de0211b274e3$export$609545772ae0466a, (v) => $8e15de0211b274e3$export$609545772ae0466a = v);
52
+ $parcel$export($8e15de0211b274e3$exports, "react-spectrum-Datepicker-rangeDash", () => $8e15de0211b274e3$export$1ae39afd2cf49425, (v) => $8e15de0211b274e3$export$1ae39afd2cf49425 = v);
53
+ $parcel$export($8e15de0211b274e3$exports, "react-spectrum-Datepicker-segments", () => $8e15de0211b274e3$export$b9c34f0306ac2ffc, (v) => $8e15de0211b274e3$export$b9c34f0306ac2ffc = v);
54
+ $parcel$export($8e15de0211b274e3$exports, "react-spectrum-Datepicker-literal", () => $8e15de0211b274e3$export$24a265734c16a355, (v) => $8e15de0211b274e3$export$24a265734c16a355 = v);
55
+ $parcel$export($8e15de0211b274e3$exports, "react-spectrum-DatePicker-cell", () => $8e15de0211b274e3$export$947f5cb8a73639a4, (v) => $8e15de0211b274e3$export$947f5cb8a73639a4 = v);
56
+ $parcel$export($8e15de0211b274e3$exports, "is-placeholder", () => $8e15de0211b274e3$export$e5b2f5233e4e5194, (v) => $8e15de0211b274e3$export$e5b2f5233e4e5194 = v);
57
+ $parcel$export($8e15de0211b274e3$exports, "is-read-only", () => $8e15de0211b274e3$export$dddce3ae23a6e3ea, (v) => $8e15de0211b274e3$export$dddce3ae23a6e3ea = v);
58
+ $parcel$export($8e15de0211b274e3$exports, "react-spectrum-Datepicker-dialog", () => $8e15de0211b274e3$export$7c3cb625bb792356, (v) => $8e15de0211b274e3$export$7c3cb625bb792356 = v);
59
+ $parcel$export($8e15de0211b274e3$exports, "react-spectrum-Datepicker-dialogContent", () => $8e15de0211b274e3$export$94c97d6b6a927921, (v) => $8e15de0211b274e3$export$94c97d6b6a927921 = v);
60
+ $parcel$export($8e15de0211b274e3$exports, "react-spectrum-Datepicker-timeFields", () => $8e15de0211b274e3$export$8d47712a13573e39, (v) => $8e15de0211b274e3$export$8d47712a13573e39 = v);
61
+ var $8e15de0211b274e3$export$48501287c6ce4708;
62
+ var $8e15de0211b274e3$export$eec05853f5fc7ef8;
63
+ var $8e15de0211b274e3$export$b41789438b49c852;
64
+ var $8e15de0211b274e3$export$8cbece9fb909350d;
65
+ var $8e15de0211b274e3$export$4cdb39b006dc840a;
66
+ var $8e15de0211b274e3$export$c96d01b692101b8a;
67
+ var $8e15de0211b274e3$export$61c201f1ba261729;
68
+ var $8e15de0211b274e3$export$3008240fa163ee96;
69
+ var $8e15de0211b274e3$export$609545772ae0466a;
70
+ var $8e15de0211b274e3$export$1ae39afd2cf49425;
71
+ var $8e15de0211b274e3$export$b9c34f0306ac2ffc;
72
+ var $8e15de0211b274e3$export$24a265734c16a355;
73
+ var $8e15de0211b274e3$export$947f5cb8a73639a4;
74
+ var $8e15de0211b274e3$export$e5b2f5233e4e5194;
75
+ var $8e15de0211b274e3$export$dddce3ae23a6e3ea;
76
+ var $8e15de0211b274e3$export$7c3cb625bb792356;
77
+ var $8e15de0211b274e3$export$94c97d6b6a927921;
78
+ var $8e15de0211b274e3$export$8d47712a13573e39;
79
+ $8e15de0211b274e3$export$48501287c6ce4708 = "react-spectrum-Datepicker-fieldWrapper_0b973d";
80
+ $8e15de0211b274e3$export$eec05853f5fc7ef8 = "react-spectrum-Datepicker-startField_0b973d";
81
+ $8e15de0211b274e3$export$b41789438b49c852 = "react-spectrum-Datepicker-endField_0b973d";
82
+ $8e15de0211b274e3$export$8cbece9fb909350d = "react-spectrum-Datepicker-field_0b973d";
83
+ $8e15de0211b274e3$export$4cdb39b006dc840a = "react-spectrum-Datepicker-input_0b973d";
84
+ $8e15de0211b274e3$export$c96d01b692101b8a = "react-spectrum-DateField_0b973d";
85
+ $8e15de0211b274e3$export$61c201f1ba261729 = "react-spectrum-TimeField_0b973d";
86
+ $8e15de0211b274e3$export$3008240fa163ee96 = "react-spectrum-TimeField-fieldWrapper_0b973d";
87
+ $8e15de0211b274e3$export$609545772ae0466a = "react-spectrum-Datepicker-inputContents_0b973d";
88
+ $8e15de0211b274e3$export$1ae39afd2cf49425 = "react-spectrum-Datepicker-rangeDash_0b973d";
89
+ $8e15de0211b274e3$export$b9c34f0306ac2ffc = "react-spectrum-Datepicker-segments_0b973d";
90
+ $8e15de0211b274e3$export$24a265734c16a355 = "react-spectrum-Datepicker-literal_0b973d";
91
+ $8e15de0211b274e3$export$947f5cb8a73639a4 = "react-spectrum-DatePicker-cell_0b973d";
92
+ $8e15de0211b274e3$export$e5b2f5233e4e5194 = "is-placeholder_0b973d";
93
+ $8e15de0211b274e3$export$dddce3ae23a6e3ea = "is-read-only_0b973d";
94
+ $8e15de0211b274e3$export$7c3cb625bb792356 = "react-spectrum-Datepicker-dialog_0b973d";
95
+ $8e15de0211b274e3$export$94c97d6b6a927921 = "react-spectrum-Datepicker-dialogContent_0b973d";
96
+ $8e15de0211b274e3$export$8d47712a13573e39 = "react-spectrum-Datepicker-timeFields_0b973d";
97
+
98
+
99
+
100
+
101
+ function $cfa347761f172638$export$6388987c5223b54e({ segment: segment , state: state , ...otherProps }) {
104
102
  switch(segment.type){
105
103
  // A separator, e.g. punctuation
106
104
  case 'literal':
107
- return(/*#__PURE__*/ $afQpO$react.createElement($8f320e1d67254f5c$var$LiteralSegment, {
105
+ return(/*#__PURE__*/ $aayOp$react.createElement($cfa347761f172638$var$LiteralSegment, {
108
106
  segment: segment
109
107
  }));
110
108
  // Editable segment
111
109
  default:
112
- return(/*#__PURE__*/ $afQpO$react.createElement($8f320e1d67254f5c$var$EditableSegment, {
110
+ return(/*#__PURE__*/ $aayOp$react.createElement($cfa347761f172638$var$EditableSegment, {
113
111
  segment: segment,
114
112
  state: state,
115
113
  ...otherProps
116
114
  }));
117
115
  }
118
116
  }
119
- function $8f320e1d67254f5c$var$LiteralSegment({ segment: segment }) {
120
- let focusManager = $afQpO$useFocusManager();
121
- let { pressProps: pressProps } = $afQpO$usePress({
122
- onPressStart: (e)=>{
123
- if (e.pointerType === 'mouse') {
124
- let res = focusManager.focusNext({
125
- from: e.target
126
- });
127
- if (!res) focusManager.focusPrevious({
128
- from: e.target
129
- });
130
- }
131
- }
132
- });
133
- return(/*#__PURE__*/ $afQpO$react.createElement("span", {
117
+ function $cfa347761f172638$var$LiteralSegment({ segment: segment }) {
118
+ return(/*#__PURE__*/ $aayOp$react.createElement("span", {
134
119
  "aria-hidden": "true",
135
- className: $afQpO$classNames((/*@__PURE__*/$parcel$interopDefault($a43b74d85aeb9a19$exports)), 'react-spectrum-Datepicker-literal'),
136
- ...pressProps,
120
+ className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-Datepicker-literal'),
137
121
  "data-testid": segment.type === 'literal' ? undefined : segment.type
138
122
  }, segment.text));
139
123
  }
140
- function $8f320e1d67254f5c$var$EditableSegment({ segment: segment , state: state , ...otherProps }) {
141
- let ref = $afQpO$useRef();
142
- let { segmentProps: segmentProps } = $afQpO$useDateSegment(otherProps, segment, state, ref);
143
- let { locale: locale } = $afQpO$useLocale();
144
- let parser = $afQpO$useMemo(()=>new $afQpO$NumberParser(locale)
124
+ function $cfa347761f172638$var$EditableSegment({ segment: segment , state: state }) {
125
+ let ref = $aayOp$useRef();
126
+ let { segmentProps: segmentProps } = $aayOp$useDateSegment(segment, state, ref);
127
+ let { locale: locale } = $aayOp$useLocale();
128
+ let parser = $aayOp$useMemo(()=>new $aayOp$NumberParser(locale)
145
129
  , [
146
130
  locale
147
131
  ]);
148
- let isNumeric = $afQpO$useMemo(()=>parser.isValidPartialNumber(segment.text)
132
+ let isNumeric = $aayOp$useMemo(()=>parser.isValidPartialNumber(segment.text)
149
133
  , [
150
134
  segment.text,
151
135
  parser
152
136
  ]);
153
- return(/*#__PURE__*/ $afQpO$react.createElement("div", {
137
+ return(/*#__PURE__*/ $aayOp$react.createElement("div", {
138
+ ...segmentProps,
154
139
  ref: ref,
155
- className: $afQpO$classNames((/*@__PURE__*/$parcel$interopDefault($a43b74d85aeb9a19$exports)), 'react-spectrum-DatePicker-cell', {
140
+ className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-DatePicker-cell', {
156
141
  'is-placeholder': segment.isPlaceholder,
157
142
  'is-read-only': !segment.isEditable
158
143
  }),
159
144
  style: {
145
+ ...segmentProps.style,
160
146
  minWidth: !isNumeric ? null : String(segment.maxValue).length + 'ch'
161
147
  },
162
- "data-testid": segment.type,
163
- ...segmentProps
148
+ "data-testid": segment.type
164
149
  }, segment.isPlaceholder ? '' : segment.text));
165
150
  }
166
151
 
@@ -170,21 +155,22 @@ function $8f320e1d67254f5c$var$EditableSegment({ segment: segment , state: state
170
155
 
171
156
 
172
157
 
173
- function $00d145e546a6acce$export$34dc4cfa15ead1(props) {
158
+ function $d2bb88c82604b25f$export$34dc4cfa15ead1(props) {
174
159
  let { isDisabled: isDisabled , isReadOnly: isReadOnly , isRequired: isRequired , inputClassName: inputClassName } = props;
175
- let ref = $afQpO$useRef();
176
- let { locale: locale } = $afQpO$useLocale();
177
- let state = $afQpO$useDatePickerFieldState({
160
+ let ref = $aayOp$useRef();
161
+ let { locale: locale } = $aayOp$useLocale();
162
+ let state = $aayOp$useDateFieldState({
178
163
  ...props,
179
164
  locale: locale,
180
- createCalendar: $afQpO$createCalendar
165
+ createCalendar: $aayOp$createCalendar
181
166
  });
182
- let { fieldProps: fieldProps } = $afQpO$useDateField(props, state, ref);
183
- return(/*#__PURE__*/ $afQpO$react.createElement("div", {
167
+ let { fieldProps: fieldProps } = $aayOp$useDateField(props, state, ref);
168
+ return(/*#__PURE__*/ $aayOp$react.createElement("div", {
184
169
  ...fieldProps,
185
- className: $afQpO$classNames((/*@__PURE__*/$parcel$interopDefault($a43b74d85aeb9a19$exports)), 'react-spectrum-Datepicker-segments', inputClassName),
170
+ "data-testid": props['data-testid'],
171
+ className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-Datepicker-segments', inputClassName),
186
172
  ref: ref
187
- }, state.segments.map((segment, i)=>/*#__PURE__*/ $afQpO$react.createElement($8f320e1d67254f5c$export$6388987c5223b54e, {
173
+ }, state.segments.map((segment, i)=>/*#__PURE__*/ $aayOp$react.createElement($cfa347761f172638$export$6388987c5223b54e, {
188
174
  key: i,
189
175
  segment: segment,
190
176
  state: state,
@@ -206,67 +192,67 @@ function $00d145e546a6acce$export$34dc4cfa15ead1(props) {
206
192
 
207
193
 
208
194
 
209
-
210
- var $302bd214da97cdcb$exports = {};
211
-
212
- $parcel$export($302bd214da97cdcb$exports, "spectrum-Textfield-input", () => $302bd214da97cdcb$export$1ac009feb2b0bd0c, (v) => $302bd214da97cdcb$export$1ac009feb2b0bd0c = v);
213
- $parcel$export($302bd214da97cdcb$exports, "spectrum-Textfield", () => $302bd214da97cdcb$export$2c8a10299d8b3418, (v) => $302bd214da97cdcb$export$2c8a10299d8b3418 = v);
214
- $parcel$export($302bd214da97cdcb$exports, "spectrum-Textfield--quiet", () => $302bd214da97cdcb$export$bffd5e3d61a81737, (v) => $302bd214da97cdcb$export$bffd5e3d61a81737 = v);
215
- $parcel$export($302bd214da97cdcb$exports, "spectrum-Textfield--multiline", () => $302bd214da97cdcb$export$9699f1c538a448a0, (v) => $302bd214da97cdcb$export$9699f1c538a448a0 = v);
216
- $parcel$export($302bd214da97cdcb$exports, "is-placeholder", () => $302bd214da97cdcb$export$e5b2f5233e4e5194, (v) => $302bd214da97cdcb$export$e5b2f5233e4e5194 = v);
217
- $parcel$export($302bd214da97cdcb$exports, "is-hovered", () => $302bd214da97cdcb$export$b8813cd5d7824ce7, (v) => $302bd214da97cdcb$export$b8813cd5d7824ce7 = v);
218
- $parcel$export($302bd214da97cdcb$exports, "spectrum-Textfield--valid", () => $302bd214da97cdcb$export$c2abbc3f970170b7, (v) => $302bd214da97cdcb$export$c2abbc3f970170b7 = v);
219
- $parcel$export($302bd214da97cdcb$exports, "spectrum-Textfield--invalid", () => $302bd214da97cdcb$export$58e50b10d30123df, (v) => $302bd214da97cdcb$export$58e50b10d30123df = v);
220
- $parcel$export($302bd214da97cdcb$exports, "spectrum-Textfield--loadable", () => $302bd214da97cdcb$export$14fd30fea6f1348c, (v) => $302bd214da97cdcb$export$14fd30fea6f1348c = v);
221
- $parcel$export($302bd214da97cdcb$exports, "spectrum-Textfield-validationIcon", () => $302bd214da97cdcb$export$cf0ead5b44db0da3, (v) => $302bd214da97cdcb$export$cf0ead5b44db0da3 = v);
222
- $parcel$export($302bd214da97cdcb$exports, "spectrum-Textfield-icon", () => $302bd214da97cdcb$export$222d1ccd1870be1d, (v) => $302bd214da97cdcb$export$222d1ccd1870be1d = v);
223
- $parcel$export($302bd214da97cdcb$exports, "spectrum-Textfield-inputIcon", () => $302bd214da97cdcb$export$c1cdcaa5fe76a871, (v) => $302bd214da97cdcb$export$c1cdcaa5fe76a871 = v);
224
- $parcel$export($302bd214da97cdcb$exports, "spectrum-Textfield-circleLoader", () => $302bd214da97cdcb$export$82a249fb4d6127, (v) => $302bd214da97cdcb$export$82a249fb4d6127 = v);
225
- $parcel$export($302bd214da97cdcb$exports, "is-focused", () => $302bd214da97cdcb$export$e7dc768d35940237, (v) => $302bd214da97cdcb$export$e7dc768d35940237 = v);
226
- $parcel$export($302bd214da97cdcb$exports, "focus-ring", () => $302bd214da97cdcb$export$f39a09f249340e2a, (v) => $302bd214da97cdcb$export$f39a09f249340e2a = v);
227
- $parcel$export($302bd214da97cdcb$exports, "is-disabled", () => $302bd214da97cdcb$export$d35bc1e505d1ebbf, (v) => $302bd214da97cdcb$export$d35bc1e505d1ebbf = v);
228
- var $302bd214da97cdcb$export$1ac009feb2b0bd0c;
229
- var $302bd214da97cdcb$export$2c8a10299d8b3418;
230
- var $302bd214da97cdcb$export$bffd5e3d61a81737;
231
- var $302bd214da97cdcb$export$9699f1c538a448a0;
232
- var $302bd214da97cdcb$export$e5b2f5233e4e5194;
233
- var $302bd214da97cdcb$export$b8813cd5d7824ce7;
234
- var $302bd214da97cdcb$export$c2abbc3f970170b7;
235
- var $302bd214da97cdcb$export$58e50b10d30123df;
236
- var $302bd214da97cdcb$export$14fd30fea6f1348c;
237
- var $302bd214da97cdcb$export$cf0ead5b44db0da3;
238
- var $302bd214da97cdcb$export$222d1ccd1870be1d;
239
- var $302bd214da97cdcb$export$c1cdcaa5fe76a871;
240
- var $302bd214da97cdcb$export$82a249fb4d6127;
241
- var $302bd214da97cdcb$export$e7dc768d35940237;
242
- var $302bd214da97cdcb$export$f39a09f249340e2a;
243
- var $302bd214da97cdcb$export$d35bc1e505d1ebbf;
244
- $302bd214da97cdcb$export$1ac009feb2b0bd0c = "spectrum-Textfield-input_73bc77";
245
- $302bd214da97cdcb$export$2c8a10299d8b3418 = "spectrum-Textfield_73bc77";
246
- $302bd214da97cdcb$export$bffd5e3d61a81737 = "spectrum-Textfield--quiet_73bc77";
247
- $302bd214da97cdcb$export$9699f1c538a448a0 = "spectrum-Textfield--multiline_73bc77";
248
- $302bd214da97cdcb$export$e5b2f5233e4e5194 = "is-placeholder_73bc77";
249
- $302bd214da97cdcb$export$b8813cd5d7824ce7 = "is-hovered_73bc77";
250
- $302bd214da97cdcb$export$c2abbc3f970170b7 = "spectrum-Textfield--valid_73bc77";
251
- $302bd214da97cdcb$export$58e50b10d30123df = "spectrum-Textfield--invalid_73bc77";
252
- $302bd214da97cdcb$export$14fd30fea6f1348c = "spectrum-Textfield--loadable_73bc77";
253
- $302bd214da97cdcb$export$cf0ead5b44db0da3 = "spectrum-Textfield-validationIcon_73bc77";
254
- $302bd214da97cdcb$export$222d1ccd1870be1d = "spectrum-Textfield-icon_73bc77";
255
- $302bd214da97cdcb$export$c1cdcaa5fe76a871 = "spectrum-Textfield-inputIcon_73bc77";
256
- $302bd214da97cdcb$export$82a249fb4d6127 = "spectrum-Textfield-circleLoader_73bc77";
257
- $302bd214da97cdcb$export$e7dc768d35940237 = "is-focused_73bc77";
258
- $302bd214da97cdcb$export$f39a09f249340e2a = "focus-ring_73bc77";
259
- $302bd214da97cdcb$export$d35bc1e505d1ebbf = "is-disabled_73bc77";
260
-
261
-
262
- function $1695f8d86a3f81e5$export$f5b8910cec6cf069(props) {
263
- let defaultRef = $afQpO$useRef();
264
- let { isDisabled: isDisabled , isQuiet: isQuiet , inputClassName: inputClassName , validationState: validationState , children: children , fieldProps: fieldProps , inputRef: inputRef = defaultRef , className: className , autoFocus: autoFocus , style: style } = props;
195
+ var $c14528ddc146317f$exports = {};
196
+
197
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-input", () => $c14528ddc146317f$export$1ac009feb2b0bd0c, (v) => $c14528ddc146317f$export$1ac009feb2b0bd0c = v);
198
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield", () => $c14528ddc146317f$export$2c8a10299d8b3418, (v) => $c14528ddc146317f$export$2c8a10299d8b3418 = v);
199
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--quiet", () => $c14528ddc146317f$export$bffd5e3d61a81737, (v) => $c14528ddc146317f$export$bffd5e3d61a81737 = v);
200
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--multiline", () => $c14528ddc146317f$export$9699f1c538a448a0, (v) => $c14528ddc146317f$export$9699f1c538a448a0 = v);
201
+ $parcel$export($c14528ddc146317f$exports, "is-placeholder", () => $c14528ddc146317f$export$e5b2f5233e4e5194, (v) => $c14528ddc146317f$export$e5b2f5233e4e5194 = v);
202
+ $parcel$export($c14528ddc146317f$exports, "is-hovered", () => $c14528ddc146317f$export$b8813cd5d7824ce7, (v) => $c14528ddc146317f$export$b8813cd5d7824ce7 = v);
203
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--valid", () => $c14528ddc146317f$export$c2abbc3f970170b7, (v) => $c14528ddc146317f$export$c2abbc3f970170b7 = v);
204
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--invalid", () => $c14528ddc146317f$export$58e50b10d30123df, (v) => $c14528ddc146317f$export$58e50b10d30123df = v);
205
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--loadable", () => $c14528ddc146317f$export$14fd30fea6f1348c, (v) => $c14528ddc146317f$export$14fd30fea6f1348c = v);
206
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-validationIcon", () => $c14528ddc146317f$export$cf0ead5b44db0da3, (v) => $c14528ddc146317f$export$cf0ead5b44db0da3 = v);
207
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-icon", () => $c14528ddc146317f$export$222d1ccd1870be1d, (v) => $c14528ddc146317f$export$222d1ccd1870be1d = v);
208
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-inputIcon", () => $c14528ddc146317f$export$c1cdcaa5fe76a871, (v) => $c14528ddc146317f$export$c1cdcaa5fe76a871 = v);
209
+ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-circleLoader", () => $c14528ddc146317f$export$82a249fb4d6127, (v) => $c14528ddc146317f$export$82a249fb4d6127 = v);
210
+ $parcel$export($c14528ddc146317f$exports, "is-focused", () => $c14528ddc146317f$export$e7dc768d35940237, (v) => $c14528ddc146317f$export$e7dc768d35940237 = v);
211
+ $parcel$export($c14528ddc146317f$exports, "focus-ring", () => $c14528ddc146317f$export$f39a09f249340e2a, (v) => $c14528ddc146317f$export$f39a09f249340e2a = v);
212
+ $parcel$export($c14528ddc146317f$exports, "is-disabled", () => $c14528ddc146317f$export$d35bc1e505d1ebbf, (v) => $c14528ddc146317f$export$d35bc1e505d1ebbf = v);
213
+ var $c14528ddc146317f$export$1ac009feb2b0bd0c;
214
+ var $c14528ddc146317f$export$2c8a10299d8b3418;
215
+ var $c14528ddc146317f$export$bffd5e3d61a81737;
216
+ var $c14528ddc146317f$export$9699f1c538a448a0;
217
+ var $c14528ddc146317f$export$e5b2f5233e4e5194;
218
+ var $c14528ddc146317f$export$b8813cd5d7824ce7;
219
+ var $c14528ddc146317f$export$c2abbc3f970170b7;
220
+ var $c14528ddc146317f$export$58e50b10d30123df;
221
+ var $c14528ddc146317f$export$14fd30fea6f1348c;
222
+ var $c14528ddc146317f$export$cf0ead5b44db0da3;
223
+ var $c14528ddc146317f$export$222d1ccd1870be1d;
224
+ var $c14528ddc146317f$export$c1cdcaa5fe76a871;
225
+ var $c14528ddc146317f$export$82a249fb4d6127;
226
+ var $c14528ddc146317f$export$e7dc768d35940237;
227
+ var $c14528ddc146317f$export$f39a09f249340e2a;
228
+ var $c14528ddc146317f$export$d35bc1e505d1ebbf;
229
+ $c14528ddc146317f$export$1ac009feb2b0bd0c = "spectrum-Textfield-input_73bc77";
230
+ $c14528ddc146317f$export$2c8a10299d8b3418 = "spectrum-Textfield_73bc77";
231
+ $c14528ddc146317f$export$bffd5e3d61a81737 = "spectrum-Textfield--quiet_73bc77";
232
+ $c14528ddc146317f$export$9699f1c538a448a0 = "spectrum-Textfield--multiline_73bc77";
233
+ $c14528ddc146317f$export$e5b2f5233e4e5194 = "is-placeholder_73bc77";
234
+ $c14528ddc146317f$export$b8813cd5d7824ce7 = "is-hovered_73bc77";
235
+ $c14528ddc146317f$export$c2abbc3f970170b7 = "spectrum-Textfield--valid_73bc77";
236
+ $c14528ddc146317f$export$58e50b10d30123df = "spectrum-Textfield--invalid_73bc77";
237
+ $c14528ddc146317f$export$14fd30fea6f1348c = "spectrum-Textfield--loadable_73bc77";
238
+ $c14528ddc146317f$export$cf0ead5b44db0da3 = "spectrum-Textfield-validationIcon_73bc77";
239
+ $c14528ddc146317f$export$222d1ccd1870be1d = "spectrum-Textfield-icon_73bc77";
240
+ $c14528ddc146317f$export$c1cdcaa5fe76a871 = "spectrum-Textfield-inputIcon_73bc77";
241
+ $c14528ddc146317f$export$82a249fb4d6127 = "spectrum-Textfield-circleLoader_73bc77";
242
+ $c14528ddc146317f$export$e7dc768d35940237 = "is-focused_73bc77";
243
+ $c14528ddc146317f$export$f39a09f249340e2a = "focus-ring_73bc77";
244
+ $c14528ddc146317f$export$d35bc1e505d1ebbf = "is-disabled_73bc77";
245
+
246
+
247
+
248
+ function $79348162c55d687f$export$f5b8910cec6cf069(props) {
249
+ let defaultRef = $aayOp$useRef();
250
+ let { isDisabled: isDisabled , isQuiet: isQuiet , inputClassName: inputClassName , validationState: validationState , children: children , fieldProps: fieldProps , inputRef: inputRef = defaultRef , className: className , style: style } = props;
265
251
  // Reserve padding for the error icon when the width of the input is unconstrained.
266
252
  // When constrained, don't reserve space because adding it only when invalid will
267
253
  // not cause a layout shift.
268
- let [reservePadding1, setReservePadding] = $afQpO$useValueEffect(false);
269
- let onResize = $afQpO$useCallback(()=>setReservePadding(function*(reservePadding) {
254
+ let [reservePadding1, setReservePadding] = $aayOp$useValueEffect(false);
255
+ let onResize = $aayOp$useCallback(()=>setReservePadding(function*(reservePadding) {
270
256
  if (reservePadding) // Try to collapse padding if the content is clipped.
271
257
  {
272
258
  if (inputRef.current.scrollWidth > inputRef.current.offsetWidth) {
@@ -287,10 +273,10 @@ function $1695f8d86a3f81e5$export$f5b8910cec6cf069(props) {
287
273
  inputRef,
288
274
  setReservePadding
289
275
  ]);
290
- $afQpO$useLayoutEffect(onResize, [
276
+ $aayOp$useLayoutEffect(onResize, [
291
277
  onResize
292
278
  ]);
293
- $afQpO$useResizeObserver({
279
+ $aayOp$useResizeObserver({
294
280
  ref: inputRef,
295
281
  onResize: onResize
296
282
  });
@@ -298,163 +284,161 @@ function $1695f8d86a3f81e5$export$f5b8910cec6cf069(props) {
298
284
  // when there is enough space for the padding to be re-added. Ideally we'd
299
285
  // use a resize observer on a parent element, but it's hard to know _what_
300
286
  // parent element.
301
- $afQpO$useEvent($afQpO$useRef(window), 'resize', onResize);
287
+ $aayOp$useEvent($aayOp$useRef(window), 'resize', onResize);
302
288
  let isInvalid = validationState === 'invalid';
303
- let textfieldClass = $afQpO$classNames((/*@__PURE__*/$parcel$interopDefault($302bd214da97cdcb$exports)), 'spectrum-Textfield', {
289
+ let textfieldClass = $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports)), 'spectrum-Textfield', {
304
290
  'spectrum-Textfield--invalid': isInvalid,
305
291
  'spectrum-Textfield--valid': validationState === 'valid',
306
292
  'spectrum-Textfield--quiet': isQuiet
307
- }, $afQpO$classNames((/*@__PURE__*/$parcel$interopDefault($a43b74d85aeb9a19$exports)), 'react-spectrum-Datepicker-field'), className);
308
- let inputClass = $afQpO$classNames((/*@__PURE__*/$parcel$interopDefault($302bd214da97cdcb$exports)), 'spectrum-Textfield-input', {
293
+ }, $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-Datepicker-field'), className);
294
+ let inputClass = $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports)), 'spectrum-Textfield-input', {
309
295
  'is-disabled': isDisabled,
310
296
  'is-invalid': isInvalid
311
- }, reservePadding1 && $afQpO$classNames((/*@__PURE__*/$parcel$interopDefault($a43b74d85aeb9a19$exports)), 'react-spectrum-Datepicker-input'), inputClassName);
312
- let iconClass = $afQpO$classNames((/*@__PURE__*/$parcel$interopDefault($302bd214da97cdcb$exports)), 'spectrum-Textfield-validationIcon');
297
+ }, reservePadding1 && $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-Datepicker-input'), inputClassName);
298
+ let iconClass = $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports)), 'spectrum-Textfield-validationIcon');
313
299
  let validationIcon = null;
314
- if (validationState === 'invalid') validationIcon = /*#__PURE__*/ $afQpO$react.createElement($afQpO$spectrumiconsuiAlertMedium, {
300
+ if (validationState === 'invalid') validationIcon = /*#__PURE__*/ $aayOp$react.createElement($aayOp$spectrumiconsuiAlertMedium, {
315
301
  "data-testid": "invalid-icon",
316
302
  UNSAFE_className: iconClass
317
303
  });
318
- else if (validationState === 'valid') validationIcon = /*#__PURE__*/ $afQpO$react.createElement($afQpO$spectrumiconsuiCheckmarkMedium, {
304
+ else if (validationState === 'valid') validationIcon = /*#__PURE__*/ $aayOp$react.createElement($aayOp$spectrumiconsuiCheckmarkMedium, {
319
305
  "data-testid": "valid-icon",
320
306
  UNSAFE_className: iconClass
321
307
  });
322
- return(/*#__PURE__*/ $afQpO$react.createElement("div", {
323
- ...$afQpO$mergeProps(fieldProps),
308
+ return(/*#__PURE__*/ $aayOp$react.createElement("div", {
309
+ role: "presentation",
310
+ ...fieldProps,
324
311
  className: textfieldClass,
325
312
  style: style
326
- }, /*#__PURE__*/ $afQpO$react.createElement($afQpO$FocusRing, {
327
- focusClass: $afQpO$classNames((/*@__PURE__*/$parcel$interopDefault($302bd214da97cdcb$exports)), 'is-focused'),
328
- focusRingClass: $afQpO$classNames((/*@__PURE__*/$parcel$interopDefault($302bd214da97cdcb$exports)), 'focus-ring'),
313
+ }, /*#__PURE__*/ $aayOp$react.createElement($aayOp$FocusRing, {
314
+ focusClass: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports)), 'is-focused'),
315
+ focusRingClass: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports)), 'focus-ring'),
329
316
  isTextInput: true,
330
317
  within: true
331
- }, /*#__PURE__*/ $afQpO$react.createElement("div", {
318
+ }, /*#__PURE__*/ $aayOp$react.createElement("div", {
332
319
  role: "presentation",
333
320
  className: inputClass
334
- }, /*#__PURE__*/ $afQpO$react.createElement("div", {
321
+ }, /*#__PURE__*/ $aayOp$react.createElement("div", {
335
322
  role: "presentation",
336
- className: $afQpO$classNames((/*@__PURE__*/$parcel$interopDefault($a43b74d85aeb9a19$exports)), 'react-spectrum-Datepicker-inputContents'),
323
+ className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-Datepicker-inputContents'),
337
324
  ref: inputRef
338
- }, /*#__PURE__*/ $afQpO$react.createElement($afQpO$FocusScope, {
339
- autoFocus: autoFocus
340
- }, children)))), validationIcon));
325
+ }, children))), validationIcon));
341
326
  }
342
327
 
343
328
 
344
329
 
345
330
 
346
331
 
347
- var $a551245eb06c6862$exports = {};
348
-
349
- $parcel$export($a551245eb06c6862$exports, "spectrum-InputGroup", () => $a551245eb06c6862$export$5be359c1227eedcb, (v) => $a551245eb06c6862$export$5be359c1227eedcb = v);
350
- $parcel$export($a551245eb06c6862$exports, "spectrum-FieldButton", () => $a551245eb06c6862$export$a024c99ecf6b5741, (v) => $a551245eb06c6862$export$a024c99ecf6b5741 = v);
351
- $parcel$export($a551245eb06c6862$exports, "is-disabled", () => $a551245eb06c6862$export$d35bc1e505d1ebbf, (v) => $a551245eb06c6862$export$d35bc1e505d1ebbf = v);
352
- $parcel$export($a551245eb06c6862$exports, "spectrum-InputGroup--invalid", () => $a551245eb06c6862$export$3b48509739a9cda0, (v) => $a551245eb06c6862$export$3b48509739a9cda0 = v);
353
- $parcel$export($a551245eb06c6862$exports, "spectrum-InputGroup--quiet", () => $a551245eb06c6862$export$ebf265ffc062029b, (v) => $a551245eb06c6862$export$ebf265ffc062029b = v);
354
- $parcel$export($a551245eb06c6862$exports, "spectrum-InputGroup-field", () => $a551245eb06c6862$export$ea77459595e26bec, (v) => $a551245eb06c6862$export$ea77459595e26bec = v);
355
- $parcel$export($a551245eb06c6862$exports, "spectrum-InputGroup-input-validationIcon", () => $a551245eb06c6862$export$f7ab13ee113f4884, (v) => $a551245eb06c6862$export$f7ab13ee113f4884 = v);
356
- $parcel$export($a551245eb06c6862$exports, "spectrum-InputGroup-input-circleLoader", () => $a551245eb06c6862$export$dcc9e00cdad967fa, (v) => $a551245eb06c6862$export$dcc9e00cdad967fa = v);
357
- $parcel$export($a551245eb06c6862$exports, "spectrum-InputGroup-input", () => $a551245eb06c6862$export$92706f5c6fe4074, (v) => $a551245eb06c6862$export$92706f5c6fe4074 = v);
358
- $parcel$export($a551245eb06c6862$exports, "spectrum-InputGroup-icon", () => $a551245eb06c6862$export$b91b6af799fd93a8, (v) => $a551245eb06c6862$export$b91b6af799fd93a8 = v);
359
- $parcel$export($a551245eb06c6862$exports, "spectrum-InputGroup-popover--quiet", () => $a551245eb06c6862$export$5e116178f9b1556a, (v) => $a551245eb06c6862$export$5e116178f9b1556a = v);
360
- $parcel$export($a551245eb06c6862$exports, "spectrum-Datepicker--range", () => $a551245eb06c6862$export$1d8b0b29e11d7cd, (v) => $a551245eb06c6862$export$1d8b0b29e11d7cd = v);
361
- $parcel$export($a551245eb06c6862$exports, "spectrum-Datepicker--datetimeRange", () => $a551245eb06c6862$export$58dd7cd23c92699f, (v) => $a551245eb06c6862$export$58dd7cd23c92699f = v);
362
- $parcel$export($a551245eb06c6862$exports, "spectrum-Datepicker-startField", () => $a551245eb06c6862$export$80f9c838a8406469, (v) => $a551245eb06c6862$export$80f9c838a8406469 = v);
363
- $parcel$export($a551245eb06c6862$exports, "spectrum-Datepicker-endField", () => $a551245eb06c6862$export$1c72fb41fa4f21ee, (v) => $a551245eb06c6862$export$1c72fb41fa4f21ee = v);
364
- $parcel$export($a551245eb06c6862$exports, "spectrum-Datepicker--rangeDash", () => $a551245eb06c6862$export$202113e883898dc, (v) => $a551245eb06c6862$export$202113e883898dc = v);
365
- $parcel$export($a551245eb06c6862$exports, "is-focused", () => $a551245eb06c6862$export$e7dc768d35940237, (v) => $a551245eb06c6862$export$e7dc768d35940237 = v);
366
- $parcel$export($a551245eb06c6862$exports, "spectrum-Datepicker-focusRing", () => $a551245eb06c6862$export$eb262b15b9261fde, (v) => $a551245eb06c6862$export$eb262b15b9261fde = v);
367
- $parcel$export($a551245eb06c6862$exports, "is-hovered", () => $a551245eb06c6862$export$b8813cd5d7824ce7, (v) => $a551245eb06c6862$export$b8813cd5d7824ce7 = v);
368
- $parcel$export($a551245eb06c6862$exports, "focus-ring", () => $a551245eb06c6862$export$f39a09f249340e2a, (v) => $a551245eb06c6862$export$f39a09f249340e2a = v);
369
- $parcel$export($a551245eb06c6862$exports, "is-selected", () => $a551245eb06c6862$export$1e0fb04f31d3c22a, (v) => $a551245eb06c6862$export$1e0fb04f31d3c22a = v);
370
- $parcel$export($a551245eb06c6862$exports, "spectrum-FieldButton--invalid", () => $a551245eb06c6862$export$c9f503f672e8a3c1, (v) => $a551245eb06c6862$export$c9f503f672e8a3c1 = v);
371
- var $a551245eb06c6862$export$5be359c1227eedcb;
372
- var $a551245eb06c6862$export$a024c99ecf6b5741;
373
- var $a551245eb06c6862$export$d35bc1e505d1ebbf;
374
- var $a551245eb06c6862$export$3b48509739a9cda0;
375
- var $a551245eb06c6862$export$ebf265ffc062029b;
376
- var $a551245eb06c6862$export$ea77459595e26bec;
377
- var $a551245eb06c6862$export$f7ab13ee113f4884;
378
- var $a551245eb06c6862$export$dcc9e00cdad967fa;
379
- var $a551245eb06c6862$export$92706f5c6fe4074;
380
- var $a551245eb06c6862$export$b91b6af799fd93a8;
381
- var $a551245eb06c6862$export$5e116178f9b1556a;
382
- var $a551245eb06c6862$export$1d8b0b29e11d7cd;
383
- var $a551245eb06c6862$export$58dd7cd23c92699f;
384
- var $a551245eb06c6862$export$80f9c838a8406469;
385
- var $a551245eb06c6862$export$1c72fb41fa4f21ee;
386
- var $a551245eb06c6862$export$202113e883898dc;
387
- var $a551245eb06c6862$export$e7dc768d35940237;
388
- var $a551245eb06c6862$export$eb262b15b9261fde;
389
- var $a551245eb06c6862$export$b8813cd5d7824ce7;
390
- var $a551245eb06c6862$export$f39a09f249340e2a;
391
- var $a551245eb06c6862$export$1e0fb04f31d3c22a;
392
- var $a551245eb06c6862$export$c9f503f672e8a3c1;
393
- $a551245eb06c6862$export$5be359c1227eedcb = "spectrum-InputGroup_a0942f";
394
- $a551245eb06c6862$export$a024c99ecf6b5741 = "spectrum-FieldButton_a0942f";
395
- $a551245eb06c6862$export$d35bc1e505d1ebbf = "is-disabled_a0942f";
396
- $a551245eb06c6862$export$3b48509739a9cda0 = "spectrum-InputGroup--invalid_a0942f";
397
- $a551245eb06c6862$export$ebf265ffc062029b = "spectrum-InputGroup--quiet_a0942f";
398
- $a551245eb06c6862$export$ea77459595e26bec = "spectrum-InputGroup-field_a0942f";
399
- $a551245eb06c6862$export$f7ab13ee113f4884 = "spectrum-InputGroup-input-validationIcon_a0942f";
400
- $a551245eb06c6862$export$dcc9e00cdad967fa = "spectrum-InputGroup-input-circleLoader_a0942f";
401
- $a551245eb06c6862$export$92706f5c6fe4074 = "spectrum-InputGroup-input_a0942f";
402
- $a551245eb06c6862$export$b91b6af799fd93a8 = "spectrum-InputGroup-icon_a0942f";
403
- $a551245eb06c6862$export$5e116178f9b1556a = "spectrum-InputGroup-popover--quiet_a0942f";
404
- $a551245eb06c6862$export$1d8b0b29e11d7cd = "spectrum-Datepicker--range_a0942f";
405
- $a551245eb06c6862$export$58dd7cd23c92699f = "spectrum-Datepicker--datetimeRange_a0942f";
406
- $a551245eb06c6862$export$80f9c838a8406469 = "spectrum-Datepicker-startField_a0942f";
407
- $a551245eb06c6862$export$1c72fb41fa4f21ee = "spectrum-Datepicker-endField_a0942f";
408
- $a551245eb06c6862$export$202113e883898dc = "spectrum-Datepicker--rangeDash_a0942f";
409
- $a551245eb06c6862$export$e7dc768d35940237 = "is-focused_a0942f";
410
- $a551245eb06c6862$export$eb262b15b9261fde = "spectrum-Datepicker-focusRing_a0942f";
411
- $a551245eb06c6862$export$b8813cd5d7824ce7 = "is-hovered_a0942f";
412
- $a551245eb06c6862$export$f39a09f249340e2a = "focus-ring_a0942f";
413
- $a551245eb06c6862$export$1e0fb04f31d3c22a = "is-selected_a0942f";
414
- $a551245eb06c6862$export$c9f503f672e8a3c1 = "spectrum-FieldButton--invalid_a0942f";
415
-
416
-
417
- var $47ef222aa623d963$exports = {};
418
-
419
- $parcel$export($47ef222aa623d963$exports, "TimeField", () => $47ef222aa623d963$export$5eaee2322dd727eb);
420
-
421
-
422
-
423
-
424
-
425
-
426
-
427
-
428
-
429
-
430
-
431
- function $47ef222aa623d963$export$5eaee2322dd727eb(props) {
432
- props = $afQpO$useProviderProps(props);
332
+ var $8fb52a80fe52b1c7$exports = {};
333
+
334
+ $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup", () => $8fb52a80fe52b1c7$export$5be359c1227eedcb, (v) => $8fb52a80fe52b1c7$export$5be359c1227eedcb = v);
335
+ $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-FieldButton", () => $8fb52a80fe52b1c7$export$a024c99ecf6b5741, (v) => $8fb52a80fe52b1c7$export$a024c99ecf6b5741 = v);
336
+ $parcel$export($8fb52a80fe52b1c7$exports, "is-disabled", () => $8fb52a80fe52b1c7$export$d35bc1e505d1ebbf, (v) => $8fb52a80fe52b1c7$export$d35bc1e505d1ebbf = v);
337
+ $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup--invalid", () => $8fb52a80fe52b1c7$export$3b48509739a9cda0, (v) => $8fb52a80fe52b1c7$export$3b48509739a9cda0 = v);
338
+ $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup--quiet", () => $8fb52a80fe52b1c7$export$ebf265ffc062029b, (v) => $8fb52a80fe52b1c7$export$ebf265ffc062029b = v);
339
+ $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup-field", () => $8fb52a80fe52b1c7$export$ea77459595e26bec, (v) => $8fb52a80fe52b1c7$export$ea77459595e26bec = v);
340
+ $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup-input-validationIcon", () => $8fb52a80fe52b1c7$export$f7ab13ee113f4884, (v) => $8fb52a80fe52b1c7$export$f7ab13ee113f4884 = v);
341
+ $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup-input-circleLoader", () => $8fb52a80fe52b1c7$export$dcc9e00cdad967fa, (v) => $8fb52a80fe52b1c7$export$dcc9e00cdad967fa = v);
342
+ $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup-input", () => $8fb52a80fe52b1c7$export$92706f5c6fe4074, (v) => $8fb52a80fe52b1c7$export$92706f5c6fe4074 = v);
343
+ $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup-icon", () => $8fb52a80fe52b1c7$export$b91b6af799fd93a8, (v) => $8fb52a80fe52b1c7$export$b91b6af799fd93a8 = v);
344
+ $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup-popover--quiet", () => $8fb52a80fe52b1c7$export$5e116178f9b1556a, (v) => $8fb52a80fe52b1c7$export$5e116178f9b1556a = v);
345
+ $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-Datepicker--range", () => $8fb52a80fe52b1c7$export$1d8b0b29e11d7cd, (v) => $8fb52a80fe52b1c7$export$1d8b0b29e11d7cd = v);
346
+ $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-Datepicker--datetimeRange", () => $8fb52a80fe52b1c7$export$58dd7cd23c92699f, (v) => $8fb52a80fe52b1c7$export$58dd7cd23c92699f = v);
347
+ $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-Datepicker-startField", () => $8fb52a80fe52b1c7$export$80f9c838a8406469, (v) => $8fb52a80fe52b1c7$export$80f9c838a8406469 = v);
348
+ $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-Datepicker-endField", () => $8fb52a80fe52b1c7$export$1c72fb41fa4f21ee, (v) => $8fb52a80fe52b1c7$export$1c72fb41fa4f21ee = v);
349
+ $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-Datepicker--rangeDash", () => $8fb52a80fe52b1c7$export$202113e883898dc, (v) => $8fb52a80fe52b1c7$export$202113e883898dc = v);
350
+ $parcel$export($8fb52a80fe52b1c7$exports, "is-focused", () => $8fb52a80fe52b1c7$export$e7dc768d35940237, (v) => $8fb52a80fe52b1c7$export$e7dc768d35940237 = v);
351
+ $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-Datepicker-focusRing", () => $8fb52a80fe52b1c7$export$eb262b15b9261fde, (v) => $8fb52a80fe52b1c7$export$eb262b15b9261fde = v);
352
+ $parcel$export($8fb52a80fe52b1c7$exports, "is-hovered", () => $8fb52a80fe52b1c7$export$b8813cd5d7824ce7, (v) => $8fb52a80fe52b1c7$export$b8813cd5d7824ce7 = v);
353
+ $parcel$export($8fb52a80fe52b1c7$exports, "focus-ring", () => $8fb52a80fe52b1c7$export$f39a09f249340e2a, (v) => $8fb52a80fe52b1c7$export$f39a09f249340e2a = v);
354
+ $parcel$export($8fb52a80fe52b1c7$exports, "is-selected", () => $8fb52a80fe52b1c7$export$1e0fb04f31d3c22a, (v) => $8fb52a80fe52b1c7$export$1e0fb04f31d3c22a = v);
355
+ $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-FieldButton--invalid", () => $8fb52a80fe52b1c7$export$c9f503f672e8a3c1, (v) => $8fb52a80fe52b1c7$export$c9f503f672e8a3c1 = v);
356
+ var $8fb52a80fe52b1c7$export$5be359c1227eedcb;
357
+ var $8fb52a80fe52b1c7$export$a024c99ecf6b5741;
358
+ var $8fb52a80fe52b1c7$export$d35bc1e505d1ebbf;
359
+ var $8fb52a80fe52b1c7$export$3b48509739a9cda0;
360
+ var $8fb52a80fe52b1c7$export$ebf265ffc062029b;
361
+ var $8fb52a80fe52b1c7$export$ea77459595e26bec;
362
+ var $8fb52a80fe52b1c7$export$f7ab13ee113f4884;
363
+ var $8fb52a80fe52b1c7$export$dcc9e00cdad967fa;
364
+ var $8fb52a80fe52b1c7$export$92706f5c6fe4074;
365
+ var $8fb52a80fe52b1c7$export$b91b6af799fd93a8;
366
+ var $8fb52a80fe52b1c7$export$5e116178f9b1556a;
367
+ var $8fb52a80fe52b1c7$export$1d8b0b29e11d7cd;
368
+ var $8fb52a80fe52b1c7$export$58dd7cd23c92699f;
369
+ var $8fb52a80fe52b1c7$export$80f9c838a8406469;
370
+ var $8fb52a80fe52b1c7$export$1c72fb41fa4f21ee;
371
+ var $8fb52a80fe52b1c7$export$202113e883898dc;
372
+ var $8fb52a80fe52b1c7$export$e7dc768d35940237;
373
+ var $8fb52a80fe52b1c7$export$eb262b15b9261fde;
374
+ var $8fb52a80fe52b1c7$export$b8813cd5d7824ce7;
375
+ var $8fb52a80fe52b1c7$export$f39a09f249340e2a;
376
+ var $8fb52a80fe52b1c7$export$1e0fb04f31d3c22a;
377
+ var $8fb52a80fe52b1c7$export$c9f503f672e8a3c1;
378
+ $8fb52a80fe52b1c7$export$5be359c1227eedcb = "spectrum-InputGroup_a0942f";
379
+ $8fb52a80fe52b1c7$export$a024c99ecf6b5741 = "spectrum-FieldButton_a0942f";
380
+ $8fb52a80fe52b1c7$export$d35bc1e505d1ebbf = "is-disabled_a0942f";
381
+ $8fb52a80fe52b1c7$export$3b48509739a9cda0 = "spectrum-InputGroup--invalid_a0942f";
382
+ $8fb52a80fe52b1c7$export$ebf265ffc062029b = "spectrum-InputGroup--quiet_a0942f";
383
+ $8fb52a80fe52b1c7$export$ea77459595e26bec = "spectrum-InputGroup-field_a0942f";
384
+ $8fb52a80fe52b1c7$export$f7ab13ee113f4884 = "spectrum-InputGroup-input-validationIcon_a0942f";
385
+ $8fb52a80fe52b1c7$export$dcc9e00cdad967fa = "spectrum-InputGroup-input-circleLoader_a0942f";
386
+ $8fb52a80fe52b1c7$export$92706f5c6fe4074 = "spectrum-InputGroup-input_a0942f";
387
+ $8fb52a80fe52b1c7$export$b91b6af799fd93a8 = "spectrum-InputGroup-icon_a0942f";
388
+ $8fb52a80fe52b1c7$export$5e116178f9b1556a = "spectrum-InputGroup-popover--quiet_a0942f";
389
+ $8fb52a80fe52b1c7$export$1d8b0b29e11d7cd = "spectrum-Datepicker--range_a0942f";
390
+ $8fb52a80fe52b1c7$export$58dd7cd23c92699f = "spectrum-Datepicker--datetimeRange_a0942f";
391
+ $8fb52a80fe52b1c7$export$80f9c838a8406469 = "spectrum-Datepicker-startField_a0942f";
392
+ $8fb52a80fe52b1c7$export$1c72fb41fa4f21ee = "spectrum-Datepicker-endField_a0942f";
393
+ $8fb52a80fe52b1c7$export$202113e883898dc = "spectrum-Datepicker--rangeDash_a0942f";
394
+ $8fb52a80fe52b1c7$export$e7dc768d35940237 = "is-focused_a0942f";
395
+ $8fb52a80fe52b1c7$export$eb262b15b9261fde = "spectrum-Datepicker-focusRing_a0942f";
396
+ $8fb52a80fe52b1c7$export$b8813cd5d7824ce7 = "is-hovered_a0942f";
397
+ $8fb52a80fe52b1c7$export$f39a09f249340e2a = "focus-ring_a0942f";
398
+ $8fb52a80fe52b1c7$export$1e0fb04f31d3c22a = "is-selected_a0942f";
399
+ $8fb52a80fe52b1c7$export$c9f503f672e8a3c1 = "spectrum-FieldButton--invalid_a0942f";
400
+
401
+
402
+ var $f0a04554754386b6$exports = {};
403
+
404
+ $parcel$export($f0a04554754386b6$exports, "TimeField", () => $f0a04554754386b6$export$5eaee2322dd727eb);
405
+
406
+
407
+
408
+
409
+
410
+
411
+
412
+
413
+
414
+
415
+ function $f0a04554754386b6$export$5eaee2322dd727eb(props) {
416
+ props = $aayOp$useProviderProps(props);
433
417
  let { autoFocus: autoFocus , isDisabled: isDisabled , isReadOnly: isReadOnly , isRequired: isRequired , isQuiet: isQuiet } = props;
434
- let ref = $afQpO$useRef();
435
- let { locale: locale } = $afQpO$useLocale();
436
- let state = $afQpO$useTimeFieldState({
418
+ let ref = $aayOp$useRef();
419
+ let { locale: locale } = $aayOp$useLocale();
420
+ let state = $aayOp$useTimeFieldState({
437
421
  ...props,
438
- locale: locale,
439
- createCalendar: $afQpO$createCalendar
422
+ locale: locale
440
423
  });
441
- let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = $afQpO$useDateField(props, state, ref);
442
- return(/*#__PURE__*/ $afQpO$react.createElement($afQpO$Field, {
424
+ let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = $aayOp$useTimeField(props, state, ref);
425
+ return(/*#__PURE__*/ $aayOp$react.createElement($aayOp$Field, {
443
426
  ...props,
427
+ elementType: "span",
444
428
  labelProps: labelProps,
445
429
  descriptionProps: descriptionProps,
446
430
  errorMessageProps: errorMessageProps,
447
431
  validationState: state.validationState,
448
- UNSAFE_className: $afQpO$classNames((/*@__PURE__*/$parcel$interopDefault($a43b74d85aeb9a19$exports)), 'react-spectrum-TimeField-fieldWrapper')
449
- }, /*#__PURE__*/ $afQpO$react.createElement($1695f8d86a3f81e5$export$f5b8910cec6cf069, {
432
+ UNSAFE_className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-TimeField-fieldWrapper')
433
+ }, /*#__PURE__*/ $aayOp$react.createElement($79348162c55d687f$export$f5b8910cec6cf069, {
450
434
  fieldProps: fieldProps,
451
435
  isDisabled: isDisabled,
452
436
  isQuiet: isQuiet,
453
437
  autoFocus: autoFocus,
454
438
  validationState: state.validationState,
455
439
  inputRef: ref,
456
- className: $afQpO$classNames((/*@__PURE__*/$parcel$interopDefault($a43b74d85aeb9a19$exports)), 'react-spectrum-TimeField')
457
- }, state.segments.map((segment, i)=>/*#__PURE__*/ $afQpO$react.createElement($8f320e1d67254f5c$export$6388987c5223b54e, {
440
+ className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-TimeField')
441
+ }, state.segments.map((segment, i)=>/*#__PURE__*/ $aayOp$react.createElement($cfa347761f172638$export$6388987c5223b54e, {
458
442
  key: i,
459
443
  segment: segment,
460
444
  state: state,
@@ -474,12 +458,12 @@ function $47ef222aa623d963$export$5eaee2322dd727eb(props) {
474
458
 
475
459
 
476
460
 
477
- function $87b26629c53defbc$export$322f4580ccd8dde6(props) {
478
- let formatter = $afQpO$useDateFormatter({
461
+ function $04e96200274b03de$export$322f4580ccd8dde6(props) {
462
+ let formatter = $aayOp$useDateFormatter({
479
463
  dateStyle: 'short'
480
464
  });
481
- let displayNames = $afQpO$useDisplayNames();
482
- return $afQpO$useMemo(()=>{
465
+ let displayNames = $aayOp$useDisplayNames();
466
+ return $aayOp$useMemo(()=>{
483
467
  if (props.description) return props.description;
484
468
  if (props.showFormatHelpText) return formatter.formatToParts(new Date()).map((s)=>{
485
469
  if (s.type === 'literal') return s.value;
@@ -493,11 +477,11 @@ function $87b26629c53defbc$export$322f4580ccd8dde6(props) {
493
477
  displayNames
494
478
  ]);
495
479
  }
496
- function $87b26629c53defbc$export$12ce2869ce471b1f(maxVisibleMonths) {
497
- let { scale: scale } = $afQpO$useProvider();
498
- let [visibleMonths, setVisibleMonths] = $afQpO$useState($87b26629c53defbc$var$getVisibleMonths(scale));
499
- $afQpO$useLayoutEffect(()=>{
500
- let onResize = ()=>setVisibleMonths($87b26629c53defbc$var$getVisibleMonths(scale))
480
+ function $04e96200274b03de$export$12ce2869ce471b1f(maxVisibleMonths) {
481
+ let { scale: scale } = $aayOp$useProvider();
482
+ let [visibleMonths, setVisibleMonths] = $aayOp$useState($04e96200274b03de$var$getVisibleMonths(scale));
483
+ $aayOp$useLayoutEffect(()=>{
484
+ let onResize = ()=>setVisibleMonths($04e96200274b03de$var$getVisibleMonths(scale))
501
485
  ;
502
486
  onResize();
503
487
  window.addEventListener('resize', onResize);
@@ -509,7 +493,7 @@ function $87b26629c53defbc$export$12ce2869ce471b1f(maxVisibleMonths) {
509
493
  ]);
510
494
  return Math.max(1, Math.min(visibleMonths, maxVisibleMonths, 3));
511
495
  }
512
- function $87b26629c53defbc$var$getVisibleMonths(scale) {
496
+ function $04e96200274b03de$var$getVisibleMonths(scale) {
513
497
  let monthWidth = scale === 'large' ? 336 : 280;
514
498
  let gap = scale === 'large' ? 30 : 24;
515
499
  let popoverPadding = scale === 'large' ? 32 : 48;
@@ -520,23 +504,26 @@ function $87b26629c53defbc$var$getVisibleMonths(scale) {
520
504
 
521
505
 
522
506
 
523
- function $abe08035130a300c$export$5109c6dd95d8fb00(props) {
524
- props = $afQpO$useProviderProps(props);
525
- let { autoFocus: autoFocus , isQuiet: isQuiet , isDisabled: isDisabled , isReadOnly: isReadOnly , isRequired: isRequired , placeholderValue: placeholderValue , maxVisibleMonths: maxVisibleMonths = 1 } = props;
526
- let { hoverProps: hoverProps , isHovered: isHovered } = $afQpO$useHover({
507
+ function $beaeefa091999363$export$5109c6dd95d8fb00(props) {
508
+ props = $aayOp$useProviderProps(props);
509
+ let { autoFocus: autoFocus , isQuiet: isQuiet , isDisabled: isDisabled , isReadOnly: isReadOnly , placeholderValue: placeholderValue , maxVisibleMonths: maxVisibleMonths = 1 } = props;
510
+ let { hoverProps: hoverProps , isHovered: isHovered } = $aayOp$useHover({
527
511
  isDisabled: isDisabled
528
512
  });
529
- let targetRef = $afQpO$useRef();
530
- let state = $afQpO$useDatePickerState(props);
531
- let { groupProps: groupProps , labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps , buttonProps: buttonProps , dialogProps: dialogProps } = $afQpO$useDatePicker(props, state, targetRef);
532
- let { value: value , setValue: setValue , isOpen: isOpen , setOpen: setOpen } = state;
533
- let { direction: direction } = $afQpO$useLocale();
534
- let { isFocused: isFocused , isFocusVisible: isFocusVisible , focusProps: focusProps } = $afQpO$useFocusRing({
513
+ let targetRef = $aayOp$useRef();
514
+ let state = $aayOp$useDatePickerState({
515
+ ...props,
516
+ shouldCloseOnSelect: ()=>!state.hasTime
517
+ });
518
+ let { groupProps: groupProps , labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps , buttonProps: buttonProps , dialogProps: dialogProps , calendarProps: calendarProps } = $aayOp$useDatePicker(props, state, targetRef);
519
+ let { isOpen: isOpen , setOpen: setOpen } = state;
520
+ let { direction: direction } = $aayOp$useLocale();
521
+ let { isFocused: isFocused , isFocusVisible: isFocusVisible , focusProps: focusProps } = $aayOp$useFocusRing({
535
522
  within: true,
536
523
  isTextInput: true,
537
524
  autoFocus: autoFocus
538
525
  });
539
- let className = $afQpO$classNames((/*@__PURE__*/$parcel$interopDefault($a551245eb06c6862$exports)), 'spectrum-InputGroup', {
526
+ let className = $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports)), 'spectrum-InputGroup', {
540
527
  'spectrum-InputGroup--quiet': isQuiet,
541
528
  'spectrum-InputGroup--invalid': state.validationState === 'invalid',
542
529
  'is-disabled': isDisabled,
@@ -544,13 +531,13 @@ function $abe08035130a300c$export$5109c6dd95d8fb00(props) {
544
531
  'is-focused': isFocused,
545
532
  'focus-ring': isFocusVisible
546
533
  });
547
- let fieldClassName = $afQpO$classNames((/*@__PURE__*/$parcel$interopDefault($a551245eb06c6862$exports)), 'spectrum-InputGroup-input', {
534
+ let fieldClassName = $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports)), 'spectrum-InputGroup-input', {
548
535
  'is-disabled': isDisabled,
549
536
  'is-invalid': state.validationState === 'invalid'
550
537
  });
551
538
  // Note: this description is intentionally not passed to useDatePicker.
552
539
  // The format help text is unnecessary for screen reader users because each segment already has a label.
553
- let description = $87b26629c53defbc$export$322f4580ccd8dde6(props);
540
+ let description = $04e96200274b03de$export$322f4580ccd8dde6(props);
554
541
  if (description && !props.description) descriptionProps.id = null;
555
542
  let placeholder = placeholderValue;
556
543
  let timePlaceholder = placeholder && 'hour' in placeholder ? placeholder : null;
@@ -558,42 +545,32 @@ function $abe08035130a300c$export$5109c6dd95d8fb00(props) {
558
545
  let timeMaxValue = props.maxValue && 'hour' in props.maxValue ? props.maxValue : null;
559
546
  let timeGranularity = state.granularity === 'hour' || state.granularity === 'minute' || state.granularity === 'second' || state.granularity === 'millisecond' ? state.granularity : null;
560
547
  let showTimeField = !!timeGranularity;
561
- let visibleMonths = $87b26629c53defbc$export$12ce2869ce471b1f(maxVisibleMonths);
562
- return(/*#__PURE__*/ $afQpO$react.createElement($afQpO$Field, {
548
+ let visibleMonths = $04e96200274b03de$export$12ce2869ce471b1f(maxVisibleMonths);
549
+ return(/*#__PURE__*/ $aayOp$react.createElement($aayOp$Field, {
563
550
  ...props,
551
+ elementType: "span",
564
552
  ref: targetRef,
565
553
  description: description,
566
554
  labelProps: labelProps,
567
555
  descriptionProps: descriptionProps,
568
556
  errorMessageProps: errorMessageProps,
569
557
  validationState: state.validationState,
570
- UNSAFE_className: $afQpO$classNames((/*@__PURE__*/$parcel$interopDefault($a43b74d85aeb9a19$exports)), 'react-spectrum-Datepicker-fieldWrapper')
571
- }, /*#__PURE__*/ $afQpO$react.createElement("div", {
572
- ...$afQpO$mergeProps(groupProps, hoverProps, focusProps),
558
+ UNSAFE_className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-Datepicker-fieldWrapper')
559
+ }, /*#__PURE__*/ $aayOp$react.createElement("div", {
560
+ ...$aayOp$mergeProps(groupProps, hoverProps, focusProps),
573
561
  className: className
574
- }, /*#__PURE__*/ $afQpO$react.createElement($1695f8d86a3f81e5$export$f5b8910cec6cf069, {
562
+ }, /*#__PURE__*/ $aayOp$react.createElement($79348162c55d687f$export$f5b8910cec6cf069, {
575
563
  isDisabled: isDisabled,
576
564
  isQuiet: isQuiet,
577
565
  validationState: state.validationState,
578
- autoFocus: autoFocus,
579
- className: $afQpO$classNames((/*@__PURE__*/$parcel$interopDefault($a551245eb06c6862$exports)), 'spectrum-InputGroup-field'),
566
+ className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports)), 'spectrum-InputGroup-field'),
580
567
  inputClassName: fieldClassName
581
- }, /*#__PURE__*/ $afQpO$react.createElement($00d145e546a6acce$export$34dc4cfa15ead1, {
568
+ }, /*#__PURE__*/ $aayOp$react.createElement($d2bb88c82604b25f$export$34dc4cfa15ead1, {
582
569
  ...fieldProps,
583
570
  "data-testid": "date-field",
584
571
  isQuiet: isQuiet,
585
- validationState: state.validationState,
586
- value: value,
587
- onChange: setValue,
588
- placeholderValue: placeholderValue,
589
- isDisabled: isDisabled,
590
- isReadOnly: isReadOnly,
591
- isRequired: isRequired,
592
- granularity: props.granularity,
593
- hourCycle: props.hourCycle,
594
- inputClassName: fieldClassName,
595
- hideTimeZone: props.hideTimeZone
596
- })), /*#__PURE__*/ $afQpO$react.createElement($afQpO$DialogTrigger, {
572
+ inputClassName: fieldClassName
573
+ })), /*#__PURE__*/ $aayOp$react.createElement($aayOp$DialogTrigger, {
597
574
  type: "popover",
598
575
  mobileType: "tray",
599
576
  placement: direction === 'rtl' ? 'bottom right' : 'bottom left',
@@ -601,27 +578,23 @@ function $abe08035130a300c$export$5109c6dd95d8fb00(props) {
601
578
  hideArrow: true,
602
579
  isOpen: isOpen,
603
580
  onOpenChange: setOpen
604
- }, /*#__PURE__*/ $afQpO$react.createElement($afQpO$FieldButton, {
581
+ }, /*#__PURE__*/ $aayOp$react.createElement($aayOp$FieldButton, {
605
582
  ...buttonProps,
606
- UNSAFE_className: $afQpO$classNames((/*@__PURE__*/$parcel$interopDefault($a551245eb06c6862$exports)), 'spectrum-FieldButton'),
583
+ UNSAFE_className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports)), 'spectrum-FieldButton'),
607
584
  isQuiet: isQuiet,
608
585
  validationState: state.validationState,
609
586
  isDisabled: isDisabled || isReadOnly
610
- }, /*#__PURE__*/ $afQpO$react.createElement($afQpO$spectrumiconsworkflowCalendar, null)), /*#__PURE__*/ $afQpO$react.createElement($afQpO$Dialog, {
611
- UNSAFE_className: $afQpO$classNames((/*@__PURE__*/$parcel$interopDefault($a43b74d85aeb9a19$exports)), 'react-spectrum-Datepicker-dialog'),
587
+ }, /*#__PURE__*/ $aayOp$react.createElement($aayOp$spectrumiconsworkflowCalendar, null)), /*#__PURE__*/ $aayOp$react.createElement($aayOp$Dialog, {
588
+ UNSAFE_className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-Datepicker-dialog'),
612
589
  ...dialogProps
613
- }, /*#__PURE__*/ $afQpO$react.createElement($afQpO$Content, {
614
- UNSAFE_className: $afQpO$classNames((/*@__PURE__*/$parcel$interopDefault($a43b74d85aeb9a19$exports)), 'react-spectrum-Datepicker-dialogContent')
615
- }, /*#__PURE__*/ $afQpO$react.createElement($afQpO$Calendar, {
616
- autoFocus: true,
617
- value: state.dateValue,
618
- onChange: state.setDateValue,
619
- visibleMonths: visibleMonths,
620
- minValue: props.minValue,
621
- maxValue: props.maxValue
622
- }), showTimeField && /*#__PURE__*/ $afQpO$react.createElement("div", {
623
- className: $afQpO$classNames((/*@__PURE__*/$parcel$interopDefault($a43b74d85aeb9a19$exports)), 'react-spectrum-Datepicker-timeFields')
624
- }, /*#__PURE__*/ $afQpO$react.createElement($47ef222aa623d963$export$5eaee2322dd727eb, {
590
+ }, /*#__PURE__*/ $aayOp$react.createElement($aayOp$Content, {
591
+ UNSAFE_className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-Datepicker-dialogContent')
592
+ }, /*#__PURE__*/ $aayOp$react.createElement($aayOp$Calendar, {
593
+ ...calendarProps,
594
+ visibleMonths: visibleMonths
595
+ }), showTimeField && /*#__PURE__*/ $aayOp$react.createElement("div", {
596
+ className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-Datepicker-timeFields')
597
+ }, /*#__PURE__*/ $aayOp$react.createElement($f0a04554754386b6$export$5eaee2322dd727eb, {
625
598
  label: "Time",
626
599
  value: state.timeValue,
627
600
  onChange: state.setTimeValue,
@@ -636,9 +609,9 @@ function $abe08035130a300c$export$5109c6dd95d8fb00(props) {
636
609
  }
637
610
 
638
611
 
639
- var $f009753b893d884a$exports = {};
612
+ var $cb301300011a98f7$exports = {};
640
613
 
641
- $parcel$export($f009753b893d884a$exports, "DateRangePicker", () => $f009753b893d884a$export$17334619f3ac2224);
614
+ $parcel$export($cb301300011a98f7$exports, "DateRangePicker", () => $cb301300011a98f7$export$17334619f3ac2224);
642
615
 
643
616
 
644
617
 
@@ -661,25 +634,28 @@ $parcel$export($f009753b893d884a$exports, "DateRangePicker", () => $f009753b893d
661
634
 
662
635
 
663
636
 
664
- function $f009753b893d884a$export$17334619f3ac2224(props) {
637
+ function $cb301300011a98f7$export$17334619f3ac2224(props) {
665
638
  var ref, ref1;
666
- props = $afQpO$useProviderProps(props);
667
- let { isQuiet: isQuiet , isDisabled: isDisabled , isReadOnly: isReadOnly , isRequired: isRequired , autoFocus: autoFocus , placeholderValue: placeholderValue , maxVisibleMonths: maxVisibleMonths = 1 , ...otherProps } = props;
668
- let { styleProps: styleProps } = $afQpO$useStyleProps(otherProps);
669
- let { hoverProps: hoverProps , isHovered: isHovered } = $afQpO$useHover({
639
+ props = $aayOp$useProviderProps(props);
640
+ let { isQuiet: isQuiet , isDisabled: isDisabled , isReadOnly: isReadOnly , autoFocus: autoFocus , placeholderValue: placeholderValue , maxVisibleMonths: maxVisibleMonths = 1 , ...otherProps } = props;
641
+ let { styleProps: styleProps } = $aayOp$useStyleProps(otherProps);
642
+ let { hoverProps: hoverProps , isHovered: isHovered } = $aayOp$useHover({
670
643
  isDisabled: isDisabled
671
644
  });
672
- let targetRef = $afQpO$useRef();
673
- let state = $afQpO$useDateRangePickerState(props);
674
- let { labelProps: labelProps , groupProps: groupProps , buttonProps: buttonProps , dialogProps: dialogProps , startFieldProps: startFieldProps , endFieldProps: endFieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = $afQpO$useDateRangePicker(props, state, targetRef);
675
- let { value: value , isOpen: isOpen , setOpen: setOpen } = state;
676
- let { direction: direction } = $afQpO$useLocale();
677
- let { isFocused: isFocused , isFocusVisible: isFocusVisible , focusProps: focusProps } = $afQpO$useFocusRing({
645
+ let targetRef = $aayOp$useRef();
646
+ let state = $aayOp$useDateRangePickerState({
647
+ ...props,
648
+ shouldCloseOnSelect: ()=>!state.hasTime
649
+ });
650
+ let { labelProps: labelProps , groupProps: groupProps , buttonProps: buttonProps , dialogProps: dialogProps , startFieldProps: startFieldProps , endFieldProps: endFieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps , calendarProps: calendarProps } = $aayOp$useDateRangePicker(props, state, targetRef);
651
+ let { isOpen: isOpen , setOpen: setOpen } = state;
652
+ let { direction: direction } = $aayOp$useLocale();
653
+ let { isFocused: isFocused , isFocusVisible: isFocusVisible , focusProps: focusProps } = $aayOp$useFocusRing({
678
654
  within: true,
679
655
  isTextInput: true,
680
656
  autoFocus: autoFocus
681
657
  });
682
- let className = $afQpO$classNames((/*@__PURE__*/$parcel$interopDefault($a551245eb06c6862$exports)), 'spectrum-InputGroup', {
658
+ let className = $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports)), 'spectrum-InputGroup', {
683
659
  'spectrum-InputGroup--quiet': isQuiet,
684
660
  'spectrum-InputGroup--invalid': state.validationState === 'invalid',
685
661
  'is-disabled': isDisabled,
@@ -687,13 +663,13 @@ function $f009753b893d884a$export$17334619f3ac2224(props) {
687
663
  'is-focused': isFocused,
688
664
  'focus-ring': isFocusVisible
689
665
  }, styleProps.className);
690
- let fieldClassName = $afQpO$classNames((/*@__PURE__*/$parcel$interopDefault($a551245eb06c6862$exports)), 'spectrum-InputGroup-input', {
666
+ let fieldClassName = $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports)), 'spectrum-InputGroup-input', {
691
667
  'is-disabled': isDisabled,
692
668
  'is-invalid': state.validationState === 'invalid'
693
669
  });
694
670
  // Note: this description is intentionally not passed to useDatePicker.
695
671
  // The format help text is unnecessary for screen reader users because each segment already has a label.
696
- let description = $87b26629c53defbc$export$322f4580ccd8dde6(props);
672
+ let description = $04e96200274b03de$export$322f4580ccd8dde6(props);
697
673
  if (description && !props.description) descriptionProps.id = null;
698
674
  let placeholder = placeholderValue;
699
675
  let timePlaceholder = placeholder && 'hour' in placeholder ? placeholder : null;
@@ -701,60 +677,38 @@ function $f009753b893d884a$export$17334619f3ac2224(props) {
701
677
  let timeMaxValue = props.maxValue && 'hour' in props.maxValue ? props.maxValue : null;
702
678
  let timeGranularity = state.granularity === 'hour' || state.granularity === 'minute' || state.granularity === 'second' || state.granularity === 'millisecond' ? state.granularity : null;
703
679
  let showTimeField = !!timeGranularity;
704
- let visibleMonths = $87b26629c53defbc$export$12ce2869ce471b1f(maxVisibleMonths);
705
- return(/*#__PURE__*/ $afQpO$react.createElement($afQpO$Field, {
680
+ let visibleMonths = $04e96200274b03de$export$12ce2869ce471b1f(maxVisibleMonths);
681
+ return(/*#__PURE__*/ $aayOp$react.createElement($aayOp$Field, {
706
682
  ...props,
683
+ elementType: "span",
707
684
  ref: targetRef,
708
685
  description: description,
709
686
  labelProps: labelProps,
710
687
  descriptionProps: descriptionProps,
711
688
  errorMessageProps: errorMessageProps,
712
689
  validationState: state.validationState,
713
- UNSAFE_className: $afQpO$classNames((/*@__PURE__*/$parcel$interopDefault($a43b74d85aeb9a19$exports)), 'react-spectrum-Datepicker-fieldWrapper')
714
- }, /*#__PURE__*/ $afQpO$react.createElement("div", {
690
+ UNSAFE_className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-Datepicker-fieldWrapper')
691
+ }, /*#__PURE__*/ $aayOp$react.createElement("div", {
715
692
  ...styleProps,
716
- ...$afQpO$mergeProps(groupProps, hoverProps, focusProps),
693
+ ...$aayOp$mergeProps(groupProps, hoverProps, focusProps),
717
694
  className: className
718
- }, /*#__PURE__*/ $afQpO$react.createElement($1695f8d86a3f81e5$export$f5b8910cec6cf069, {
695
+ }, /*#__PURE__*/ $aayOp$react.createElement($79348162c55d687f$export$f5b8910cec6cf069, {
719
696
  isDisabled: isDisabled,
720
697
  isQuiet: isQuiet,
721
698
  validationState: state.validationState,
722
- autoFocus: autoFocus,
723
- className: $afQpO$classNames((/*@__PURE__*/$parcel$interopDefault($a551245eb06c6862$exports)), 'spectrum-InputGroup-field'),
699
+ className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports)), 'spectrum-InputGroup-field'),
724
700
  inputClassName: fieldClassName
725
- }, /*#__PURE__*/ $afQpO$react.createElement($00d145e546a6acce$export$34dc4cfa15ead1, {
701
+ }, /*#__PURE__*/ $aayOp$react.createElement($d2bb88c82604b25f$export$34dc4cfa15ead1, {
726
702
  ...startFieldProps,
703
+ "data-testid": "start-date",
727
704
  isQuiet: props.isQuiet,
728
- isDisabled: isDisabled,
729
- isReadOnly: isReadOnly,
730
- isRequired: isRequired,
731
- validationState: state.validationState,
732
- placeholderValue: placeholderValue,
733
- value: (value === null || value === void 0 ? void 0 : value.start) || null,
734
- defaultValue: null,
735
- onChange: (start)=>state.setDateTime('start', start)
736
- ,
737
- granularity: props.granularity,
738
- hourCycle: props.hourCycle,
739
- hideTimeZone: props.hideTimeZone,
740
- inputClassName: $afQpO$classNames((/*@__PURE__*/$parcel$interopDefault($a43b74d85aeb9a19$exports)), 'react-spectrum-Datepicker-startField')
741
- }), /*#__PURE__*/ $afQpO$react.createElement($f009753b893d884a$var$DateRangeDash, null), /*#__PURE__*/ $afQpO$react.createElement($00d145e546a6acce$export$34dc4cfa15ead1, {
705
+ inputClassName: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-Datepicker-startField')
706
+ }), /*#__PURE__*/ $aayOp$react.createElement($cb301300011a98f7$var$DateRangeDash, null), /*#__PURE__*/ $aayOp$react.createElement($d2bb88c82604b25f$export$34dc4cfa15ead1, {
742
707
  ...endFieldProps,
708
+ "data-testid": "end-date",
743
709
  isQuiet: props.isQuiet,
744
- isDisabled: isDisabled,
745
- isReadOnly: isReadOnly,
746
- isRequired: isRequired,
747
- validationState: state.validationState,
748
- placeholderValue: placeholderValue,
749
- value: (value === null || value === void 0 ? void 0 : value.end) || null,
750
- defaultValue: null,
751
- onChange: (end)=>state.setDateTime('end', end)
752
- ,
753
- granularity: props.granularity,
754
- hourCycle: props.hourCycle,
755
- hideTimeZone: props.hideTimeZone,
756
- inputClassName: $afQpO$classNames((/*@__PURE__*/$parcel$interopDefault($a551245eb06c6862$exports)), 'spectrum-Datepicker-endField', $afQpO$classNames((/*@__PURE__*/$parcel$interopDefault($a43b74d85aeb9a19$exports)), 'react-spectrum-Datepicker-endField'))
757
- })), /*#__PURE__*/ $afQpO$react.createElement($afQpO$DialogTrigger, {
710
+ inputClassName: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports)), 'spectrum-Datepicker-endField', $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-Datepicker-endField'))
711
+ })), /*#__PURE__*/ $aayOp$react.createElement($aayOp$DialogTrigger, {
758
712
  type: "popover",
759
713
  mobileType: "tray",
760
714
  placement: direction === 'rtl' ? 'bottom right' : 'bottom left',
@@ -762,29 +716,25 @@ function $f009753b893d884a$export$17334619f3ac2224(props) {
762
716
  hideArrow: true,
763
717
  isOpen: isOpen,
764
718
  onOpenChange: setOpen
765
- }, /*#__PURE__*/ $afQpO$react.createElement($afQpO$FieldButton, {
719
+ }, /*#__PURE__*/ $aayOp$react.createElement($aayOp$FieldButton, {
766
720
  ...buttonProps,
767
- UNSAFE_className: $afQpO$classNames((/*@__PURE__*/$parcel$interopDefault($a551245eb06c6862$exports)), 'spectrum-FieldButton'),
721
+ UNSAFE_className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports)), 'spectrum-FieldButton'),
768
722
  isQuiet: isQuiet,
769
723
  validationState: state.validationState,
770
724
  isDisabled: isDisabled || isReadOnly
771
- }, /*#__PURE__*/ $afQpO$react.createElement($afQpO$spectrumiconsworkflowCalendar, null)), /*#__PURE__*/ $afQpO$react.createElement($afQpO$Dialog, {
772
- UNSAFE_className: $afQpO$classNames((/*@__PURE__*/$parcel$interopDefault($a43b74d85aeb9a19$exports)), 'react-spectrum-Datepicker-dialog'),
725
+ }, /*#__PURE__*/ $aayOp$react.createElement($aayOp$spectrumiconsworkflowCalendar, null)), /*#__PURE__*/ $aayOp$react.createElement($aayOp$Dialog, {
726
+ UNSAFE_className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-Datepicker-dialog'),
773
727
  ...dialogProps
774
- }, /*#__PURE__*/ $afQpO$react.createElement($afQpO$Content, {
775
- UNSAFE_className: $afQpO$classNames((/*@__PURE__*/$parcel$interopDefault($a43b74d85aeb9a19$exports)), 'react-spectrum-Datepicker-dialogContent')
776
- }, /*#__PURE__*/ $afQpO$react.createElement($afQpO$RangeCalendar, {
777
- autoFocus: true,
778
- value: state.dateRange,
779
- onChange: state.setDateRange,
780
- visibleMonths: visibleMonths,
781
- minValue: props.minValue,
782
- maxValue: props.maxValue
783
- }), showTimeField && /*#__PURE__*/ $afQpO$react.createElement($afQpO$Flex, {
728
+ }, /*#__PURE__*/ $aayOp$react.createElement($aayOp$Content, {
729
+ UNSAFE_className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-Datepicker-dialogContent')
730
+ }, /*#__PURE__*/ $aayOp$react.createElement($aayOp$RangeCalendar, {
731
+ ...calendarProps,
732
+ visibleMonths: visibleMonths
733
+ }), showTimeField && /*#__PURE__*/ $aayOp$react.createElement($aayOp$Flex, {
784
734
  gap: "size-100",
785
735
  marginTop: "size-100",
786
- UNSAFE_className: $afQpO$classNames((/*@__PURE__*/$parcel$interopDefault($a43b74d85aeb9a19$exports)), 'react-spectrum-Datepicker-timeFields')
787
- }, /*#__PURE__*/ $afQpO$react.createElement($47ef222aa623d963$export$5eaee2322dd727eb, {
736
+ UNSAFE_className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-Datepicker-timeFields')
737
+ }, /*#__PURE__*/ $aayOp$react.createElement($f0a04554754386b6$export$5eaee2322dd727eb, {
788
738
  label: "Start time",
789
739
  value: ((ref = state.timeRange) === null || ref === void 0 ? void 0 : ref.start) || null,
790
740
  onChange: (v)=>state.setTime('start', v)
@@ -796,7 +746,7 @@ function $f009753b893d884a$export$17334619f3ac2224(props) {
796
746
  hourCycle: props.hourCycle,
797
747
  hideTimeZone: props.hideTimeZone,
798
748
  flex: true
799
- }), /*#__PURE__*/ $afQpO$react.createElement($47ef222aa623d963$export$5eaee2322dd727eb, {
749
+ }), /*#__PURE__*/ $aayOp$react.createElement($f0a04554754386b6$export$5eaee2322dd727eb, {
800
750
  label: "End time",
801
751
  value: ((ref1 = state.timeRange) === null || ref1 === void 0 ? void 0 : ref1.end) || null,
802
752
  onChange: (v)=>state.setTime('end', v)
@@ -810,19 +760,19 @@ function $f009753b893d884a$export$17334619f3ac2224(props) {
810
760
  flex: true
811
761
  }))))))));
812
762
  }
813
- function $f009753b893d884a$var$DateRangeDash() {
814
- return(/*#__PURE__*/ $afQpO$react.createElement("div", {
763
+ function $cb301300011a98f7$var$DateRangeDash() {
764
+ return(/*#__PURE__*/ $aayOp$react.createElement("div", {
815
765
  "aria-hidden": "true",
816
766
  "data-testid": "date-range-dash",
817
- className: $afQpO$classNames((/*@__PURE__*/$parcel$interopDefault($a43b74d85aeb9a19$exports)), 'react-spectrum-Datepicker-rangeDash')
767
+ className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-Datepicker-rangeDash')
818
768
  }));
819
769
  }
820
770
 
821
771
 
822
772
 
823
- var $a042f345f41bbd27$exports = {};
773
+ var $0129798af6791690$exports = {};
824
774
 
825
- $parcel$export($a042f345f41bbd27$exports, "DateField", () => $a042f345f41bbd27$export$d9781c7894a82487);
775
+ $parcel$export($0129798af6791690$exports, "DateField", () => $0129798af6791690$export$d9781c7894a82487);
826
776
 
827
777
 
828
778
 
@@ -835,38 +785,39 @@ $parcel$export($a042f345f41bbd27$exports, "DateField", () => $a042f345f41bbd27$e
835
785
 
836
786
 
837
787
 
838
- function $a042f345f41bbd27$export$d9781c7894a82487(props) {
839
- props = $afQpO$useProviderProps(props);
788
+ function $0129798af6791690$export$d9781c7894a82487(props) {
789
+ props = $aayOp$useProviderProps(props);
840
790
  let { autoFocus: autoFocus , isDisabled: isDisabled , isReadOnly: isReadOnly , isRequired: isRequired , isQuiet: isQuiet } = props;
841
- let ref = $afQpO$useRef();
842
- let { locale: locale } = $afQpO$useLocale();
843
- let state = $afQpO$useDatePickerFieldState({
791
+ let ref = $aayOp$useRef();
792
+ let { locale: locale } = $aayOp$useLocale();
793
+ let state = $aayOp$useDateFieldState({
844
794
  ...props,
845
795
  locale: locale,
846
- createCalendar: $afQpO$createCalendar
796
+ createCalendar: $aayOp$createCalendar
847
797
  });
848
- let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = $afQpO$useDateField(props, state, ref);
798
+ let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = $aayOp$useDateField(props, state, ref);
849
799
  // Note: this description is intentionally not passed to useDatePicker.
850
800
  // The format help text is unnecessary for screen reader users because each segment already has a label.
851
- let description = $87b26629c53defbc$export$322f4580ccd8dde6(props);
801
+ let description = $04e96200274b03de$export$322f4580ccd8dde6(props);
852
802
  if (description && !props.description) descriptionProps.id = null;
853
- return(/*#__PURE__*/ $afQpO$react.createElement($afQpO$Field, {
803
+ return(/*#__PURE__*/ $aayOp$react.createElement($aayOp$Field, {
854
804
  ...props,
805
+ elementType: "span",
855
806
  description: description,
856
807
  labelProps: labelProps,
857
808
  descriptionProps: descriptionProps,
858
809
  errorMessageProps: errorMessageProps,
859
810
  validationState: state.validationState,
860
- UNSAFE_className: $afQpO$classNames((/*@__PURE__*/$parcel$interopDefault($a43b74d85aeb9a19$exports)), 'react-spectrum-Datepicker-fieldWrapper')
861
- }, /*#__PURE__*/ $afQpO$react.createElement($1695f8d86a3f81e5$export$f5b8910cec6cf069, {
811
+ UNSAFE_className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-Datepicker-fieldWrapper')
812
+ }, /*#__PURE__*/ $aayOp$react.createElement($79348162c55d687f$export$f5b8910cec6cf069, {
862
813
  fieldProps: fieldProps,
863
814
  isDisabled: isDisabled,
864
815
  isQuiet: isQuiet,
865
816
  autoFocus: autoFocus,
866
817
  validationState: state.validationState,
867
818
  inputRef: ref,
868
- className: $afQpO$classNames((/*@__PURE__*/$parcel$interopDefault($a43b74d85aeb9a19$exports)), 'react-spectrum-DateField')
869
- }, state.segments.map((segment, i)=>/*#__PURE__*/ $afQpO$react.createElement($8f320e1d67254f5c$export$6388987c5223b54e, {
819
+ className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-DateField')
820
+ }, state.segments.map((segment, i)=>/*#__PURE__*/ $aayOp$react.createElement($cfa347761f172638$export$6388987c5223b54e, {
870
821
  key: i,
871
822
  segment: segment,
872
823
  state: state,
@@ -880,5 +831,5 @@ function $a042f345f41bbd27$export$d9781c7894a82487(props) {
880
831
 
881
832
 
882
833
 
883
- export {$abe08035130a300c$export$5109c6dd95d8fb00 as DatePicker, $f009753b893d884a$export$17334619f3ac2224 as DateRangePicker, $47ef222aa623d963$export$5eaee2322dd727eb as TimeField, $a042f345f41bbd27$export$d9781c7894a82487 as DateField};
834
+ export {$beaeefa091999363$export$5109c6dd95d8fb00 as DatePicker, $cb301300011a98f7$export$17334619f3ac2224 as DateRangePicker, $f0a04554754386b6$export$5eaee2322dd727eb as TimeField, $0129798af6791690$export$d9781c7894a82487 as DateField};
884
835
  //# sourceMappingURL=module.js.map