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

package/dist/module.js

@@ -1,783 +1,835 @@
-import { Flex } from "@react-spectrum/layout";
-import { useProviderProps, useProvider } from "@react-spectrum/provider";
-import { mergeProps, useEvent, useLayoutEffect, useResizeObserver } from "@react-aria/utils";
-import _spectrumIconsUiCheckmarkMedium from "@spectrum-icons/ui/CheckmarkMedium";
-import _spectrumIconsUiAlertMedium from "@spectrum-icons/ui/AlertMedium";
-import { FieldButton } from "@react-spectrum/button";
-import { Field } from "@react-spectrum/label";
-import { Dialog, DialogTrigger } from "@react-spectrum/dialog";
-import { useDatePickerFieldState, useTimeFieldState, useDatePickerState, useDateRangePickerState } from "@react-stately/datepicker";
-import { usePress, useHover } from "@react-aria/interactions";
-import { useLocale, useDateFormatter } from "@react-aria/i18n";
-import { useFocusManager, FocusRing, FocusScope, useFocusRing } from "@react-aria/focus";
-import { useDateSegment, useDateField, useDatePicker, useDisplayNames, useDateRangePicker } from "@react-aria/datepicker";
-import _react, { useMemo, useRef, useCallback, useState } from "react";
-import { NumberParser } from "@internationalized/number";
-import _babelRuntimeHelpersEsmObjectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import { createCalendar } from "@internationalized/date";
-import { Content } from "@react-spectrum/view";
-import { classNames, useValueEffect, useStyleProps } from "@react-spectrum/utils";
-import _spectrumIconsWorkflowCalendar from "@spectrum-icons/workflow/Calendar";
-import { Calendar, RangeCalendar } from "@react-spectrum/calendar";
-import _babelRuntimeHelpersEsmExtends from "@babel/runtime/helpers/esm/extends";
 import "./main.css";
+import {Calendar as $aayOp$Calendar, RangeCalendar as $aayOp$RangeCalendar} from "@react-spectrum/calendar";
+import $aayOp$spectrumiconsworkflowCalendar from "@spectrum-icons/workflow/Calendar";
+import {classNames as $aayOp$classNames, useValueEffect as $aayOp$useValueEffect, useStyleProps as $aayOp$useStyleProps} from "@react-spectrum/utils";
+import {Content as $aayOp$Content} from "@react-spectrum/view";
+import {DialogTrigger as $aayOp$DialogTrigger, Dialog as $aayOp$Dialog} from "@react-spectrum/dialog";
+import {Field as $aayOp$Field} from "@react-spectrum/label";
+import {FieldButton as $aayOp$FieldButton} from "@react-spectrum/button";
+import {mergeProps as $aayOp$mergeProps, useLayoutEffect as $aayOp$useLayoutEffect, useResizeObserver as $aayOp$useResizeObserver, useEvent as $aayOp$useEvent} from "@react-aria/utils";
+import $aayOp$react, {useRef as $aayOp$useRef, useMemo as $aayOp$useMemo, useCallback as $aayOp$useCallback, useState as $aayOp$useState} from "react";
+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";
+import {useDatePickerState as $aayOp$useDatePickerState, useDateFieldState as $aayOp$useDateFieldState, useTimeFieldState as $aayOp$useTimeFieldState, useDateRangePickerState as $aayOp$useDateRangePickerState} from "@react-stately/datepicker";
+import {useFocusRing as $aayOp$useFocusRing, FocusRing as $aayOp$FocusRing} from "@react-aria/focus";
+import {useHover as $aayOp$useHover} from "@react-aria/interactions";
+import {useLocale as $aayOp$useLocale, useDateFormatter as $aayOp$useDateFormatter} from "@react-aria/i18n";
+import {useProviderProps as $aayOp$useProviderProps, useProvider as $aayOp$useProvider} from "@react-spectrum/provider";
+import {createCalendar as $aayOp$createCalendar} from "@internationalized/date";
+import {NumberParser as $aayOp$NumberParser} from "@internationalized/number";
+import $aayOp$spectrumiconsuiAlertMedium from "@spectrum-icons/ui/AlertMedium";
+import $aayOp$spectrumiconsuiCheckmarkMedium from "@spectrum-icons/ui/CheckmarkMedium";
+import {Flex as $aayOp$Flex} from "@react-spectrum/layout";
 
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
-
-// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-spectrum/datepicker/src/index.css
-var $fc5c1aaa653a82d8278e64c777eca$exports = {};
-$fc5c1aaa653a82d8278e64c777eca$exports = {
-  "react-spectrum-Datepicker-fieldWrapper": "_react-spectrum-Datepicker-fieldWrapper_32c20",
-  "react-spectrum-Datepicker-startField": "_react-spectrum-Datepicker-startField_32c20",
-  "react-spectrum-Datepicker-endField": "_react-spectrum-Datepicker-endField_32c20",
-  "react-spectrum-Datepicker-field": "_react-spectrum-Datepicker-field_32c20",
-  "react-spectrum-Datepicker-input": "_react-spectrum-Datepicker-input_32c20",
-  "react-spectrum-DateField": "_react-spectrum-DateField_32c20",
-  "react-spectrum-TimeField": "_react-spectrum-TimeField_32c20",
-  "react-spectrum-TimeField-fieldWrapper": "_react-spectrum-TimeField-fieldWrapper_32c20",
-  "react-spectrum-Datepicker-inputContents": "_react-spectrum-Datepicker-inputContents_32c20",
-  "react-spectrum-Datepicker-rangeDash": "_react-spectrum-Datepicker-rangeDash_32c20",
-  "react-spectrum-Datepicker-segments": "_react-spectrum-Datepicker-segments_32c20",
-  "react-spectrum-Datepicker-literal": "_react-spectrum-Datepicker-literal_32c20",
-  "react-spectrum-DatePicker-cell": "_react-spectrum-DatePicker-cell_32c20",
-  "is-placeholder": "_is-placeholder_32c20",
-  "is-read-only": "_is-read-only_32c20",
-  "react-spectrum-Datepicker-dialog": "_react-spectrum-Datepicker-dialog_32c20",
-  "react-spectrum-Datepicker-dialogContent": "_react-spectrum-Datepicker-dialogContent_32c20",
-  "react-spectrum-Datepicker-timeFields": "_react-spectrum-Datepicker-timeFields_32c20"
-};
-
-function $d90fc87ed39803c47c775d8a63e9b3ac$export$DatePickerSegment(_ref) {
-  let {
-    segment,
-    state
-  } = _ref,
-      otherProps = _babelRuntimeHelpersEsmObjectWithoutPropertiesLoose(_ref, ["segment", "state"]);
-
-  switch (segment.type) {
-    // A separator, e.g. punctuation
-    case 'literal':
-      return /*#__PURE__*/_react.createElement($d90fc87ed39803c47c775d8a63e9b3ac$var$LiteralSegment, {
-        segment: segment
-      });
-    // Editable segment
-
-    default:
-      return /*#__PURE__*/_react.createElement($d90fc87ed39803c47c775d8a63e9b3ac$var$EditableSegment, _babelRuntimeHelpersEsmExtends({
-        segment: segment,
-        state: state
-      }, otherProps));
-  }
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
-
-var $fc5c1aaa653a82d8278e64c777eca$$interop$default = $parcel$interopDefault($fc5c1aaa653a82d8278e64c777eca$exports);
-
-function $d90fc87ed39803c47c775d8a63e9b3ac$var$LiteralSegment(_ref2) {
-  let {
-    segment
-  } = _ref2;
-  let focusManager = useFocusManager();
-  let {
-    pressProps
-  } = usePress({
-    onPressStart: e => {
-      if (e.pointerType === 'mouse') {
-        let res = focusManager.focusNext({
-          from: e.target
-        });
-
-        if (!res) {
-          focusManager.focusPrevious({
-            from: e.target
-          });
-        }
-      }
+var $beaeefa091999363$exports = {};
+
+$parcel$export($beaeefa091999363$exports, "DatePicker", () => $beaeefa091999363$export$5109c6dd95d8fb00);
+
+
+
+
+
+
+
+
+
+var $8e15de0211b274e3$exports = {};
+
+$parcel$export($8e15de0211b274e3$exports, "react-spectrum-Datepicker-fieldWrapper", () => $8e15de0211b274e3$export$48501287c6ce4708, (v) => $8e15de0211b274e3$export$48501287c6ce4708 = v);
+$parcel$export($8e15de0211b274e3$exports, "react-spectrum-Datepicker-startField", () => $8e15de0211b274e3$export$eec05853f5fc7ef8, (v) => $8e15de0211b274e3$export$eec05853f5fc7ef8 = v);
+$parcel$export($8e15de0211b274e3$exports, "react-spectrum-Datepicker-endField", () => $8e15de0211b274e3$export$b41789438b49c852, (v) => $8e15de0211b274e3$export$b41789438b49c852 = v);
+$parcel$export($8e15de0211b274e3$exports, "react-spectrum-Datepicker-field", () => $8e15de0211b274e3$export$8cbece9fb909350d, (v) => $8e15de0211b274e3$export$8cbece9fb909350d = v);
+$parcel$export($8e15de0211b274e3$exports, "react-spectrum-Datepicker-input", () => $8e15de0211b274e3$export$4cdb39b006dc840a, (v) => $8e15de0211b274e3$export$4cdb39b006dc840a = v);
+$parcel$export($8e15de0211b274e3$exports, "react-spectrum-DateField", () => $8e15de0211b274e3$export$c96d01b692101b8a, (v) => $8e15de0211b274e3$export$c96d01b692101b8a = v);
+$parcel$export($8e15de0211b274e3$exports, "react-spectrum-TimeField", () => $8e15de0211b274e3$export$61c201f1ba261729, (v) => $8e15de0211b274e3$export$61c201f1ba261729 = v);
+$parcel$export($8e15de0211b274e3$exports, "react-spectrum-TimeField-fieldWrapper", () => $8e15de0211b274e3$export$3008240fa163ee96, (v) => $8e15de0211b274e3$export$3008240fa163ee96 = v);
+$parcel$export($8e15de0211b274e3$exports, "react-spectrum-Datepicker-inputContents", () => $8e15de0211b274e3$export$609545772ae0466a, (v) => $8e15de0211b274e3$export$609545772ae0466a = v);
+$parcel$export($8e15de0211b274e3$exports, "react-spectrum-Datepicker-rangeDash", () => $8e15de0211b274e3$export$1ae39afd2cf49425, (v) => $8e15de0211b274e3$export$1ae39afd2cf49425 = v);
+$parcel$export($8e15de0211b274e3$exports, "react-spectrum-Datepicker-segments", () => $8e15de0211b274e3$export$b9c34f0306ac2ffc, (v) => $8e15de0211b274e3$export$b9c34f0306ac2ffc = v);
+$parcel$export($8e15de0211b274e3$exports, "react-spectrum-Datepicker-literal", () => $8e15de0211b274e3$export$24a265734c16a355, (v) => $8e15de0211b274e3$export$24a265734c16a355 = v);
+$parcel$export($8e15de0211b274e3$exports, "react-spectrum-DatePicker-cell", () => $8e15de0211b274e3$export$947f5cb8a73639a4, (v) => $8e15de0211b274e3$export$947f5cb8a73639a4 = v);
+$parcel$export($8e15de0211b274e3$exports, "is-placeholder", () => $8e15de0211b274e3$export$e5b2f5233e4e5194, (v) => $8e15de0211b274e3$export$e5b2f5233e4e5194 = v);
+$parcel$export($8e15de0211b274e3$exports, "is-read-only", () => $8e15de0211b274e3$export$dddce3ae23a6e3ea, (v) => $8e15de0211b274e3$export$dddce3ae23a6e3ea = v);
+$parcel$export($8e15de0211b274e3$exports, "react-spectrum-Datepicker-dialog", () => $8e15de0211b274e3$export$7c3cb625bb792356, (v) => $8e15de0211b274e3$export$7c3cb625bb792356 = v);
+$parcel$export($8e15de0211b274e3$exports, "react-spectrum-Datepicker-dialogContent", () => $8e15de0211b274e3$export$94c97d6b6a927921, (v) => $8e15de0211b274e3$export$94c97d6b6a927921 = v);
+$parcel$export($8e15de0211b274e3$exports, "react-spectrum-Datepicker-timeFields", () => $8e15de0211b274e3$export$8d47712a13573e39, (v) => $8e15de0211b274e3$export$8d47712a13573e39 = v);
+var $8e15de0211b274e3$export$48501287c6ce4708;
+var $8e15de0211b274e3$export$eec05853f5fc7ef8;
+var $8e15de0211b274e3$export$b41789438b49c852;
+var $8e15de0211b274e3$export$8cbece9fb909350d;
+var $8e15de0211b274e3$export$4cdb39b006dc840a;
+var $8e15de0211b274e3$export$c96d01b692101b8a;
+var $8e15de0211b274e3$export$61c201f1ba261729;
+var $8e15de0211b274e3$export$3008240fa163ee96;
+var $8e15de0211b274e3$export$609545772ae0466a;
+var $8e15de0211b274e3$export$1ae39afd2cf49425;
+var $8e15de0211b274e3$export$b9c34f0306ac2ffc;
+var $8e15de0211b274e3$export$24a265734c16a355;
+var $8e15de0211b274e3$export$947f5cb8a73639a4;
+var $8e15de0211b274e3$export$e5b2f5233e4e5194;
+var $8e15de0211b274e3$export$dddce3ae23a6e3ea;
+var $8e15de0211b274e3$export$7c3cb625bb792356;
+var $8e15de0211b274e3$export$94c97d6b6a927921;
+var $8e15de0211b274e3$export$8d47712a13573e39;
+$8e15de0211b274e3$export$48501287c6ce4708 = "react-spectrum-Datepicker-fieldWrapper_0b973d";
+$8e15de0211b274e3$export$eec05853f5fc7ef8 = "react-spectrum-Datepicker-startField_0b973d";
+$8e15de0211b274e3$export$b41789438b49c852 = "react-spectrum-Datepicker-endField_0b973d";
+$8e15de0211b274e3$export$8cbece9fb909350d = "react-spectrum-Datepicker-field_0b973d";
+$8e15de0211b274e3$export$4cdb39b006dc840a = "react-spectrum-Datepicker-input_0b973d";
+$8e15de0211b274e3$export$c96d01b692101b8a = "react-spectrum-DateField_0b973d";
+$8e15de0211b274e3$export$61c201f1ba261729 = "react-spectrum-TimeField_0b973d";
+$8e15de0211b274e3$export$3008240fa163ee96 = "react-spectrum-TimeField-fieldWrapper_0b973d";
+$8e15de0211b274e3$export$609545772ae0466a = "react-spectrum-Datepicker-inputContents_0b973d";
+$8e15de0211b274e3$export$1ae39afd2cf49425 = "react-spectrum-Datepicker-rangeDash_0b973d";
+$8e15de0211b274e3$export$b9c34f0306ac2ffc = "react-spectrum-Datepicker-segments_0b973d";
+$8e15de0211b274e3$export$24a265734c16a355 = "react-spectrum-Datepicker-literal_0b973d";
+$8e15de0211b274e3$export$947f5cb8a73639a4 = "react-spectrum-DatePicker-cell_0b973d";
+$8e15de0211b274e3$export$e5b2f5233e4e5194 = "is-placeholder_0b973d";
+$8e15de0211b274e3$export$dddce3ae23a6e3ea = "is-read-only_0b973d";
+$8e15de0211b274e3$export$7c3cb625bb792356 = "react-spectrum-Datepicker-dialog_0b973d";
+$8e15de0211b274e3$export$94c97d6b6a927921 = "react-spectrum-Datepicker-dialogContent_0b973d";
+$8e15de0211b274e3$export$8d47712a13573e39 = "react-spectrum-Datepicker-timeFields_0b973d";
+
+
+
+
+function $cfa347761f172638$export$6388987c5223b54e({ segment: segment , state: state , ...otherProps }) {
+    switch(segment.type){
+        // A separator, e.g. punctuation
+        case 'literal':
+            return(/*#__PURE__*/ $aayOp$react.createElement($cfa347761f172638$var$LiteralSegment, {
+                segment: segment
+            }));
+        // Editable segment
+        default:
+            return(/*#__PURE__*/ $aayOp$react.createElement($cfa347761f172638$var$EditableSegment, {
+                segment: segment,
+                state: state,
+                ...otherProps
+            }));
     }
-  });
-  return /*#__PURE__*/_react.createElement("span", _babelRuntimeHelpersEsmExtends({
-    "aria-hidden": "true",
-    className: classNames($fc5c1aaa653a82d8278e64c777eca$$interop$default, 'react-spectrum-Datepicker-literal')
-  }, pressProps), segment.text);
 }
-
-function $d90fc87ed39803c47c775d8a63e9b3ac$var$EditableSegment(_ref3) {
-  let {
-    segment,
-    state
-  } = _ref3,
-      otherProps = _babelRuntimeHelpersEsmObjectWithoutPropertiesLoose(_ref3, ["segment", "state"]);
-
-  let ref = useRef();
-  let {
-    segmentProps
-  } = useDateSegment(otherProps, segment, state, ref);
-  let {
-    locale
-  } = useLocale();
-  let parser = useMemo(() => new NumberParser(locale), [locale]);
-  let isNumeric = useMemo(() => parser.isValidPartialNumber(segment.text), [segment.text, parser]);
-  return /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersEsmExtends({
-    ref: ref,
-    className: classNames($fc5c1aaa653a82d8278e64c777eca$$interop$default, 'react-spectrum-DatePicker-cell', {
-      'is-placeholder': segment.isPlaceholder,
-      'is-read-only': !segment.isEditable
-    }),
-    style: {
-      minWidth: !isNumeric ? null : String(segment.maxValue).length + 'ch'
-    }
-  }, segmentProps), segment.isPlaceholder ? '' : segment.text);
+function $cfa347761f172638$var$LiteralSegment({ segment: segment  }) {
+    return(/*#__PURE__*/ $aayOp$react.createElement("span", {
+        "aria-hidden": "true",
+        className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-Datepicker-literal'),
+        "data-testid": segment.type === 'literal' ? undefined : segment.type
+    }, segment.text));
 }
+function $cfa347761f172638$var$EditableSegment({ segment: segment , state: state  }) {
+    let ref = $aayOp$useRef();
+    let { segmentProps: segmentProps  } = $aayOp$useDateSegment(segment, state, ref);
+    let { locale: locale  } = $aayOp$useLocale();
+    let parser = $aayOp$useMemo(()=>new $aayOp$NumberParser(locale)
+    , [
+        locale
+    ]);
+    let isNumeric = $aayOp$useMemo(()=>parser.isValidPartialNumber(segment.text)
+    , [
+        segment.text,
+        parser
+    ]);
+    return(/*#__PURE__*/ $aayOp$react.createElement("div", {
+        ...segmentProps,
+        ref: ref,
+        className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-DatePicker-cell', {
+            'is-placeholder': segment.isPlaceholder,
+            'is-read-only': !segment.isEditable
+        }),
+        style: {
+            ...segmentProps.style,
+            minWidth: !isNumeric ? null : String(segment.maxValue).length + 'ch'
+        },
+        "data-testid": segment.type
+    }, segment.isPlaceholder ? '' : segment.text));
+}
+
+
 
-function $f89a664b25735c9291b8addecfd59013$export$DatePickerField(props) {
-  let {
-    isDisabled,
-    isReadOnly,
-    isRequired,
-    inputClassName
-  } = props;
-  let ref = useRef();
-  let {
-    locale
-  } = useLocale();
-  let state = useDatePickerFieldState(_babelRuntimeHelpersEsmExtends({}, props, {
-    locale,
-    createCalendar
-  }));
-  let {
-    fieldProps
-  } = useDateField(props, state, ref);
-  return /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersEsmExtends({}, fieldProps, {
-    className: classNames($fc5c1aaa653a82d8278e64c777eca$$interop$default, 'react-spectrum-Datepicker-segments', inputClassName),
-    ref: ref
-  }), state.segments.map((segment, i) => /*#__PURE__*/_react.createElement($d90fc87ed39803c47c775d8a63e9b3ac$export$DatePickerSegment, {
-    key: i,
-    segment: segment,
-    state: state,
-    isDisabled: isDisabled,
-    isReadOnly: isReadOnly,
-    isRequired: isRequired
-  })));
+
+
+
+
+function $d2bb88c82604b25f$export$34dc4cfa15ead1(props) {
+    let { isDisabled: isDisabled , isReadOnly: isReadOnly , isRequired: isRequired , inputClassName: inputClassName  } = props;
+    let ref = $aayOp$useRef();
+    let { locale: locale  } = $aayOp$useLocale();
+    let state = $aayOp$useDateFieldState({
+        ...props,
+        locale: locale,
+        createCalendar: $aayOp$createCalendar
+    });
+    let { fieldProps: fieldProps  } = $aayOp$useDateField(props, state, ref);
+    return(/*#__PURE__*/ $aayOp$react.createElement("div", {
+        ...fieldProps,
+        "data-testid": props['data-testid'],
+        className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-Datepicker-segments', inputClassName),
+        ref: ref
+    }, state.segments.map((segment, i)=>/*#__PURE__*/ $aayOp$react.createElement($cfa347761f172638$export$6388987c5223b54e, {
+            key: i,
+            segment: segment,
+            state: state,
+            isDisabled: isDisabled,
+            isReadOnly: isReadOnly,
+            isRequired: isRequired
+        })
+    )));
 }
 
-// ASSET: /Users/govett/Downloads/react-spectrum-release/node_modules/@adobe/spectrum-css-temp/components/textfield/vars.css
-var $aa1c742e7a2a16aa7981ca9e2f4a89$exports = {};
-$aa1c742e7a2a16aa7981ca9e2f4a89$exports = {
-  "spectrum-Textfield": "_spectrum-Textfield_d5778",
-  "spectrum-Textfield--quiet": "_spectrum-Textfield--quiet_d5778",
-  "spectrum-Textfield--multiline": "_spectrum-Textfield--multiline_d5778",
-  "spectrum-Textfield-input": "_spectrum-Textfield-input_d5778",
-  "is-placeholder": "_is-placeholder_d5778",
-  "is-hovered": "_is-hovered_d5778",
-  "spectrum-Textfield--valid": "_spectrum-Textfield--valid_d5778",
-  "spectrum-Textfield--invalid": "_spectrum-Textfield--invalid_d5778",
-  "spectrum-Textfield--loadable": "_spectrum-Textfield--loadable_d5778",
-  "spectrum-Textfield-validationIcon": "_spectrum-Textfield-validationIcon_d5778",
-  "spectrum-Textfield-icon": "_spectrum-Textfield-icon_d5778",
-  "spectrum-Textfield-inputIcon": "_spectrum-Textfield-inputIcon_d5778",
-  "spectrum-Textfield-circleLoader": "_spectrum-Textfield-circleLoader_d5778",
-  "is-focused": "_is-focused_d5778",
-  "focus-ring": "_focus-ring_d5778",
-  "is-disabled": "_is-disabled_d5778"
-};
-var $aa1c742e7a2a16aa7981ca9e2f4a89$$interop$default = $parcel$interopDefault($aa1c742e7a2a16aa7981ca9e2f4a89$exports);
-
-function $f7a3dc9c77601846b3cceddb1f68b1a$export$Input(props) {
-  let defaultRef = useRef();
-  let {
-    isDisabled,
-    isQuiet,
-    inputClassName,
-    validationState,
-    children,
-    fieldProps,
-    inputRef = defaultRef,
-    className,
-    autoFocus,
-    style
-  } = props; // Reserve padding for the error icon when the width of the input is unconstrained.
-  // When constrained, don't reserve space because adding it only when invalid will
-  // not cause a layout shift.
-
-  let [reservePadding, setReservePadding] = useValueEffect(false);
-  let onResize = useCallback(() => setReservePadding(function* (reservePadding) {
-    if (reservePadding) {
-      // Try to collapse padding if the content is clipped.
-      if (inputRef.current.scrollWidth > inputRef.current.offsetWidth) {
-        let width = inputRef.current.parentElement.offsetWidth;
-        yield false; // If removing padding causes a layout shift, add it back.
-
-        if (inputRef.current.parentElement.offsetWidth !== width) {
-          yield true;
-        }
-      }
-    } else {
-      // Try to add padding if the content is not clipped.
-      if (inputRef.current.offsetWidth >= inputRef.current.scrollWidth) {
-        let width = inputRef.current.parentElement.offsetWidth;
-        yield true; // If adding padding does not change the width (i.e. width is constrained), remove it again.
-
-        if (inputRef.current.parentElement.offsetWidth === width) {
-          yield false;
-        }
-      }
-    }
-  }), [inputRef, setReservePadding]);
-  useLayoutEffect(onResize, [onResize]);
-  useResizeObserver({
-    ref: inputRef,
-    onResize
-  }); // We also need to listen for resize events of the window so we can detect
-  // when there is enough space for the padding to be re-added. Ideally we'd
-  // use a resize observer on a parent element, but it's hard to know _what_
-  // parent element.
-
-  useEvent(useRef(window), 'resize', onResize);
-  let isInvalid = validationState === 'invalid';
-  let textfieldClass = classNames($aa1c742e7a2a16aa7981ca9e2f4a89$$interop$default, 'spectrum-Textfield', {
-    'spectrum-Textfield--invalid': isInvalid,
-    'spectrum-Textfield--valid': validationState === 'valid',
-    'spectrum-Textfield--quiet': isQuiet
-  }, classNames($fc5c1aaa653a82d8278e64c777eca$$interop$default, 'react-spectrum-Datepicker-field'), className);
-  let inputClass = classNames($aa1c742e7a2a16aa7981ca9e2f4a89$$interop$default, 'spectrum-Textfield-input', {
-    'is-disabled': isDisabled,
-    'is-invalid': isInvalid
-  }, reservePadding && classNames($fc5c1aaa653a82d8278e64c777eca$$interop$default, 'react-spectrum-Datepicker-input'), inputClassName);
-  let iconClass = classNames($aa1c742e7a2a16aa7981ca9e2f4a89$$interop$default, 'spectrum-Textfield-validationIcon');
-  let validationIcon = null;
-
-  if (validationState === 'invalid') {
-    validationIcon = /*#__PURE__*/_react.createElement(_spectrumIconsUiAlertMedium, {
-      UNSAFE_className: iconClass
+
+
+
+
+
+
+
+
+
+
+
+var $c14528ddc146317f$exports = {};
+
+$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-input", () => $c14528ddc146317f$export$1ac009feb2b0bd0c, (v) => $c14528ddc146317f$export$1ac009feb2b0bd0c = v);
+$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield", () => $c14528ddc146317f$export$2c8a10299d8b3418, (v) => $c14528ddc146317f$export$2c8a10299d8b3418 = v);
+$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--quiet", () => $c14528ddc146317f$export$bffd5e3d61a81737, (v) => $c14528ddc146317f$export$bffd5e3d61a81737 = v);
+$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--multiline", () => $c14528ddc146317f$export$9699f1c538a448a0, (v) => $c14528ddc146317f$export$9699f1c538a448a0 = v);
+$parcel$export($c14528ddc146317f$exports, "is-placeholder", () => $c14528ddc146317f$export$e5b2f5233e4e5194, (v) => $c14528ddc146317f$export$e5b2f5233e4e5194 = v);
+$parcel$export($c14528ddc146317f$exports, "is-hovered", () => $c14528ddc146317f$export$b8813cd5d7824ce7, (v) => $c14528ddc146317f$export$b8813cd5d7824ce7 = v);
+$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--valid", () => $c14528ddc146317f$export$c2abbc3f970170b7, (v) => $c14528ddc146317f$export$c2abbc3f970170b7 = v);
+$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--invalid", () => $c14528ddc146317f$export$58e50b10d30123df, (v) => $c14528ddc146317f$export$58e50b10d30123df = v);
+$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--loadable", () => $c14528ddc146317f$export$14fd30fea6f1348c, (v) => $c14528ddc146317f$export$14fd30fea6f1348c = v);
+$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-validationIcon", () => $c14528ddc146317f$export$cf0ead5b44db0da3, (v) => $c14528ddc146317f$export$cf0ead5b44db0da3 = v);
+$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-icon", () => $c14528ddc146317f$export$222d1ccd1870be1d, (v) => $c14528ddc146317f$export$222d1ccd1870be1d = v);
+$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-inputIcon", () => $c14528ddc146317f$export$c1cdcaa5fe76a871, (v) => $c14528ddc146317f$export$c1cdcaa5fe76a871 = v);
+$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-circleLoader", () => $c14528ddc146317f$export$82a249fb4d6127, (v) => $c14528ddc146317f$export$82a249fb4d6127 = v);
+$parcel$export($c14528ddc146317f$exports, "is-focused", () => $c14528ddc146317f$export$e7dc768d35940237, (v) => $c14528ddc146317f$export$e7dc768d35940237 = v);
+$parcel$export($c14528ddc146317f$exports, "focus-ring", () => $c14528ddc146317f$export$f39a09f249340e2a, (v) => $c14528ddc146317f$export$f39a09f249340e2a = v);
+$parcel$export($c14528ddc146317f$exports, "is-disabled", () => $c14528ddc146317f$export$d35bc1e505d1ebbf, (v) => $c14528ddc146317f$export$d35bc1e505d1ebbf = v);
+var $c14528ddc146317f$export$1ac009feb2b0bd0c;
+var $c14528ddc146317f$export$2c8a10299d8b3418;
+var $c14528ddc146317f$export$bffd5e3d61a81737;
+var $c14528ddc146317f$export$9699f1c538a448a0;
+var $c14528ddc146317f$export$e5b2f5233e4e5194;
+var $c14528ddc146317f$export$b8813cd5d7824ce7;
+var $c14528ddc146317f$export$c2abbc3f970170b7;
+var $c14528ddc146317f$export$58e50b10d30123df;
+var $c14528ddc146317f$export$14fd30fea6f1348c;
+var $c14528ddc146317f$export$cf0ead5b44db0da3;
+var $c14528ddc146317f$export$222d1ccd1870be1d;
+var $c14528ddc146317f$export$c1cdcaa5fe76a871;
+var $c14528ddc146317f$export$82a249fb4d6127;
+var $c14528ddc146317f$export$e7dc768d35940237;
+var $c14528ddc146317f$export$f39a09f249340e2a;
+var $c14528ddc146317f$export$d35bc1e505d1ebbf;
+$c14528ddc146317f$export$1ac009feb2b0bd0c = "spectrum-Textfield-input_73bc77";
+$c14528ddc146317f$export$2c8a10299d8b3418 = "spectrum-Textfield_73bc77";
+$c14528ddc146317f$export$bffd5e3d61a81737 = "spectrum-Textfield--quiet_73bc77";
+$c14528ddc146317f$export$9699f1c538a448a0 = "spectrum-Textfield--multiline_73bc77";
+$c14528ddc146317f$export$e5b2f5233e4e5194 = "is-placeholder_73bc77";
+$c14528ddc146317f$export$b8813cd5d7824ce7 = "is-hovered_73bc77";
+$c14528ddc146317f$export$c2abbc3f970170b7 = "spectrum-Textfield--valid_73bc77";
+$c14528ddc146317f$export$58e50b10d30123df = "spectrum-Textfield--invalid_73bc77";
+$c14528ddc146317f$export$14fd30fea6f1348c = "spectrum-Textfield--loadable_73bc77";
+$c14528ddc146317f$export$cf0ead5b44db0da3 = "spectrum-Textfield-validationIcon_73bc77";
+$c14528ddc146317f$export$222d1ccd1870be1d = "spectrum-Textfield-icon_73bc77";
+$c14528ddc146317f$export$c1cdcaa5fe76a871 = "spectrum-Textfield-inputIcon_73bc77";
+$c14528ddc146317f$export$82a249fb4d6127 = "spectrum-Textfield-circleLoader_73bc77";
+$c14528ddc146317f$export$e7dc768d35940237 = "is-focused_73bc77";
+$c14528ddc146317f$export$f39a09f249340e2a = "focus-ring_73bc77";
+$c14528ddc146317f$export$d35bc1e505d1ebbf = "is-disabled_73bc77";
+
+
+
+function $79348162c55d687f$export$f5b8910cec6cf069(props) {
+    let defaultRef = $aayOp$useRef();
+    let { isDisabled: isDisabled , isQuiet: isQuiet , inputClassName: inputClassName , validationState: validationState , children: children , fieldProps: fieldProps , inputRef: inputRef = defaultRef , className: className , style: style  } = props;
+    // Reserve padding for the error icon when the width of the input is unconstrained.
+    // When constrained, don't reserve space because adding it only when invalid will
+    // not cause a layout shift.
+    let [reservePadding1, setReservePadding] = $aayOp$useValueEffect(false);
+    let onResize = $aayOp$useCallback(()=>setReservePadding(function*(reservePadding) {
+            if (reservePadding) // Try to collapse padding if the content is clipped.
+            {
+                if (inputRef.current.scrollWidth > inputRef.current.offsetWidth) {
+                    let width = inputRef.current.parentElement.offsetWidth;
+                    yield false;
+                    // If removing padding causes a layout shift, add it back.
+                    if (inputRef.current.parentElement.offsetWidth !== width) yield true;
+                }
+            } else // Try to add padding if the content is not clipped.
+            if (inputRef.current.offsetWidth >= inputRef.current.scrollWidth) {
+                let width = inputRef.current.parentElement.offsetWidth;
+                yield true;
+                // If adding padding does not change the width (i.e. width is constrained), remove it again.
+                if (inputRef.current.parentElement.offsetWidth === width) yield false;
+            }
+        })
+    , [
+        inputRef,
+        setReservePadding
+    ]);
+    $aayOp$useLayoutEffect(onResize, [
+        onResize
+    ]);
+    $aayOp$useResizeObserver({
+        ref: inputRef,
+        onResize: onResize
+    });
+    // We also need to listen for resize events of the window so we can detect
+    // when there is enough space for the padding to be re-added. Ideally we'd
+    // use a resize observer on a parent element, but it's hard to know _what_
+    // parent element.
+    $aayOp$useEvent($aayOp$useRef(window), 'resize', onResize);
+    let isInvalid = validationState === 'invalid';
+    let textfieldClass = $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports)), 'spectrum-Textfield', {
+        'spectrum-Textfield--invalid': isInvalid,
+        'spectrum-Textfield--valid': validationState === 'valid',
+        'spectrum-Textfield--quiet': isQuiet
+    }, $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-Datepicker-field'), className);
+    let inputClass = $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports)), 'spectrum-Textfield-input', {
+        'is-disabled': isDisabled,
+        'is-invalid': isInvalid
+    }, reservePadding1 && $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-Datepicker-input'), inputClassName);
+    let iconClass = $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports)), 'spectrum-Textfield-validationIcon');
+    let validationIcon = null;
+    if (validationState === 'invalid') validationIcon = /*#__PURE__*/ $aayOp$react.createElement($aayOp$spectrumiconsuiAlertMedium, {
+        "data-testid": "invalid-icon",
+        UNSAFE_className: iconClass
     });
-  } else if (validationState === 'valid') {
-    validationIcon = /*#__PURE__*/_react.createElement(_spectrumIconsUiCheckmarkMedium, {
-      UNSAFE_className: iconClass
+    else if (validationState === 'valid') validationIcon = /*#__PURE__*/ $aayOp$react.createElement($aayOp$spectrumiconsuiCheckmarkMedium, {
+        "data-testid": "valid-icon",
+        UNSAFE_className: iconClass
     });
-  }
-
-  return /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersEsmExtends({}, mergeProps(fieldProps), {
-    className: textfieldClass,
-    style: style
-  }), /*#__PURE__*/_react.createElement(FocusRing, {
-    focusClass: classNames($aa1c742e7a2a16aa7981ca9e2f4a89$$interop$default, 'is-focused'),
-    focusRingClass: classNames($aa1c742e7a2a16aa7981ca9e2f4a89$$interop$default, 'focus-ring'),
-    isTextInput: true,
-    within: true
-  }, /*#__PURE__*/_react.createElement("div", {
-    role: "presentation",
-    className: inputClass
-  }, /*#__PURE__*/_react.createElement("div", {
-    role: "presentation",
-    className: classNames($fc5c1aaa653a82d8278e64c777eca$$interop$default, 'react-spectrum-Datepicker-inputContents'),
-    ref: inputRef
-  }, /*#__PURE__*/_react.createElement(FocusScope, {
-    autoFocus: autoFocus
-  }, children)))), validationIcon);
+    return(/*#__PURE__*/ $aayOp$react.createElement("div", {
+        role: "presentation",
+        ...fieldProps,
+        className: textfieldClass,
+        style: style
+    }, /*#__PURE__*/ $aayOp$react.createElement($aayOp$FocusRing, {
+        focusClass: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports)), 'is-focused'),
+        focusRingClass: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports)), 'focus-ring'),
+        isTextInput: true,
+        within: true
+    }, /*#__PURE__*/ $aayOp$react.createElement("div", {
+        role: "presentation",
+        className: inputClass
+    }, /*#__PURE__*/ $aayOp$react.createElement("div", {
+        role: "presentation",
+        className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-Datepicker-inputContents'),
+        ref: inputRef
+    }, children))), validationIcon));
 }
 
-// ASSET: /Users/govett/Downloads/react-spectrum-release/node_modules/@adobe/spectrum-css-temp/components/inputgroup/vars.css
-var $ed163f34af6780259e0266609fb62099$exports = {};
-$ed163f34af6780259e0266609fb62099$exports = {
-  "spectrum-InputGroup": "_spectrum-InputGroup_7d93f",
-  "spectrum-FieldButton": "_spectrum-FieldButton_7d93f",
-  "is-disabled": "_is-disabled_7d93f",
-  "spectrum-InputGroup--invalid": "_spectrum-InputGroup--invalid_7d93f",
-  "spectrum-InputGroup--quiet": "_spectrum-InputGroup--quiet_7d93f",
-  "spectrum-InputGroup-field": "_spectrum-InputGroup-field_7d93f",
-  "spectrum-InputGroup-input-validationIcon": "_spectrum-InputGroup-input-validationIcon_7d93f",
-  "spectrum-InputGroup-input-circleLoader": "_spectrum-InputGroup-input-circleLoader_7d93f",
-  "spectrum-InputGroup-input": "_spectrum-InputGroup-input_7d93f",
-  "spectrum-InputGroup-icon": "_spectrum-InputGroup-icon_7d93f",
-  "spectrum-InputGroup-popover--quiet": "_spectrum-InputGroup-popover--quiet_7d93f",
-  "spectrum-Datepicker--range": "_spectrum-Datepicker--range_7d93f",
-  "spectrum-Datepicker--datetimeRange": "_spectrum-Datepicker--datetimeRange_7d93f",
-  "spectrum-Datepicker-startField": "_spectrum-Datepicker-startField_7d93f",
-  "spectrum-Datepicker-endField": "_spectrum-Datepicker-endField_7d93f",
-  "spectrum-Datepicker--rangeDash": "_spectrum-Datepicker--rangeDash_7d93f",
-  "is-focused": "_is-focused_7d93f",
-  "spectrum-Datepicker-focusRing": "_spectrum-Datepicker-focusRing_7d93f",
-  "is-hovered": "_is-hovered_7d93f",
-  "focus-ring": "_focus-ring_7d93f",
-  "is-selected": "_is-selected_7d93f",
-  "spectrum-FieldButton--invalid": "_spectrum-FieldButton--invalid_7d93f"
-};
-export function TimeField(props) {
-  props = useProviderProps(props);
-  let {
-    autoFocus,
-    isDisabled,
-    isReadOnly,
-    isRequired,
-    isQuiet
-  } = props;
-  let ref = useRef();
-  let {
-    locale
-  } = useLocale();
-  let state = useTimeFieldState(_babelRuntimeHelpersEsmExtends({}, props, {
-    locale,
-    createCalendar
-  }));
-  let {
-    labelProps,
-    fieldProps,
-    descriptionProps,
-    errorMessageProps
-  } = useDateField(props, state, ref);
-  return /*#__PURE__*/_react.createElement(Field, _babelRuntimeHelpersEsmExtends({}, props, {
-    labelProps: labelProps,
-    descriptionProps: descriptionProps,
-    errorMessageProps: errorMessageProps,
-    validationState: state.validationState,
-    UNSAFE_className: classNames($fc5c1aaa653a82d8278e64c777eca$$interop$default, 'react-spectrum-TimeField-fieldWrapper')
-  }), /*#__PURE__*/_react.createElement($f7a3dc9c77601846b3cceddb1f68b1a$export$Input, {
-    fieldProps: fieldProps,
-    isDisabled: isDisabled,
-    isQuiet: isQuiet,
-    autoFocus: autoFocus,
-    validationState: state.validationState,
-    inputRef: ref,
-    className: classNames($fc5c1aaa653a82d8278e64c777eca$$interop$default, 'react-spectrum-TimeField')
-  }, state.segments.map((segment, i) => /*#__PURE__*/_react.createElement($d90fc87ed39803c47c775d8a63e9b3ac$export$DatePickerSegment, {
-    key: i,
-    segment: segment,
-    state: state,
-    isDisabled: isDisabled,
-    isReadOnly: isReadOnly,
-    isRequired: isRequired
-  }))));
-}
 
-function $fceb515efc46c02b9fa71489a5fd9a8$export$useFormatHelpText(props) {
-  let formatter = useDateFormatter({
-    dateStyle: 'short'
-  });
-  let displayNames = useDisplayNames();
-  return useMemo(() => {
-    if (props.description) {
-      return props.description;
-    }
 
-    if (props.showFormatHelpText) {
-      return formatter.formatToParts(new Date()).map(s => {
-        if (s.type === 'literal') {
-          return s.value;
-        }
 
-        return displayNames.of(s.type);
-      }).join(' ');
-    }
 
-    return '';
-  }, [props.description, props.showFormatHelpText, formatter, displayNames]);
+var $8fb52a80fe52b1c7$exports = {};
+
+$parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup", () => $8fb52a80fe52b1c7$export$5be359c1227eedcb, (v) => $8fb52a80fe52b1c7$export$5be359c1227eedcb = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "spectrum-FieldButton", () => $8fb52a80fe52b1c7$export$a024c99ecf6b5741, (v) => $8fb52a80fe52b1c7$export$a024c99ecf6b5741 = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "is-disabled", () => $8fb52a80fe52b1c7$export$d35bc1e505d1ebbf, (v) => $8fb52a80fe52b1c7$export$d35bc1e505d1ebbf = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup--invalid", () => $8fb52a80fe52b1c7$export$3b48509739a9cda0, (v) => $8fb52a80fe52b1c7$export$3b48509739a9cda0 = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup--quiet", () => $8fb52a80fe52b1c7$export$ebf265ffc062029b, (v) => $8fb52a80fe52b1c7$export$ebf265ffc062029b = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup-field", () => $8fb52a80fe52b1c7$export$ea77459595e26bec, (v) => $8fb52a80fe52b1c7$export$ea77459595e26bec = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup-input-validationIcon", () => $8fb52a80fe52b1c7$export$f7ab13ee113f4884, (v) => $8fb52a80fe52b1c7$export$f7ab13ee113f4884 = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup-input-circleLoader", () => $8fb52a80fe52b1c7$export$dcc9e00cdad967fa, (v) => $8fb52a80fe52b1c7$export$dcc9e00cdad967fa = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup-input", () => $8fb52a80fe52b1c7$export$92706f5c6fe4074, (v) => $8fb52a80fe52b1c7$export$92706f5c6fe4074 = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup-icon", () => $8fb52a80fe52b1c7$export$b91b6af799fd93a8, (v) => $8fb52a80fe52b1c7$export$b91b6af799fd93a8 = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup-popover--quiet", () => $8fb52a80fe52b1c7$export$5e116178f9b1556a, (v) => $8fb52a80fe52b1c7$export$5e116178f9b1556a = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "spectrum-Datepicker--range", () => $8fb52a80fe52b1c7$export$1d8b0b29e11d7cd, (v) => $8fb52a80fe52b1c7$export$1d8b0b29e11d7cd = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "spectrum-Datepicker--datetimeRange", () => $8fb52a80fe52b1c7$export$58dd7cd23c92699f, (v) => $8fb52a80fe52b1c7$export$58dd7cd23c92699f = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "spectrum-Datepicker-startField", () => $8fb52a80fe52b1c7$export$80f9c838a8406469, (v) => $8fb52a80fe52b1c7$export$80f9c838a8406469 = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "spectrum-Datepicker-endField", () => $8fb52a80fe52b1c7$export$1c72fb41fa4f21ee, (v) => $8fb52a80fe52b1c7$export$1c72fb41fa4f21ee = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "spectrum-Datepicker--rangeDash", () => $8fb52a80fe52b1c7$export$202113e883898dc, (v) => $8fb52a80fe52b1c7$export$202113e883898dc = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "is-focused", () => $8fb52a80fe52b1c7$export$e7dc768d35940237, (v) => $8fb52a80fe52b1c7$export$e7dc768d35940237 = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "spectrum-Datepicker-focusRing", () => $8fb52a80fe52b1c7$export$eb262b15b9261fde, (v) => $8fb52a80fe52b1c7$export$eb262b15b9261fde = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "is-hovered", () => $8fb52a80fe52b1c7$export$b8813cd5d7824ce7, (v) => $8fb52a80fe52b1c7$export$b8813cd5d7824ce7 = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "focus-ring", () => $8fb52a80fe52b1c7$export$f39a09f249340e2a, (v) => $8fb52a80fe52b1c7$export$f39a09f249340e2a = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "is-selected", () => $8fb52a80fe52b1c7$export$1e0fb04f31d3c22a, (v) => $8fb52a80fe52b1c7$export$1e0fb04f31d3c22a = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "spectrum-FieldButton--invalid", () => $8fb52a80fe52b1c7$export$c9f503f672e8a3c1, (v) => $8fb52a80fe52b1c7$export$c9f503f672e8a3c1 = v);
+var $8fb52a80fe52b1c7$export$5be359c1227eedcb;
+var $8fb52a80fe52b1c7$export$a024c99ecf6b5741;
+var $8fb52a80fe52b1c7$export$d35bc1e505d1ebbf;
+var $8fb52a80fe52b1c7$export$3b48509739a9cda0;
+var $8fb52a80fe52b1c7$export$ebf265ffc062029b;
+var $8fb52a80fe52b1c7$export$ea77459595e26bec;
+var $8fb52a80fe52b1c7$export$f7ab13ee113f4884;
+var $8fb52a80fe52b1c7$export$dcc9e00cdad967fa;
+var $8fb52a80fe52b1c7$export$92706f5c6fe4074;
+var $8fb52a80fe52b1c7$export$b91b6af799fd93a8;
+var $8fb52a80fe52b1c7$export$5e116178f9b1556a;
+var $8fb52a80fe52b1c7$export$1d8b0b29e11d7cd;
+var $8fb52a80fe52b1c7$export$58dd7cd23c92699f;
+var $8fb52a80fe52b1c7$export$80f9c838a8406469;
+var $8fb52a80fe52b1c7$export$1c72fb41fa4f21ee;
+var $8fb52a80fe52b1c7$export$202113e883898dc;
+var $8fb52a80fe52b1c7$export$e7dc768d35940237;
+var $8fb52a80fe52b1c7$export$eb262b15b9261fde;
+var $8fb52a80fe52b1c7$export$b8813cd5d7824ce7;
+var $8fb52a80fe52b1c7$export$f39a09f249340e2a;
+var $8fb52a80fe52b1c7$export$1e0fb04f31d3c22a;
+var $8fb52a80fe52b1c7$export$c9f503f672e8a3c1;
+$8fb52a80fe52b1c7$export$5be359c1227eedcb = "spectrum-InputGroup_a0942f";
+$8fb52a80fe52b1c7$export$a024c99ecf6b5741 = "spectrum-FieldButton_a0942f";
+$8fb52a80fe52b1c7$export$d35bc1e505d1ebbf = "is-disabled_a0942f";
+$8fb52a80fe52b1c7$export$3b48509739a9cda0 = "spectrum-InputGroup--invalid_a0942f";
+$8fb52a80fe52b1c7$export$ebf265ffc062029b = "spectrum-InputGroup--quiet_a0942f";
+$8fb52a80fe52b1c7$export$ea77459595e26bec = "spectrum-InputGroup-field_a0942f";
+$8fb52a80fe52b1c7$export$f7ab13ee113f4884 = "spectrum-InputGroup-input-validationIcon_a0942f";
+$8fb52a80fe52b1c7$export$dcc9e00cdad967fa = "spectrum-InputGroup-input-circleLoader_a0942f";
+$8fb52a80fe52b1c7$export$92706f5c6fe4074 = "spectrum-InputGroup-input_a0942f";
+$8fb52a80fe52b1c7$export$b91b6af799fd93a8 = "spectrum-InputGroup-icon_a0942f";
+$8fb52a80fe52b1c7$export$5e116178f9b1556a = "spectrum-InputGroup-popover--quiet_a0942f";
+$8fb52a80fe52b1c7$export$1d8b0b29e11d7cd = "spectrum-Datepicker--range_a0942f";
+$8fb52a80fe52b1c7$export$58dd7cd23c92699f = "spectrum-Datepicker--datetimeRange_a0942f";
+$8fb52a80fe52b1c7$export$80f9c838a8406469 = "spectrum-Datepicker-startField_a0942f";
+$8fb52a80fe52b1c7$export$1c72fb41fa4f21ee = "spectrum-Datepicker-endField_a0942f";
+$8fb52a80fe52b1c7$export$202113e883898dc = "spectrum-Datepicker--rangeDash_a0942f";
+$8fb52a80fe52b1c7$export$e7dc768d35940237 = "is-focused_a0942f";
+$8fb52a80fe52b1c7$export$eb262b15b9261fde = "spectrum-Datepicker-focusRing_a0942f";
+$8fb52a80fe52b1c7$export$b8813cd5d7824ce7 = "is-hovered_a0942f";
+$8fb52a80fe52b1c7$export$f39a09f249340e2a = "focus-ring_a0942f";
+$8fb52a80fe52b1c7$export$1e0fb04f31d3c22a = "is-selected_a0942f";
+$8fb52a80fe52b1c7$export$c9f503f672e8a3c1 = "spectrum-FieldButton--invalid_a0942f";
+
+
+var $f0a04554754386b6$exports = {};
+
+$parcel$export($f0a04554754386b6$exports, "TimeField", () => $f0a04554754386b6$export$5eaee2322dd727eb);
+
+
+
+
+
+
+
+
+
+
+function $f0a04554754386b6$export$5eaee2322dd727eb(props) {
+    props = $aayOp$useProviderProps(props);
+    let { autoFocus: autoFocus , isDisabled: isDisabled , isReadOnly: isReadOnly , isRequired: isRequired , isQuiet: isQuiet  } = props;
+    let ref = $aayOp$useRef();
+    let { locale: locale  } = $aayOp$useLocale();
+    let state = $aayOp$useTimeFieldState({
+        ...props,
+        locale: locale
+    });
+    let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = $aayOp$useTimeField(props, state, ref);
+    return(/*#__PURE__*/ $aayOp$react.createElement($aayOp$Field, {
+        ...props,
+        elementType: "span",
+        labelProps: labelProps,
+        descriptionProps: descriptionProps,
+        errorMessageProps: errorMessageProps,
+        validationState: state.validationState,
+        UNSAFE_className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-TimeField-fieldWrapper')
+    }, /*#__PURE__*/ $aayOp$react.createElement($79348162c55d687f$export$f5b8910cec6cf069, {
+        fieldProps: fieldProps,
+        isDisabled: isDisabled,
+        isQuiet: isQuiet,
+        autoFocus: autoFocus,
+        validationState: state.validationState,
+        inputRef: ref,
+        className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-TimeField')
+    }, state.segments.map((segment, i)=>/*#__PURE__*/ $aayOp$react.createElement($cfa347761f172638$export$6388987c5223b54e, {
+            key: i,
+            segment: segment,
+            state: state,
+            isDisabled: isDisabled,
+            isReadOnly: isReadOnly,
+            isRequired: isRequired
+        })
+    ))));
 }
 
-function $fceb515efc46c02b9fa71489a5fd9a8$export$useVisibleMonths(maxVisibleMonths) {
-  let {
-    scale
-  } = useProvider();
-  let [visibleMonths, setVisibleMonths] = useState($fceb515efc46c02b9fa71489a5fd9a8$var$getVisibleMonths(scale));
-  useLayoutEffect(() => {
-    let onResize = () => setVisibleMonths($fceb515efc46c02b9fa71489a5fd9a8$var$getVisibleMonths(scale));
-
-    onResize();
-    window.addEventListener('resize', onResize);
-    return () => {
-      window.removeEventListener('resize', onResize);
-    };
-  }, [scale]);
-  return Math.max(1, Math.min(visibleMonths, maxVisibleMonths, 3));
+
+
+
+
+
+
+
+
+
+function $04e96200274b03de$export$322f4580ccd8dde6(props) {
+    let formatter = $aayOp$useDateFormatter({
+        dateStyle: 'short'
+    });
+    let displayNames = $aayOp$useDisplayNames();
+    return $aayOp$useMemo(()=>{
+        if (props.description) return props.description;
+        if (props.showFormatHelpText) return formatter.formatToParts(new Date()).map((s)=>{
+            if (s.type === 'literal') return s.value;
+            return displayNames.of(s.type);
+        }).join(' ');
+        return '';
+    }, [
+        props.description,
+        props.showFormatHelpText,
+        formatter,
+        displayNames
+    ]);
+}
+function $04e96200274b03de$export$12ce2869ce471b1f(maxVisibleMonths) {
+    let { scale: scale  } = $aayOp$useProvider();
+    let [visibleMonths, setVisibleMonths] = $aayOp$useState($04e96200274b03de$var$getVisibleMonths(scale));
+    $aayOp$useLayoutEffect(()=>{
+        let onResize = ()=>setVisibleMonths($04e96200274b03de$var$getVisibleMonths(scale))
+        ;
+        onResize();
+        window.addEventListener('resize', onResize);
+        return ()=>{
+            window.removeEventListener('resize', onResize);
+        };
+    }, [
+        scale
+    ]);
+    return Math.max(1, Math.min(visibleMonths, maxVisibleMonths, 3));
 }
+function $04e96200274b03de$var$getVisibleMonths(scale) {
+    let monthWidth = scale === 'large' ? 336 : 280;
+    let gap = scale === 'large' ? 30 : 24;
+    let popoverPadding = scale === 'large' ? 32 : 48;
+    return Math.floor((window.innerWidth - popoverPadding * 2) / (monthWidth + gap));
+}
+
+
 
-function $fceb515efc46c02b9fa71489a5fd9a8$var$getVisibleMonths(scale) {
-  let monthWidth = scale === 'large' ? 336 : 280;
-  let gap = scale === 'large' ? 30 : 24;
-  let popoverPadding = scale === 'large' ? 32 : 48;
-  return Math.floor((window.innerWidth - popoverPadding * 2) / (monthWidth + gap));
+
+
+function $beaeefa091999363$export$5109c6dd95d8fb00(props) {
+    props = $aayOp$useProviderProps(props);
+    let { autoFocus: autoFocus , isQuiet: isQuiet , isDisabled: isDisabled , isReadOnly: isReadOnly , placeholderValue: placeholderValue , maxVisibleMonths: maxVisibleMonths = 1  } = props;
+    let { hoverProps: hoverProps , isHovered: isHovered  } = $aayOp$useHover({
+        isDisabled: isDisabled
+    });
+    let targetRef = $aayOp$useRef();
+    let state = $aayOp$useDatePickerState({
+        ...props,
+        shouldCloseOnSelect: ()=>!state.hasTime
+    });
+    let { groupProps: groupProps , labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps , buttonProps: buttonProps , dialogProps: dialogProps , calendarProps: calendarProps  } = $aayOp$useDatePicker(props, state, targetRef);
+    let { isOpen: isOpen , setOpen: setOpen  } = state;
+    let { direction: direction  } = $aayOp$useLocale();
+    let { isFocused: isFocused , isFocusVisible: isFocusVisible , focusProps: focusProps  } = $aayOp$useFocusRing({
+        within: true,
+        isTextInput: true,
+        autoFocus: autoFocus
+    });
+    let className = $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports)), 'spectrum-InputGroup', {
+        'spectrum-InputGroup--quiet': isQuiet,
+        'spectrum-InputGroup--invalid': state.validationState === 'invalid',
+        'is-disabled': isDisabled,
+        'is-hovered': isHovered,
+        'is-focused': isFocused,
+        'focus-ring': isFocusVisible
+    });
+    let fieldClassName = $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports)), 'spectrum-InputGroup-input', {
+        'is-disabled': isDisabled,
+        'is-invalid': state.validationState === 'invalid'
+    });
+    // Note: this description is intentionally not passed to useDatePicker.
+    // The format help text is unnecessary for screen reader users because each segment already has a label.
+    let description = $04e96200274b03de$export$322f4580ccd8dde6(props);
+    if (description && !props.description) descriptionProps.id = null;
+    let placeholder = placeholderValue;
+    let timePlaceholder = placeholder && 'hour' in placeholder ? placeholder : null;
+    let timeMinValue = props.minValue && 'hour' in props.minValue ? props.minValue : null;
+    let timeMaxValue = props.maxValue && 'hour' in props.maxValue ? props.maxValue : null;
+    let timeGranularity = state.granularity === 'hour' || state.granularity === 'minute' || state.granularity === 'second' || state.granularity === 'millisecond' ? state.granularity : null;
+    let showTimeField = !!timeGranularity;
+    let visibleMonths = $04e96200274b03de$export$12ce2869ce471b1f(maxVisibleMonths);
+    return(/*#__PURE__*/ $aayOp$react.createElement($aayOp$Field, {
+        ...props,
+        elementType: "span",
+        ref: targetRef,
+        description: description,
+        labelProps: labelProps,
+        descriptionProps: descriptionProps,
+        errorMessageProps: errorMessageProps,
+        validationState: state.validationState,
+        UNSAFE_className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-Datepicker-fieldWrapper')
+    }, /*#__PURE__*/ $aayOp$react.createElement("div", {
+        ...$aayOp$mergeProps(groupProps, hoverProps, focusProps),
+        className: className
+    }, /*#__PURE__*/ $aayOp$react.createElement($79348162c55d687f$export$f5b8910cec6cf069, {
+        isDisabled: isDisabled,
+        isQuiet: isQuiet,
+        validationState: state.validationState,
+        className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports)), 'spectrum-InputGroup-field'),
+        inputClassName: fieldClassName
+    }, /*#__PURE__*/ $aayOp$react.createElement($d2bb88c82604b25f$export$34dc4cfa15ead1, {
+        ...fieldProps,
+        "data-testid": "date-field",
+        isQuiet: isQuiet,
+        inputClassName: fieldClassName
+    })), /*#__PURE__*/ $aayOp$react.createElement($aayOp$DialogTrigger, {
+        type: "popover",
+        mobileType: "tray",
+        placement: direction === 'rtl' ? 'bottom right' : 'bottom left',
+        targetRef: targetRef,
+        hideArrow: true,
+        isOpen: isOpen,
+        onOpenChange: setOpen
+    }, /*#__PURE__*/ $aayOp$react.createElement($aayOp$FieldButton, {
+        ...buttonProps,
+        UNSAFE_className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports)), 'spectrum-FieldButton'),
+        isQuiet: isQuiet,
+        validationState: state.validationState,
+        isDisabled: isDisabled || isReadOnly
+    }, /*#__PURE__*/ $aayOp$react.createElement($aayOp$spectrumiconsworkflowCalendar, null)), /*#__PURE__*/ $aayOp$react.createElement($aayOp$Dialog, {
+        UNSAFE_className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-Datepicker-dialog'),
+        ...dialogProps
+    }, /*#__PURE__*/ $aayOp$react.createElement($aayOp$Content, {
+        UNSAFE_className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-Datepicker-dialogContent')
+    }, /*#__PURE__*/ $aayOp$react.createElement($aayOp$Calendar, {
+        ...calendarProps,
+        visibleMonths: visibleMonths
+    }), showTimeField && /*#__PURE__*/ $aayOp$react.createElement("div", {
+        className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-Datepicker-timeFields')
+    }, /*#__PURE__*/ $aayOp$react.createElement($f0a04554754386b6$export$5eaee2322dd727eb, {
+        label: "Time",
+        value: state.timeValue,
+        onChange: state.setTimeValue,
+        placeholderValue: timePlaceholder,
+        granularity: timeGranularity,
+        minValue: timeMinValue,
+        maxValue: timeMaxValue,
+        hourCycle: props.hourCycle,
+        hideTimeZone: props.hideTimeZone,
+        marginTop: "size-100"
+    }))))))));
 }
 
-var $ed163f34af6780259e0266609fb62099$$interop$default = $parcel$interopDefault($ed163f34af6780259e0266609fb62099$exports);
-export function DatePicker(props) {
-  props = useProviderProps(props);
-  let {
-    autoFocus,
-    isQuiet,
-    isDisabled,
-    isReadOnly,
-    isRequired,
-    placeholderValue,
-    maxVisibleMonths = 1
-  } = props;
-  let {
-    hoverProps,
-    isHovered
-  } = useHover({
-    isDisabled
-  });
-  let targetRef = useRef();
-  let state = useDatePickerState(props);
-  let {
-    groupProps,
-    labelProps,
-    fieldProps,
-    descriptionProps,
-    errorMessageProps,
-    buttonProps,
-    dialogProps
-  } = useDatePicker(props, state, targetRef);
-  let {
-    value,
-    setValue,
-    isOpen,
-    setOpen
-  } = state;
-  let {
-    direction
-  } = useLocale();
-  let {
-    isFocused,
-    isFocusVisible,
-    focusProps
-  } = useFocusRing({
-    within: true,
-    isTextInput: true,
-    autoFocus
-  });
-  let className = classNames($ed163f34af6780259e0266609fb62099$$interop$default, 'spectrum-InputGroup', {
-    'spectrum-InputGroup--quiet': isQuiet,
-    'spectrum-InputGroup--invalid': state.validationState === 'invalid',
-    'is-disabled': isDisabled,
-    'is-hovered': isHovered,
-    'is-focused': isFocused,
-    'focus-ring': isFocusVisible
-  });
-  let fieldClassName = classNames($ed163f34af6780259e0266609fb62099$$interop$default, 'spectrum-InputGroup-input', {
-    'is-disabled': isDisabled,
-    'is-invalid': state.validationState === 'invalid'
-  }); // Note: this description is intentionally not passed to useDatePicker.
-  // The format help text is unnecessary for screen reader users because each segment already has a label.
-
-  let description = $fceb515efc46c02b9fa71489a5fd9a8$export$useFormatHelpText(props);
-
-  if (description && !props.description) {
-    descriptionProps.id = null;
-  }
-
-  let placeholder = placeholderValue;
-  let timePlaceholder = placeholder && 'hour' in placeholder ? placeholder : null;
-  let timeMinValue = props.minValue && 'hour' in props.minValue ? props.minValue : null;
-  let timeMaxValue = props.maxValue && 'hour' in props.maxValue ? props.maxValue : null;
-  let timeGranularity = state.granularity === 'hour' || state.granularity === 'minute' || state.granularity === 'second' || state.granularity === 'millisecond' ? state.granularity : null;
-  let showTimeField = !!timeGranularity;
-  let visibleMonths = $fceb515efc46c02b9fa71489a5fd9a8$export$useVisibleMonths(maxVisibleMonths);
-  return /*#__PURE__*/_react.createElement(Field, _babelRuntimeHelpersEsmExtends({}, props, {
-    ref: targetRef,
-    description: description,
-    labelProps: labelProps,
-    descriptionProps: descriptionProps,
-    errorMessageProps: errorMessageProps,
-    validationState: state.validationState,
-    UNSAFE_className: classNames($fc5c1aaa653a82d8278e64c777eca$$interop$default, 'react-spectrum-Datepicker-fieldWrapper')
-  }), /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersEsmExtends({}, mergeProps(groupProps, hoverProps, focusProps), {
-    className: className
-  }), /*#__PURE__*/_react.createElement($f7a3dc9c77601846b3cceddb1f68b1a$export$Input, {
-    isDisabled: isDisabled,
-    isQuiet: isQuiet,
-    validationState: state.validationState,
-    autoFocus: autoFocus,
-    className: classNames($ed163f34af6780259e0266609fb62099$$interop$default, 'spectrum-InputGroup-field'),
-    inputClassName: fieldClassName
-  }, /*#__PURE__*/_react.createElement($f89a664b25735c9291b8addecfd59013$export$DatePickerField, _babelRuntimeHelpersEsmExtends({}, fieldProps, {
-    isQuiet: isQuiet,
-    validationState: state.validationState,
-    value: value,
-    onChange: setValue,
-    placeholderValue: placeholderValue,
-    isDisabled: isDisabled,
-    isReadOnly: isReadOnly,
-    isRequired: isRequired,
-    granularity: props.granularity,
-    hourCycle: props.hourCycle,
-    inputClassName: fieldClassName,
-    hideTimeZone: props.hideTimeZone
-  }))), /*#__PURE__*/_react.createElement(DialogTrigger, {
-    type: "popover",
-    mobileType: "tray",
-    placement: direction === 'rtl' ? 'bottom right' : 'bottom left',
-    targetRef: targetRef,
-    hideArrow: true,
-    isOpen: isOpen,
-    onOpenChange: setOpen
-  }, /*#__PURE__*/_react.createElement(FieldButton, _babelRuntimeHelpersEsmExtends({}, buttonProps, {
-    UNSAFE_className: classNames($ed163f34af6780259e0266609fb62099$$interop$default, 'spectrum-FieldButton'),
-    isQuiet: isQuiet,
-    validationState: state.validationState,
-    isDisabled: isDisabled || isReadOnly
-  }), /*#__PURE__*/_react.createElement(_spectrumIconsWorkflowCalendar, null)), /*#__PURE__*/_react.createElement(Dialog, _babelRuntimeHelpersEsmExtends({
-    UNSAFE_className: classNames($fc5c1aaa653a82d8278e64c777eca$$interop$default, 'react-spectrum-Datepicker-dialog')
-  }, dialogProps), /*#__PURE__*/_react.createElement(Content, {
-    UNSAFE_className: classNames($fc5c1aaa653a82d8278e64c777eca$$interop$default, 'react-spectrum-Datepicker-dialogContent')
-  }, /*#__PURE__*/_react.createElement(Calendar, {
-    autoFocus: true,
-    value: state.dateValue,
-    onChange: state.setDateValue,
-    visibleMonths: visibleMonths,
-    minValue: props.minValue,
-    maxValue: props.maxValue
-  }), showTimeField && /*#__PURE__*/_react.createElement("div", {
-    className: classNames($fc5c1aaa653a82d8278e64c777eca$$interop$default, 'react-spectrum-Datepicker-timeFields')
-  }, /*#__PURE__*/_react.createElement(TimeField, {
-    label: "Time",
-    value: state.timeValue,
-    onChange: state.setTimeValue,
-    placeholderValue: timePlaceholder,
-    granularity: timeGranularity,
-    minValue: timeMinValue,
-    maxValue: timeMaxValue,
-    hourCycle: props.hourCycle,
-    hideTimeZone: props.hideTimeZone,
-    marginTop: "size-100"
-  })))))));
+
+var $cb301300011a98f7$exports = {};
+
+$parcel$export($cb301300011a98f7$exports, "DateRangePicker", () => $cb301300011a98f7$export$17334619f3ac2224);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function $cb301300011a98f7$export$17334619f3ac2224(props) {
+    var ref, ref1;
+    props = $aayOp$useProviderProps(props);
+    let { isQuiet: isQuiet , isDisabled: isDisabled , isReadOnly: isReadOnly , autoFocus: autoFocus , placeholderValue: placeholderValue , maxVisibleMonths: maxVisibleMonths = 1 , ...otherProps } = props;
+    let { styleProps: styleProps  } = $aayOp$useStyleProps(otherProps);
+    let { hoverProps: hoverProps , isHovered: isHovered  } = $aayOp$useHover({
+        isDisabled: isDisabled
+    });
+    let targetRef = $aayOp$useRef();
+    let state = $aayOp$useDateRangePickerState({
+        ...props,
+        shouldCloseOnSelect: ()=>!state.hasTime
+    });
+    let { labelProps: labelProps , groupProps: groupProps , buttonProps: buttonProps , dialogProps: dialogProps , startFieldProps: startFieldProps , endFieldProps: endFieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps , calendarProps: calendarProps  } = $aayOp$useDateRangePicker(props, state, targetRef);
+    let { isOpen: isOpen , setOpen: setOpen  } = state;
+    let { direction: direction  } = $aayOp$useLocale();
+    let { isFocused: isFocused , isFocusVisible: isFocusVisible , focusProps: focusProps  } = $aayOp$useFocusRing({
+        within: true,
+        isTextInput: true,
+        autoFocus: autoFocus
+    });
+    let className = $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports)), 'spectrum-InputGroup', {
+        'spectrum-InputGroup--quiet': isQuiet,
+        'spectrum-InputGroup--invalid': state.validationState === 'invalid',
+        'is-disabled': isDisabled,
+        'is-hovered': isHovered,
+        'is-focused': isFocused,
+        'focus-ring': isFocusVisible
+    }, styleProps.className);
+    let fieldClassName = $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports)), 'spectrum-InputGroup-input', {
+        'is-disabled': isDisabled,
+        'is-invalid': state.validationState === 'invalid'
+    });
+    // Note: this description is intentionally not passed to useDatePicker.
+    // The format help text is unnecessary for screen reader users because each segment already has a label.
+    let description = $04e96200274b03de$export$322f4580ccd8dde6(props);
+    if (description && !props.description) descriptionProps.id = null;
+    let placeholder = placeholderValue;
+    let timePlaceholder = placeholder && 'hour' in placeholder ? placeholder : null;
+    let timeMinValue = props.minValue && 'hour' in props.minValue ? props.minValue : null;
+    let timeMaxValue = props.maxValue && 'hour' in props.maxValue ? props.maxValue : null;
+    let timeGranularity = state.granularity === 'hour' || state.granularity === 'minute' || state.granularity === 'second' || state.granularity === 'millisecond' ? state.granularity : null;
+    let showTimeField = !!timeGranularity;
+    let visibleMonths = $04e96200274b03de$export$12ce2869ce471b1f(maxVisibleMonths);
+    return(/*#__PURE__*/ $aayOp$react.createElement($aayOp$Field, {
+        ...props,
+        elementType: "span",
+        ref: targetRef,
+        description: description,
+        labelProps: labelProps,
+        descriptionProps: descriptionProps,
+        errorMessageProps: errorMessageProps,
+        validationState: state.validationState,
+        UNSAFE_className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-Datepicker-fieldWrapper')
+    }, /*#__PURE__*/ $aayOp$react.createElement("div", {
+        ...styleProps,
+        ...$aayOp$mergeProps(groupProps, hoverProps, focusProps),
+        className: className
+    }, /*#__PURE__*/ $aayOp$react.createElement($79348162c55d687f$export$f5b8910cec6cf069, {
+        isDisabled: isDisabled,
+        isQuiet: isQuiet,
+        validationState: state.validationState,
+        className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports)), 'spectrum-InputGroup-field'),
+        inputClassName: fieldClassName
+    }, /*#__PURE__*/ $aayOp$react.createElement($d2bb88c82604b25f$export$34dc4cfa15ead1, {
+        ...startFieldProps,
+        "data-testid": "start-date",
+        isQuiet: props.isQuiet,
+        inputClassName: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-Datepicker-startField')
+    }), /*#__PURE__*/ $aayOp$react.createElement($cb301300011a98f7$var$DateRangeDash, null), /*#__PURE__*/ $aayOp$react.createElement($d2bb88c82604b25f$export$34dc4cfa15ead1, {
+        ...endFieldProps,
+        "data-testid": "end-date",
+        isQuiet: props.isQuiet,
+        inputClassName: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports)), 'spectrum-Datepicker-endField', $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-Datepicker-endField'))
+    })), /*#__PURE__*/ $aayOp$react.createElement($aayOp$DialogTrigger, {
+        type: "popover",
+        mobileType: "tray",
+        placement: direction === 'rtl' ? 'bottom right' : 'bottom left',
+        targetRef: targetRef,
+        hideArrow: true,
+        isOpen: isOpen,
+        onOpenChange: setOpen
+    }, /*#__PURE__*/ $aayOp$react.createElement($aayOp$FieldButton, {
+        ...buttonProps,
+        UNSAFE_className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports)), 'spectrum-FieldButton'),
+        isQuiet: isQuiet,
+        validationState: state.validationState,
+        isDisabled: isDisabled || isReadOnly
+    }, /*#__PURE__*/ $aayOp$react.createElement($aayOp$spectrumiconsworkflowCalendar, null)), /*#__PURE__*/ $aayOp$react.createElement($aayOp$Dialog, {
+        UNSAFE_className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-Datepicker-dialog'),
+        ...dialogProps
+    }, /*#__PURE__*/ $aayOp$react.createElement($aayOp$Content, {
+        UNSAFE_className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-Datepicker-dialogContent')
+    }, /*#__PURE__*/ $aayOp$react.createElement($aayOp$RangeCalendar, {
+        ...calendarProps,
+        visibleMonths: visibleMonths
+    }), showTimeField && /*#__PURE__*/ $aayOp$react.createElement($aayOp$Flex, {
+        gap: "size-100",
+        marginTop: "size-100",
+        UNSAFE_className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-Datepicker-timeFields')
+    }, /*#__PURE__*/ $aayOp$react.createElement($f0a04554754386b6$export$5eaee2322dd727eb, {
+        label: "Start time",
+        value: ((ref = state.timeRange) === null || ref === void 0 ? void 0 : ref.start) || null,
+        onChange: (v)=>state.setTime('start', v)
+        ,
+        placeholderValue: timePlaceholder,
+        granularity: timeGranularity,
+        minValue: timeMinValue,
+        maxValue: timeMaxValue,
+        hourCycle: props.hourCycle,
+        hideTimeZone: props.hideTimeZone,
+        flex: true
+    }), /*#__PURE__*/ $aayOp$react.createElement($f0a04554754386b6$export$5eaee2322dd727eb, {
+        label: "End time",
+        value: ((ref1 = state.timeRange) === null || ref1 === void 0 ? void 0 : ref1.end) || null,
+        onChange: (v)=>state.setTime('end', v)
+        ,
+        placeholderValue: timePlaceholder,
+        granularity: timeGranularity,
+        minValue: timeMinValue,
+        maxValue: timeMaxValue,
+        hourCycle: props.hourCycle,
+        hideTimeZone: props.hideTimeZone,
+        flex: true
+    }))))))));
 }
-export function DateRangePicker(props) {
-  var _state$timeRange, _state$timeRange2;
-
-  props = useProviderProps(props);
-
-  let {
-    isQuiet,
-    isDisabled,
-    isReadOnly,
-    isRequired,
-    autoFocus,
-    placeholderValue,
-    maxVisibleMonths = 1
-  } = props,
-      otherProps = _babelRuntimeHelpersEsmObjectWithoutPropertiesLoose(props, ["isQuiet", "isDisabled", "isReadOnly", "isRequired", "autoFocus", "placeholderValue", "maxVisibleMonths"]);
-
-  let {
-    styleProps
-  } = useStyleProps(otherProps);
-  let {
-    hoverProps,
-    isHovered
-  } = useHover({
-    isDisabled
-  });
-  let targetRef = useRef();
-  let state = useDateRangePickerState(props);
-  let {
-    labelProps,
-    groupProps,
-    buttonProps,
-    dialogProps,
-    startFieldProps,
-    endFieldProps,
-    descriptionProps,
-    errorMessageProps
-  } = useDateRangePicker(props, state, targetRef);
-  let {
-    value,
-    isOpen,
-    setOpen
-  } = state;
-  let {
-    direction
-  } = useLocale();
-  let {
-    isFocused,
-    isFocusVisible,
-    focusProps
-  } = useFocusRing({
-    within: true,
-    isTextInput: true,
-    autoFocus
-  });
-  let className = classNames($ed163f34af6780259e0266609fb62099$$interop$default, 'spectrum-InputGroup', {
-    'spectrum-InputGroup--quiet': isQuiet,
-    'spectrum-InputGroup--invalid': state.validationState === 'invalid',
-    'is-disabled': isDisabled,
-    'is-hovered': isHovered,
-    'is-focused': isFocused,
-    'focus-ring': isFocusVisible
-  }, styleProps.className);
-  let fieldClassName = classNames($ed163f34af6780259e0266609fb62099$$interop$default, 'spectrum-InputGroup-input', {
-    'is-disabled': isDisabled,
-    'is-invalid': state.validationState === 'invalid'
-  }); // Note: this description is intentionally not passed to useDatePicker.
-  // The format help text is unnecessary for screen reader users because each segment already has a label.
-
-  let description = $fceb515efc46c02b9fa71489a5fd9a8$export$useFormatHelpText(props);
-
-  if (description && !props.description) {
-    descriptionProps.id = null;
-  }
-
-  let placeholder = placeholderValue;
-  let timePlaceholder = placeholder && 'hour' in placeholder ? placeholder : null;
-  let timeMinValue = props.minValue && 'hour' in props.minValue ? props.minValue : null;
-  let timeMaxValue = props.maxValue && 'hour' in props.maxValue ? props.maxValue : null;
-  let timeGranularity = state.granularity === 'hour' || state.granularity === 'minute' || state.granularity === 'second' || state.granularity === 'millisecond' ? state.granularity : null;
-  let showTimeField = !!timeGranularity;
-  let visibleMonths = $fceb515efc46c02b9fa71489a5fd9a8$export$useVisibleMonths(maxVisibleMonths);
-  return /*#__PURE__*/_react.createElement(Field, _babelRuntimeHelpersEsmExtends({}, props, {
-    ref: targetRef,
-    description: description,
-    labelProps: labelProps,
-    descriptionProps: descriptionProps,
-    errorMessageProps: errorMessageProps,
-    validationState: state.validationState,
-    UNSAFE_className: classNames($fc5c1aaa653a82d8278e64c777eca$$interop$default, 'react-spectrum-Datepicker-fieldWrapper')
-  }), /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersEsmExtends({}, styleProps, mergeProps(groupProps, hoverProps, focusProps), {
-    className: className
-  }), /*#__PURE__*/_react.createElement($f7a3dc9c77601846b3cceddb1f68b1a$export$Input, {
-    isDisabled: isDisabled,
-    isQuiet: isQuiet,
-    validationState: state.validationState,
-    autoFocus: autoFocus,
-    className: classNames($ed163f34af6780259e0266609fb62099$$interop$default, 'spectrum-InputGroup-field'),
-    inputClassName: fieldClassName
-  }, /*#__PURE__*/_react.createElement($f89a664b25735c9291b8addecfd59013$export$DatePickerField, _babelRuntimeHelpersEsmExtends({}, startFieldProps, {
-    isQuiet: props.isQuiet,
-    isDisabled: isDisabled,
-    isReadOnly: isReadOnly,
-    isRequired: isRequired,
-    validationState: state.validationState,
-    placeholderValue: placeholderValue,
-    value: (value == null ? void 0 : value.start) || null,
-    defaultValue: null,
-    onChange: start => state.setDateTime('start', start),
-    granularity: props.granularity,
-    hourCycle: props.hourCycle,
-    inputClassName: classNames($fc5c1aaa653a82d8278e64c777eca$$interop$default, 'react-spectrum-Datepicker-startField')
-  })), /*#__PURE__*/_react.createElement($f52d33e8ff443414997ed587ce7ed905$var$DateRangeDash, null), /*#__PURE__*/_react.createElement($f89a664b25735c9291b8addecfd59013$export$DatePickerField, _babelRuntimeHelpersEsmExtends({}, endFieldProps, {
-    isQuiet: props.isQuiet,
-    isDisabled: isDisabled,
-    isReadOnly: isReadOnly,
-    isRequired: isRequired,
-    validationState: state.validationState,
-    placeholderValue: placeholderValue,
-    value: (value == null ? void 0 : value.end) || null,
-    defaultValue: null,
-    onChange: end => state.setDateTime('end', end),
-    granularity: props.granularity,
-    hourCycle: props.hourCycle,
-    inputClassName: classNames($ed163f34af6780259e0266609fb62099$$interop$default, 'spectrum-Datepicker-endField', classNames($fc5c1aaa653a82d8278e64c777eca$$interop$default, 'react-spectrum-Datepicker-endField'))
-  }))), /*#__PURE__*/_react.createElement(DialogTrigger, {
-    type: "popover",
-    mobileType: "tray",
-    placement: direction === 'rtl' ? 'bottom right' : 'bottom left',
-    targetRef: targetRef,
-    hideArrow: true,
-    isOpen: isOpen,
-    onOpenChange: setOpen
-  }, /*#__PURE__*/_react.createElement(FieldButton, _babelRuntimeHelpersEsmExtends({}, buttonProps, {
-    UNSAFE_className: classNames($ed163f34af6780259e0266609fb62099$$interop$default, 'spectrum-FieldButton'),
-    isQuiet: isQuiet,
-    validationState: state.validationState,
-    isDisabled: isDisabled || isReadOnly
-  }), /*#__PURE__*/_react.createElement(_spectrumIconsWorkflowCalendar, null)), /*#__PURE__*/_react.createElement(Dialog, _babelRuntimeHelpersEsmExtends({
-    UNSAFE_className: classNames($fc5c1aaa653a82d8278e64c777eca$$interop$default, 'react-spectrum-Datepicker-dialog')
-  }, dialogProps), /*#__PURE__*/_react.createElement(Content, {
-    UNSAFE_className: classNames($fc5c1aaa653a82d8278e64c777eca$$interop$default, 'react-spectrum-Datepicker-dialogContent')
-  }, /*#__PURE__*/_react.createElement(RangeCalendar, {
-    autoFocus: true,
-    value: state.dateRange,
-    onChange: state.setDateRange,
-    visibleMonths: visibleMonths,
-    minValue: props.minValue,
-    maxValue: props.maxValue
-  }), showTimeField && /*#__PURE__*/_react.createElement(Flex, {
-    gap: "size-100",
-    marginTop: "size-100",
-    UNSAFE_className: classNames($fc5c1aaa653a82d8278e64c777eca$$interop$default, 'react-spectrum-Datepicker-timeFields')
-  }, /*#__PURE__*/_react.createElement(TimeField, {
-    label: "Start time",
-    value: ((_state$timeRange = state.timeRange) == null ? void 0 : _state$timeRange.start) || null,
-    onChange: v => state.setTime('start', v),
-    placeholderValue: timePlaceholder,
-    granularity: timeGranularity,
-    minValue: timeMinValue,
-    maxValue: timeMaxValue,
-    hourCycle: props.hourCycle,
-    hideTimeZone: props.hideTimeZone,
-    flex: true
-  }), /*#__PURE__*/_react.createElement(TimeField, {
-    label: "End time",
-    value: ((_state$timeRange2 = state.timeRange) == null ? void 0 : _state$timeRange2.end) || null,
-    onChange: v => state.setTime('end', v),
-    placeholderValue: timePlaceholder,
-    granularity: timeGranularity,
-    minValue: timeMinValue,
-    maxValue: timeMaxValue,
-    hourCycle: props.hourCycle,
-    hideTimeZone: props.hideTimeZone,
-    flex: true
-  })))))));
+function $cb301300011a98f7$var$DateRangeDash() {
+    return(/*#__PURE__*/ $aayOp$react.createElement("div", {
+        "aria-hidden": "true",
+        "data-testid": "date-range-dash",
+        className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-Datepicker-rangeDash')
+    }));
 }
 
-function $f52d33e8ff443414997ed587ce7ed905$var$DateRangeDash() {
-  return /*#__PURE__*/_react.createElement("div", {
-    "aria-hidden": "true",
-    className: classNames($fc5c1aaa653a82d8278e64c777eca$$interop$default, 'react-spectrum-Datepicker-rangeDash')
-  });
-}
 
-export function DateField(props) {
-  props = useProviderProps(props);
-  let {
-    autoFocus,
-    isDisabled,
-    isReadOnly,
-    isRequired,
-    isQuiet
-  } = props;
-  let ref = useRef();
-  let {
-    locale
-  } = useLocale();
-  let state = useDatePickerFieldState(_babelRuntimeHelpersEsmExtends({}, props, {
-    locale,
-    createCalendar
-  }));
-  let {
-    labelProps,
-    fieldProps,
-    descriptionProps,
-    errorMessageProps
-  } = useDateField(props, state, ref); // Note: this description is intentionally not passed to useDatePicker.
-  // The format help text is unnecessary for screen reader users because each segment already has a label.
-
-  let description = $fceb515efc46c02b9fa71489a5fd9a8$export$useFormatHelpText(props);
-
-  if (description && !props.description) {
-    descriptionProps.id = null;
-  }
-
-  return /*#__PURE__*/_react.createElement(Field, _babelRuntimeHelpersEsmExtends({}, props, {
-    description: description,
-    labelProps: labelProps,
-    descriptionProps: descriptionProps,
-    errorMessageProps: errorMessageProps,
-    validationState: state.validationState,
-    UNSAFE_className: classNames($fc5c1aaa653a82d8278e64c777eca$$interop$default, 'react-spectrum-Datepicker-fieldWrapper')
-  }), /*#__PURE__*/_react.createElement($f7a3dc9c77601846b3cceddb1f68b1a$export$Input, {
-    fieldProps: fieldProps,
-    isDisabled: isDisabled,
-    isQuiet: isQuiet,
-    autoFocus: autoFocus,
-    validationState: state.validationState,
-    inputRef: ref,
-    className: classNames($fc5c1aaa653a82d8278e64c777eca$$interop$default, 'react-spectrum-DateField')
-  }, state.segments.map((segment, i) => /*#__PURE__*/_react.createElement($d90fc87ed39803c47c775d8a63e9b3ac$export$DatePickerSegment, {
-    key: i,
-    segment: segment,
-    state: state,
-    isDisabled: isDisabled,
-    isReadOnly: isReadOnly,
-    isRequired: isRequired
-  }))));
+
+var $0129798af6791690$exports = {};
+
+$parcel$export($0129798af6791690$exports, "DateField", () => $0129798af6791690$export$d9781c7894a82487);
+
+
+
+
+
+
+
+
+
+
+
+
+function $0129798af6791690$export$d9781c7894a82487(props) {
+    props = $aayOp$useProviderProps(props);
+    let { autoFocus: autoFocus , isDisabled: isDisabled , isReadOnly: isReadOnly , isRequired: isRequired , isQuiet: isQuiet  } = props;
+    let ref = $aayOp$useRef();
+    let { locale: locale  } = $aayOp$useLocale();
+    let state = $aayOp$useDateFieldState({
+        ...props,
+        locale: locale,
+        createCalendar: $aayOp$createCalendar
+    });
+    let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = $aayOp$useDateField(props, state, ref);
+    // Note: this description is intentionally not passed to useDatePicker.
+    // The format help text is unnecessary for screen reader users because each segment already has a label.
+    let description = $04e96200274b03de$export$322f4580ccd8dde6(props);
+    if (description && !props.description) descriptionProps.id = null;
+    return(/*#__PURE__*/ $aayOp$react.createElement($aayOp$Field, {
+        ...props,
+        elementType: "span",
+        description: description,
+        labelProps: labelProps,
+        descriptionProps: descriptionProps,
+        errorMessageProps: errorMessageProps,
+        validationState: state.validationState,
+        UNSAFE_className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-Datepicker-fieldWrapper')
+    }, /*#__PURE__*/ $aayOp$react.createElement($79348162c55d687f$export$f5b8910cec6cf069, {
+        fieldProps: fieldProps,
+        isDisabled: isDisabled,
+        isQuiet: isQuiet,
+        autoFocus: autoFocus,
+        validationState: state.validationState,
+        inputRef: ref,
+        className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8e15de0211b274e3$exports)), 'react-spectrum-DateField')
+    }, state.segments.map((segment, i)=>/*#__PURE__*/ $aayOp$react.createElement($cfa347761f172638$export$6388987c5223b54e, {
+            key: i,
+            segment: segment,
+            state: state,
+            isDisabled: isDisabled,
+            isReadOnly: isReadOnly,
+            isRequired: isRequired
+        })
+    ))));
 }
+
+
+
+
+export {$beaeefa091999363$export$5109c6dd95d8fb00 as DatePicker, $cb301300011a98f7$export$17334619f3ac2224 as DateRangePicker, $f0a04554754386b6$export$5eaee2322dd727eb as TimeField, $0129798af6791690$export$d9781c7894a82487 as DateField};
 //# sourceMappingURL=module.js.map