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

package/dist/main.js

@@ -1,877 +1,854 @@
-var {
-  Flex
-} = require("@react-spectrum/layout");
-
-var {
-  useProviderProps,
-  useProvider
-} = require("@react-spectrum/provider");
-
-var {
-  mergeProps,
-  useEvent,
-  useLayoutEffect,
-  useResizeObserver
-} = require("@react-aria/utils");
-
-var _spectrumIconsUiCheckmarkMedium = $parcel$interopDefault(require("@spectrum-icons/ui/CheckmarkMedium"));
-
-var _spectrumIconsUiAlertMedium = $parcel$interopDefault(require("@spectrum-icons/ui/AlertMedium"));
-
-var {
-  FieldButton
-} = require("@react-spectrum/button");
-
-var {
-  Field
-} = require("@react-spectrum/label");
-
-var {
-  Dialog,
-  DialogTrigger
-} = require("@react-spectrum/dialog");
-
-var {
-  useDatePickerFieldState,
-  useTimeFieldState,
-  useDatePickerState,
-  useDateRangePickerState
-} = require("@react-stately/datepicker");
-
-var {
-  usePress,
-  useHover
-} = require("@react-aria/interactions");
-
-var {
-  useLocale,
-  useDateFormatter
-} = require("@react-aria/i18n");
-
-var {
-  useFocusManager,
-  FocusRing,
-  FocusScope,
-  useFocusRing
-} = require("@react-aria/focus");
-
-var {
-  useDateSegment,
-  useDateField,
-  useDatePicker,
-  useDisplayNames,
-  useDateRangePicker
-} = require("@react-aria/datepicker");
-
-var _react2 = require("react");
-
-var _react = $parcel$interopDefault(_react2);
-
-var {
-  useMemo,
-  useRef,
-  useCallback,
-  useState
-} = _react2;
-
-var {
-  NumberParser
-} = require("@internationalized/number");
-
-var _babelRuntimeHelpersObjectWithoutPropertiesLoose = $parcel$interopDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
-var {
-  createCalendar
-} = require("@internationalized/date");
-
-var {
-  Content
-} = require("@react-spectrum/view");
-
-var {
-  classNames,
-  useValueEffect,
-  useStyleProps
-} = require("@react-spectrum/utils");
-
-var _spectrumIconsWorkflowCalendar = $parcel$interopDefault(require("@spectrum-icons/workflow/Calendar"));
-
-var {
-  Calendar,
-  RangeCalendar
-} = require("@react-spectrum/calendar");
-
-var _babelRuntimeHelpersExtends = $parcel$interopDefault(require("@babel/runtime/helpers/extends"));
-
 require("./main.css");
+var $9kQ8p$reactspectrumcalendar = require("@react-spectrum/calendar");
+var $9kQ8p$spectrumiconsworkflowCalendar = require("@spectrum-icons/workflow/Calendar");
+var $9kQ8p$reactspectrumutils = require("@react-spectrum/utils");
+var $9kQ8p$reactspectrumview = require("@react-spectrum/view");
+var $9kQ8p$reactspectrumdialog = require("@react-spectrum/dialog");
+var $9kQ8p$reactspectrumlabel = require("@react-spectrum/label");
+var $9kQ8p$reactspectrumbutton = require("@react-spectrum/button");
+var $9kQ8p$reactariautils = require("@react-aria/utils");
+var $9kQ8p$react = require("react");
+var $9kQ8p$reactariadatepicker = require("@react-aria/datepicker");
+var $9kQ8p$reactstatelydatepicker = require("@react-stately/datepicker");
+var $9kQ8p$reactariafocus = require("@react-aria/focus");
+var $9kQ8p$reactariainteractions = require("@react-aria/interactions");
+var $9kQ8p$reactariai18n = require("@react-aria/i18n");
+var $9kQ8p$reactspectrumprovider = require("@react-spectrum/provider");
+var $9kQ8p$internationalizeddate = require("@internationalized/date");
+var $9kQ8p$internationalizednumber = require("@internationalized/number");
+var $9kQ8p$spectrumiconsuiAlertMedium = require("@spectrum-icons/ui/AlertMedium");
+var $9kQ8p$spectrumiconsuiCheckmarkMedium = require("@spectrum-icons/ui/CheckmarkMedium");
+var $9kQ8p$reactspectrumlayout = require("@react-spectrum/layout");
+
+function $parcel$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
+      return;
+    }
+
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
+      }
+    });
+  });
 
+  return dest;
+}
 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 $b6d0c479f6b0b3ae6b1bda0e763d0b7$exports = {};
-$b6d0c479f6b0b3ae6b1bda0e763d0b7$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 $a4d5ef9475d76e07632597e25134d21f$export$DatePickerSegment(_ref) {
-  let {
-    segment,
-    state
-  } = _ref,
-      otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(_ref, ["segment", "state"]);
-
-  switch (segment.type) {
-    // A separator, e.g. punctuation
-    case 'literal':
-      return /*#__PURE__*/_react.createElement($a4d5ef9475d76e07632597e25134d21f$var$LiteralSegment, {
-        segment: segment
-      });
-    // Editable segment
-
-    default:
-      return /*#__PURE__*/_react.createElement($a4d5ef9475d76e07632597e25134d21f$var$EditableSegment, _babelRuntimeHelpersExtends({
-        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 $b6d0c479f6b0b3ae6b1bda0e763d0b7$$interop$default = $parcel$interopDefault($b6d0c479f6b0b3ae6b1bda0e763d0b7$exports);
-
-function $a4d5ef9475d76e07632597e25134d21f$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 $5c1ddf85d7c27889$exports = {};
+
+$parcel$export($5c1ddf85d7c27889$exports, "DatePicker", () => $5c1ddf85d7c27889$export$5109c6dd95d8fb00);
+
+
+
+
+
+
+
+
+
+var $1b6fa0d2ca921da3$exports = {};
+
+$parcel$export($1b6fa0d2ca921da3$exports, "react-spectrum-Datepicker-fieldWrapper", () => $1b6fa0d2ca921da3$export$48501287c6ce4708, (v) => $1b6fa0d2ca921da3$export$48501287c6ce4708 = v);
+$parcel$export($1b6fa0d2ca921da3$exports, "react-spectrum-Datepicker-startField", () => $1b6fa0d2ca921da3$export$eec05853f5fc7ef8, (v) => $1b6fa0d2ca921da3$export$eec05853f5fc7ef8 = v);
+$parcel$export($1b6fa0d2ca921da3$exports, "react-spectrum-Datepicker-endField", () => $1b6fa0d2ca921da3$export$b41789438b49c852, (v) => $1b6fa0d2ca921da3$export$b41789438b49c852 = v);
+$parcel$export($1b6fa0d2ca921da3$exports, "react-spectrum-Datepicker-field", () => $1b6fa0d2ca921da3$export$8cbece9fb909350d, (v) => $1b6fa0d2ca921da3$export$8cbece9fb909350d = v);
+$parcel$export($1b6fa0d2ca921da3$exports, "react-spectrum-Datepicker-input", () => $1b6fa0d2ca921da3$export$4cdb39b006dc840a, (v) => $1b6fa0d2ca921da3$export$4cdb39b006dc840a = v);
+$parcel$export($1b6fa0d2ca921da3$exports, "react-spectrum-DateField", () => $1b6fa0d2ca921da3$export$c96d01b692101b8a, (v) => $1b6fa0d2ca921da3$export$c96d01b692101b8a = v);
+$parcel$export($1b6fa0d2ca921da3$exports, "react-spectrum-TimeField", () => $1b6fa0d2ca921da3$export$61c201f1ba261729, (v) => $1b6fa0d2ca921da3$export$61c201f1ba261729 = v);
+$parcel$export($1b6fa0d2ca921da3$exports, "react-spectrum-TimeField-fieldWrapper", () => $1b6fa0d2ca921da3$export$3008240fa163ee96, (v) => $1b6fa0d2ca921da3$export$3008240fa163ee96 = v);
+$parcel$export($1b6fa0d2ca921da3$exports, "react-spectrum-Datepicker-inputContents", () => $1b6fa0d2ca921da3$export$609545772ae0466a, (v) => $1b6fa0d2ca921da3$export$609545772ae0466a = v);
+$parcel$export($1b6fa0d2ca921da3$exports, "react-spectrum-Datepicker-rangeDash", () => $1b6fa0d2ca921da3$export$1ae39afd2cf49425, (v) => $1b6fa0d2ca921da3$export$1ae39afd2cf49425 = v);
+$parcel$export($1b6fa0d2ca921da3$exports, "react-spectrum-Datepicker-segments", () => $1b6fa0d2ca921da3$export$b9c34f0306ac2ffc, (v) => $1b6fa0d2ca921da3$export$b9c34f0306ac2ffc = v);
+$parcel$export($1b6fa0d2ca921da3$exports, "react-spectrum-Datepicker-literal", () => $1b6fa0d2ca921da3$export$24a265734c16a355, (v) => $1b6fa0d2ca921da3$export$24a265734c16a355 = v);
+$parcel$export($1b6fa0d2ca921da3$exports, "react-spectrum-DatePicker-cell", () => $1b6fa0d2ca921da3$export$947f5cb8a73639a4, (v) => $1b6fa0d2ca921da3$export$947f5cb8a73639a4 = v);
+$parcel$export($1b6fa0d2ca921da3$exports, "is-placeholder", () => $1b6fa0d2ca921da3$export$e5b2f5233e4e5194, (v) => $1b6fa0d2ca921da3$export$e5b2f5233e4e5194 = v);
+$parcel$export($1b6fa0d2ca921da3$exports, "is-read-only", () => $1b6fa0d2ca921da3$export$dddce3ae23a6e3ea, (v) => $1b6fa0d2ca921da3$export$dddce3ae23a6e3ea = v);
+$parcel$export($1b6fa0d2ca921da3$exports, "react-spectrum-Datepicker-dialog", () => $1b6fa0d2ca921da3$export$7c3cb625bb792356, (v) => $1b6fa0d2ca921da3$export$7c3cb625bb792356 = v);
+$parcel$export($1b6fa0d2ca921da3$exports, "react-spectrum-Datepicker-dialogContent", () => $1b6fa0d2ca921da3$export$94c97d6b6a927921, (v) => $1b6fa0d2ca921da3$export$94c97d6b6a927921 = v);
+$parcel$export($1b6fa0d2ca921da3$exports, "react-spectrum-Datepicker-timeFields", () => $1b6fa0d2ca921da3$export$8d47712a13573e39, (v) => $1b6fa0d2ca921da3$export$8d47712a13573e39 = v);
+var $1b6fa0d2ca921da3$export$48501287c6ce4708;
+var $1b6fa0d2ca921da3$export$eec05853f5fc7ef8;
+var $1b6fa0d2ca921da3$export$b41789438b49c852;
+var $1b6fa0d2ca921da3$export$8cbece9fb909350d;
+var $1b6fa0d2ca921da3$export$4cdb39b006dc840a;
+var $1b6fa0d2ca921da3$export$c96d01b692101b8a;
+var $1b6fa0d2ca921da3$export$61c201f1ba261729;
+var $1b6fa0d2ca921da3$export$3008240fa163ee96;
+var $1b6fa0d2ca921da3$export$609545772ae0466a;
+var $1b6fa0d2ca921da3$export$1ae39afd2cf49425;
+var $1b6fa0d2ca921da3$export$b9c34f0306ac2ffc;
+var $1b6fa0d2ca921da3$export$24a265734c16a355;
+var $1b6fa0d2ca921da3$export$947f5cb8a73639a4;
+var $1b6fa0d2ca921da3$export$e5b2f5233e4e5194;
+var $1b6fa0d2ca921da3$export$dddce3ae23a6e3ea;
+var $1b6fa0d2ca921da3$export$7c3cb625bb792356;
+var $1b6fa0d2ca921da3$export$94c97d6b6a927921;
+var $1b6fa0d2ca921da3$export$8d47712a13573e39;
+$1b6fa0d2ca921da3$export$48501287c6ce4708 = "react-spectrum-Datepicker-fieldWrapper_0b973d";
+$1b6fa0d2ca921da3$export$eec05853f5fc7ef8 = "react-spectrum-Datepicker-startField_0b973d";
+$1b6fa0d2ca921da3$export$b41789438b49c852 = "react-spectrum-Datepicker-endField_0b973d";
+$1b6fa0d2ca921da3$export$8cbece9fb909350d = "react-spectrum-Datepicker-field_0b973d";
+$1b6fa0d2ca921da3$export$4cdb39b006dc840a = "react-spectrum-Datepicker-input_0b973d";
+$1b6fa0d2ca921da3$export$c96d01b692101b8a = "react-spectrum-DateField_0b973d";
+$1b6fa0d2ca921da3$export$61c201f1ba261729 = "react-spectrum-TimeField_0b973d";
+$1b6fa0d2ca921da3$export$3008240fa163ee96 = "react-spectrum-TimeField-fieldWrapper_0b973d";
+$1b6fa0d2ca921da3$export$609545772ae0466a = "react-spectrum-Datepicker-inputContents_0b973d";
+$1b6fa0d2ca921da3$export$1ae39afd2cf49425 = "react-spectrum-Datepicker-rangeDash_0b973d";
+$1b6fa0d2ca921da3$export$b9c34f0306ac2ffc = "react-spectrum-Datepicker-segments_0b973d";
+$1b6fa0d2ca921da3$export$24a265734c16a355 = "react-spectrum-Datepicker-literal_0b973d";
+$1b6fa0d2ca921da3$export$947f5cb8a73639a4 = "react-spectrum-DatePicker-cell_0b973d";
+$1b6fa0d2ca921da3$export$e5b2f5233e4e5194 = "is-placeholder_0b973d";
+$1b6fa0d2ca921da3$export$dddce3ae23a6e3ea = "is-read-only_0b973d";
+$1b6fa0d2ca921da3$export$7c3cb625bb792356 = "react-spectrum-Datepicker-dialog_0b973d";
+$1b6fa0d2ca921da3$export$94c97d6b6a927921 = "react-spectrum-Datepicker-dialogContent_0b973d";
+$1b6fa0d2ca921da3$export$8d47712a13573e39 = "react-spectrum-Datepicker-timeFields_0b973d";
+
+
+
+
+function $edac158d20ebe4a9$export$6388987c5223b54e({ segment: segment , state: state , ...otherProps }) {
+    switch(segment.type){
+        // A separator, e.g. punctuation
+        case 'literal':
+            return(/*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($edac158d20ebe4a9$var$LiteralSegment, {
+                segment: segment
+            }));
+        // Editable segment
+        default:
+            return(/*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($edac158d20ebe4a9$var$EditableSegment, {
+                segment: segment,
+                state: state,
+                ...otherProps
+            }));
     }
-  });
-  return /*#__PURE__*/_react.createElement("span", _babelRuntimeHelpersExtends({
-    "aria-hidden": "true",
-    className: classNames($b6d0c479f6b0b3ae6b1bda0e763d0b7$$interop$default, 'react-spectrum-Datepicker-literal')
-  }, pressProps), segment.text);
 }
-
-function $a4d5ef9475d76e07632597e25134d21f$var$EditableSegment(_ref3) {
-  let {
-    segment,
-    state
-  } = _ref3,
-      otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(_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", _babelRuntimeHelpersExtends({
-    ref: ref,
-    className: classNames($b6d0c479f6b0b3ae6b1bda0e763d0b7$$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 $edac158d20ebe4a9$var$LiteralSegment({ segment: segment  }) {
+    return(/*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement("span", {
+        "aria-hidden": "true",
+        className: $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1b6fa0d2ca921da3$exports)), 'react-spectrum-Datepicker-literal'),
+        "data-testid": segment.type === 'literal' ? undefined : segment.type
+    }, segment.text));
+}
+function $edac158d20ebe4a9$var$EditableSegment({ segment: segment , state: state  }) {
+    let ref = $9kQ8p$react.useRef();
+    let { segmentProps: segmentProps  } = $9kQ8p$reactariadatepicker.useDateSegment(segment, state, ref);
+    let { locale: locale  } = $9kQ8p$reactariai18n.useLocale();
+    let parser = $9kQ8p$react.useMemo(()=>new $9kQ8p$internationalizednumber.NumberParser(locale)
+    , [
+        locale
+    ]);
+    let isNumeric = $9kQ8p$react.useMemo(()=>parser.isValidPartialNumber(segment.text)
+    , [
+        segment.text,
+        parser
+    ]);
+    return(/*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement("div", {
+        ...segmentProps,
+        ref: ref,
+        className: $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1b6fa0d2ca921da3$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 $bb1beeb056291dd4835f70688fa2d1$export$DatePickerField(props) {
-  let {
-    isDisabled,
-    isReadOnly,
-    isRequired,
-    inputClassName
-  } = props;
-  let ref = useRef();
-  let {
-    locale
-  } = useLocale();
-  let state = useDatePickerFieldState(_babelRuntimeHelpersExtends({}, props, {
-    locale,
-    createCalendar
-  }));
-  let {
-    fieldProps
-  } = useDateField(props, state, ref);
-  return /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersExtends({}, fieldProps, {
-    className: classNames($b6d0c479f6b0b3ae6b1bda0e763d0b7$$interop$default, 'react-spectrum-Datepicker-segments', inputClassName),
-    ref: ref
-  }), state.segments.map((segment, i) => /*#__PURE__*/_react.createElement($a4d5ef9475d76e07632597e25134d21f$export$DatePickerSegment, {
-    key: i,
-    segment: segment,
-    state: state,
-    isDisabled: isDisabled,
-    isReadOnly: isReadOnly,
-    isRequired: isRequired
-  })));
+
+
+
+
+
+
+function $bd22dc8dad9522bc$export$34dc4cfa15ead1(props) {
+    let { isDisabled: isDisabled , isReadOnly: isReadOnly , isRequired: isRequired , inputClassName: inputClassName  } = props;
+    let ref = $9kQ8p$react.useRef();
+    let { locale: locale  } = $9kQ8p$reactariai18n.useLocale();
+    let state = $9kQ8p$reactstatelydatepicker.useDateFieldState({
+        ...props,
+        locale: locale,
+        createCalendar: $9kQ8p$internationalizeddate.createCalendar
+    });
+    let { fieldProps: fieldProps  } = $9kQ8p$reactariadatepicker.useDateField(props, state, ref);
+    return(/*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement("div", {
+        ...fieldProps,
+        "data-testid": props['data-testid'],
+        className: $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1b6fa0d2ca921da3$exports)), 'react-spectrum-Datepicker-segments', inputClassName),
+        ref: ref
+    }, state.segments.map((segment, i)=>/*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($edac158d20ebe4a9$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 $d6ccebc39ce6c9807064e14b8824ec$exports = {};
-$d6ccebc39ce6c9807064e14b8824ec$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 $d6ccebc39ce6c9807064e14b8824ec$$interop$default = $parcel$interopDefault($d6ccebc39ce6c9807064e14b8824ec$exports);
-
-function $fc05313d559dfe41cbc11f190edaab5f$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($d6ccebc39ce6c9807064e14b8824ec$$interop$default, 'spectrum-Textfield', {
-    'spectrum-Textfield--invalid': isInvalid,
-    'spectrum-Textfield--valid': validationState === 'valid',
-    'spectrum-Textfield--quiet': isQuiet
-  }, classNames($b6d0c479f6b0b3ae6b1bda0e763d0b7$$interop$default, 'react-spectrum-Datepicker-field'), className);
-  let inputClass = classNames($d6ccebc39ce6c9807064e14b8824ec$$interop$default, 'spectrum-Textfield-input', {
-    'is-disabled': isDisabled,
-    'is-invalid': isInvalid
-  }, reservePadding && classNames($b6d0c479f6b0b3ae6b1bda0e763d0b7$$interop$default, 'react-spectrum-Datepicker-input'), inputClassName);
-  let iconClass = classNames($d6ccebc39ce6c9807064e14b8824ec$$interop$default, 'spectrum-Textfield-validationIcon');
-  let validationIcon = null;
-
-  if (validationState === 'invalid') {
-    validationIcon = /*#__PURE__*/_react.createElement(_spectrumIconsUiAlertMedium, {
-      UNSAFE_className: iconClass
+
+
+
+
+
+
+
+
+
+
+
+var $40cb3a00c193680f$exports = {};
+
+$parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield-input", () => $40cb3a00c193680f$export$1ac009feb2b0bd0c, (v) => $40cb3a00c193680f$export$1ac009feb2b0bd0c = v);
+$parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield", () => $40cb3a00c193680f$export$2c8a10299d8b3418, (v) => $40cb3a00c193680f$export$2c8a10299d8b3418 = v);
+$parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield--quiet", () => $40cb3a00c193680f$export$bffd5e3d61a81737, (v) => $40cb3a00c193680f$export$bffd5e3d61a81737 = v);
+$parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield--multiline", () => $40cb3a00c193680f$export$9699f1c538a448a0, (v) => $40cb3a00c193680f$export$9699f1c538a448a0 = v);
+$parcel$export($40cb3a00c193680f$exports, "is-placeholder", () => $40cb3a00c193680f$export$e5b2f5233e4e5194, (v) => $40cb3a00c193680f$export$e5b2f5233e4e5194 = v);
+$parcel$export($40cb3a00c193680f$exports, "is-hovered", () => $40cb3a00c193680f$export$b8813cd5d7824ce7, (v) => $40cb3a00c193680f$export$b8813cd5d7824ce7 = v);
+$parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield--valid", () => $40cb3a00c193680f$export$c2abbc3f970170b7, (v) => $40cb3a00c193680f$export$c2abbc3f970170b7 = v);
+$parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield--invalid", () => $40cb3a00c193680f$export$58e50b10d30123df, (v) => $40cb3a00c193680f$export$58e50b10d30123df = v);
+$parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield--loadable", () => $40cb3a00c193680f$export$14fd30fea6f1348c, (v) => $40cb3a00c193680f$export$14fd30fea6f1348c = v);
+$parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield-validationIcon", () => $40cb3a00c193680f$export$cf0ead5b44db0da3, (v) => $40cb3a00c193680f$export$cf0ead5b44db0da3 = v);
+$parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield-icon", () => $40cb3a00c193680f$export$222d1ccd1870be1d, (v) => $40cb3a00c193680f$export$222d1ccd1870be1d = v);
+$parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield-inputIcon", () => $40cb3a00c193680f$export$c1cdcaa5fe76a871, (v) => $40cb3a00c193680f$export$c1cdcaa5fe76a871 = v);
+$parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield-circleLoader", () => $40cb3a00c193680f$export$82a249fb4d6127, (v) => $40cb3a00c193680f$export$82a249fb4d6127 = v);
+$parcel$export($40cb3a00c193680f$exports, "is-focused", () => $40cb3a00c193680f$export$e7dc768d35940237, (v) => $40cb3a00c193680f$export$e7dc768d35940237 = v);
+$parcel$export($40cb3a00c193680f$exports, "focus-ring", () => $40cb3a00c193680f$export$f39a09f249340e2a, (v) => $40cb3a00c193680f$export$f39a09f249340e2a = v);
+$parcel$export($40cb3a00c193680f$exports, "is-disabled", () => $40cb3a00c193680f$export$d35bc1e505d1ebbf, (v) => $40cb3a00c193680f$export$d35bc1e505d1ebbf = v);
+var $40cb3a00c193680f$export$1ac009feb2b0bd0c;
+var $40cb3a00c193680f$export$2c8a10299d8b3418;
+var $40cb3a00c193680f$export$bffd5e3d61a81737;
+var $40cb3a00c193680f$export$9699f1c538a448a0;
+var $40cb3a00c193680f$export$e5b2f5233e4e5194;
+var $40cb3a00c193680f$export$b8813cd5d7824ce7;
+var $40cb3a00c193680f$export$c2abbc3f970170b7;
+var $40cb3a00c193680f$export$58e50b10d30123df;
+var $40cb3a00c193680f$export$14fd30fea6f1348c;
+var $40cb3a00c193680f$export$cf0ead5b44db0da3;
+var $40cb3a00c193680f$export$222d1ccd1870be1d;
+var $40cb3a00c193680f$export$c1cdcaa5fe76a871;
+var $40cb3a00c193680f$export$82a249fb4d6127;
+var $40cb3a00c193680f$export$e7dc768d35940237;
+var $40cb3a00c193680f$export$f39a09f249340e2a;
+var $40cb3a00c193680f$export$d35bc1e505d1ebbf;
+$40cb3a00c193680f$export$1ac009feb2b0bd0c = "spectrum-Textfield-input_73bc77";
+$40cb3a00c193680f$export$2c8a10299d8b3418 = "spectrum-Textfield_73bc77";
+$40cb3a00c193680f$export$bffd5e3d61a81737 = "spectrum-Textfield--quiet_73bc77";
+$40cb3a00c193680f$export$9699f1c538a448a0 = "spectrum-Textfield--multiline_73bc77";
+$40cb3a00c193680f$export$e5b2f5233e4e5194 = "is-placeholder_73bc77";
+$40cb3a00c193680f$export$b8813cd5d7824ce7 = "is-hovered_73bc77";
+$40cb3a00c193680f$export$c2abbc3f970170b7 = "spectrum-Textfield--valid_73bc77";
+$40cb3a00c193680f$export$58e50b10d30123df = "spectrum-Textfield--invalid_73bc77";
+$40cb3a00c193680f$export$14fd30fea6f1348c = "spectrum-Textfield--loadable_73bc77";
+$40cb3a00c193680f$export$cf0ead5b44db0da3 = "spectrum-Textfield-validationIcon_73bc77";
+$40cb3a00c193680f$export$222d1ccd1870be1d = "spectrum-Textfield-icon_73bc77";
+$40cb3a00c193680f$export$c1cdcaa5fe76a871 = "spectrum-Textfield-inputIcon_73bc77";
+$40cb3a00c193680f$export$82a249fb4d6127 = "spectrum-Textfield-circleLoader_73bc77";
+$40cb3a00c193680f$export$e7dc768d35940237 = "is-focused_73bc77";
+$40cb3a00c193680f$export$f39a09f249340e2a = "focus-ring_73bc77";
+$40cb3a00c193680f$export$d35bc1e505d1ebbf = "is-disabled_73bc77";
+
+
+
+function $c3ebc4931d9b9977$export$f5b8910cec6cf069(props) {
+    let defaultRef = $9kQ8p$react.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] = $9kQ8p$reactspectrumutils.useValueEffect(false);
+    let onResize = $9kQ8p$react.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
+    ]);
+    $9kQ8p$reactariautils.useLayoutEffect(onResize, [
+        onResize
+    ]);
+    $9kQ8p$reactariautils.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.
+    $9kQ8p$reactariautils.useEvent($9kQ8p$react.useRef(window), 'resize', onResize);
+    let isInvalid = validationState === 'invalid';
+    let textfieldClass = $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports)), 'spectrum-Textfield', {
+        'spectrum-Textfield--invalid': isInvalid,
+        'spectrum-Textfield--valid': validationState === 'valid',
+        'spectrum-Textfield--quiet': isQuiet
+    }, $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1b6fa0d2ca921da3$exports)), 'react-spectrum-Datepicker-field'), className);
+    let inputClass = $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports)), 'spectrum-Textfield-input', {
+        'is-disabled': isDisabled,
+        'is-invalid': isInvalid
+    }, reservePadding1 && $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1b6fa0d2ca921da3$exports)), 'react-spectrum-Datepicker-input'), inputClassName);
+    let iconClass = $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports)), 'spectrum-Textfield-validationIcon');
+    let validationIcon = null;
+    if (validationState === 'invalid') validationIcon = /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement(($parcel$interopDefault($9kQ8p$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__*/ ($parcel$interopDefault($9kQ8p$react)).createElement(($parcel$interopDefault($9kQ8p$spectrumiconsuiCheckmarkMedium)), {
+        "data-testid": "valid-icon",
+        UNSAFE_className: iconClass
     });
-  }
-
-  return /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersExtends({}, mergeProps(fieldProps), {
-    className: textfieldClass,
-    style: style
-  }), /*#__PURE__*/_react.createElement(FocusRing, {
-    focusClass: classNames($d6ccebc39ce6c9807064e14b8824ec$$interop$default, 'is-focused'),
-    focusRingClass: classNames($d6ccebc39ce6c9807064e14b8824ec$$interop$default, 'focus-ring'),
-    isTextInput: true,
-    within: true
-  }, /*#__PURE__*/_react.createElement("div", {
-    role: "presentation",
-    className: inputClass
-  }, /*#__PURE__*/_react.createElement("div", {
-    role: "presentation",
-    className: classNames($b6d0c479f6b0b3ae6b1bda0e763d0b7$$interop$default, 'react-spectrum-Datepicker-inputContents'),
-    ref: inputRef
-  }, /*#__PURE__*/_react.createElement(FocusScope, {
-    autoFocus: autoFocus
-  }, children)))), validationIcon);
+    return(/*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement("div", {
+        role: "presentation",
+        ...fieldProps,
+        className: textfieldClass,
+        style: style
+    }, /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($9kQ8p$reactariafocus.FocusRing, {
+        focusClass: $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports)), 'is-focused'),
+        focusRingClass: $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports)), 'focus-ring'),
+        isTextInput: true,
+        within: true
+    }, /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement("div", {
+        role: "presentation",
+        className: inputClass
+    }, /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement("div", {
+        role: "presentation",
+        className: $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1b6fa0d2ca921da3$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 $da042374adac990dbdf960d689b813$exports = {};
-$da042374adac990dbdf960d689b813$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"
-};
-
-function TimeField(props) {
-  props = useProviderProps(props);
-  let {
-    autoFocus,
-    isDisabled,
-    isReadOnly,
-    isRequired,
-    isQuiet
-  } = props;
-  let ref = useRef();
-  let {
-    locale
-  } = useLocale();
-  let state = useTimeFieldState(_babelRuntimeHelpersExtends({}, props, {
-    locale,
-    createCalendar
-  }));
-  let {
-    labelProps,
-    fieldProps,
-    descriptionProps,
-    errorMessageProps
-  } = useDateField(props, state, ref);
-  return /*#__PURE__*/_react.createElement(Field, _babelRuntimeHelpersExtends({}, props, {
-    labelProps: labelProps,
-    descriptionProps: descriptionProps,
-    errorMessageProps: errorMessageProps,
-    validationState: state.validationState,
-    UNSAFE_className: classNames($b6d0c479f6b0b3ae6b1bda0e763d0b7$$interop$default, 'react-spectrum-TimeField-fieldWrapper')
-  }), /*#__PURE__*/_react.createElement($fc05313d559dfe41cbc11f190edaab5f$export$Input, {
-    fieldProps: fieldProps,
-    isDisabled: isDisabled,
-    isQuiet: isQuiet,
-    autoFocus: autoFocus,
-    validationState: state.validationState,
-    inputRef: ref,
-    className: classNames($b6d0c479f6b0b3ae6b1bda0e763d0b7$$interop$default, 'react-spectrum-TimeField')
-  }, state.segments.map((segment, i) => /*#__PURE__*/_react.createElement($a4d5ef9475d76e07632597e25134d21f$export$DatePickerSegment, {
-    key: i,
-    segment: segment,
-    state: state,
-    isDisabled: isDisabled,
-    isReadOnly: isReadOnly,
-    isRequired: isRequired
-  }))));
+
+
+
+
+var $2f86633ce5b04f1e$exports = {};
+
+$parcel$export($2f86633ce5b04f1e$exports, "spectrum-InputGroup", () => $2f86633ce5b04f1e$export$5be359c1227eedcb, (v) => $2f86633ce5b04f1e$export$5be359c1227eedcb = v);
+$parcel$export($2f86633ce5b04f1e$exports, "spectrum-FieldButton", () => $2f86633ce5b04f1e$export$a024c99ecf6b5741, (v) => $2f86633ce5b04f1e$export$a024c99ecf6b5741 = v);
+$parcel$export($2f86633ce5b04f1e$exports, "is-disabled", () => $2f86633ce5b04f1e$export$d35bc1e505d1ebbf, (v) => $2f86633ce5b04f1e$export$d35bc1e505d1ebbf = v);
+$parcel$export($2f86633ce5b04f1e$exports, "spectrum-InputGroup--invalid", () => $2f86633ce5b04f1e$export$3b48509739a9cda0, (v) => $2f86633ce5b04f1e$export$3b48509739a9cda0 = v);
+$parcel$export($2f86633ce5b04f1e$exports, "spectrum-InputGroup--quiet", () => $2f86633ce5b04f1e$export$ebf265ffc062029b, (v) => $2f86633ce5b04f1e$export$ebf265ffc062029b = v);
+$parcel$export($2f86633ce5b04f1e$exports, "spectrum-InputGroup-field", () => $2f86633ce5b04f1e$export$ea77459595e26bec, (v) => $2f86633ce5b04f1e$export$ea77459595e26bec = v);
+$parcel$export($2f86633ce5b04f1e$exports, "spectrum-InputGroup-input-validationIcon", () => $2f86633ce5b04f1e$export$f7ab13ee113f4884, (v) => $2f86633ce5b04f1e$export$f7ab13ee113f4884 = v);
+$parcel$export($2f86633ce5b04f1e$exports, "spectrum-InputGroup-input-circleLoader", () => $2f86633ce5b04f1e$export$dcc9e00cdad967fa, (v) => $2f86633ce5b04f1e$export$dcc9e00cdad967fa = v);
+$parcel$export($2f86633ce5b04f1e$exports, "spectrum-InputGroup-input", () => $2f86633ce5b04f1e$export$92706f5c6fe4074, (v) => $2f86633ce5b04f1e$export$92706f5c6fe4074 = v);
+$parcel$export($2f86633ce5b04f1e$exports, "spectrum-InputGroup-icon", () => $2f86633ce5b04f1e$export$b91b6af799fd93a8, (v) => $2f86633ce5b04f1e$export$b91b6af799fd93a8 = v);
+$parcel$export($2f86633ce5b04f1e$exports, "spectrum-InputGroup-popover--quiet", () => $2f86633ce5b04f1e$export$5e116178f9b1556a, (v) => $2f86633ce5b04f1e$export$5e116178f9b1556a = v);
+$parcel$export($2f86633ce5b04f1e$exports, "spectrum-Datepicker--range", () => $2f86633ce5b04f1e$export$1d8b0b29e11d7cd, (v) => $2f86633ce5b04f1e$export$1d8b0b29e11d7cd = v);
+$parcel$export($2f86633ce5b04f1e$exports, "spectrum-Datepicker--datetimeRange", () => $2f86633ce5b04f1e$export$58dd7cd23c92699f, (v) => $2f86633ce5b04f1e$export$58dd7cd23c92699f = v);
+$parcel$export($2f86633ce5b04f1e$exports, "spectrum-Datepicker-startField", () => $2f86633ce5b04f1e$export$80f9c838a8406469, (v) => $2f86633ce5b04f1e$export$80f9c838a8406469 = v);
+$parcel$export($2f86633ce5b04f1e$exports, "spectrum-Datepicker-endField", () => $2f86633ce5b04f1e$export$1c72fb41fa4f21ee, (v) => $2f86633ce5b04f1e$export$1c72fb41fa4f21ee = v);
+$parcel$export($2f86633ce5b04f1e$exports, "spectrum-Datepicker--rangeDash", () => $2f86633ce5b04f1e$export$202113e883898dc, (v) => $2f86633ce5b04f1e$export$202113e883898dc = v);
+$parcel$export($2f86633ce5b04f1e$exports, "is-focused", () => $2f86633ce5b04f1e$export$e7dc768d35940237, (v) => $2f86633ce5b04f1e$export$e7dc768d35940237 = v);
+$parcel$export($2f86633ce5b04f1e$exports, "spectrum-Datepicker-focusRing", () => $2f86633ce5b04f1e$export$eb262b15b9261fde, (v) => $2f86633ce5b04f1e$export$eb262b15b9261fde = v);
+$parcel$export($2f86633ce5b04f1e$exports, "is-hovered", () => $2f86633ce5b04f1e$export$b8813cd5d7824ce7, (v) => $2f86633ce5b04f1e$export$b8813cd5d7824ce7 = v);
+$parcel$export($2f86633ce5b04f1e$exports, "focus-ring", () => $2f86633ce5b04f1e$export$f39a09f249340e2a, (v) => $2f86633ce5b04f1e$export$f39a09f249340e2a = v);
+$parcel$export($2f86633ce5b04f1e$exports, "is-selected", () => $2f86633ce5b04f1e$export$1e0fb04f31d3c22a, (v) => $2f86633ce5b04f1e$export$1e0fb04f31d3c22a = v);
+$parcel$export($2f86633ce5b04f1e$exports, "spectrum-FieldButton--invalid", () => $2f86633ce5b04f1e$export$c9f503f672e8a3c1, (v) => $2f86633ce5b04f1e$export$c9f503f672e8a3c1 = v);
+var $2f86633ce5b04f1e$export$5be359c1227eedcb;
+var $2f86633ce5b04f1e$export$a024c99ecf6b5741;
+var $2f86633ce5b04f1e$export$d35bc1e505d1ebbf;
+var $2f86633ce5b04f1e$export$3b48509739a9cda0;
+var $2f86633ce5b04f1e$export$ebf265ffc062029b;
+var $2f86633ce5b04f1e$export$ea77459595e26bec;
+var $2f86633ce5b04f1e$export$f7ab13ee113f4884;
+var $2f86633ce5b04f1e$export$dcc9e00cdad967fa;
+var $2f86633ce5b04f1e$export$92706f5c6fe4074;
+var $2f86633ce5b04f1e$export$b91b6af799fd93a8;
+var $2f86633ce5b04f1e$export$5e116178f9b1556a;
+var $2f86633ce5b04f1e$export$1d8b0b29e11d7cd;
+var $2f86633ce5b04f1e$export$58dd7cd23c92699f;
+var $2f86633ce5b04f1e$export$80f9c838a8406469;
+var $2f86633ce5b04f1e$export$1c72fb41fa4f21ee;
+var $2f86633ce5b04f1e$export$202113e883898dc;
+var $2f86633ce5b04f1e$export$e7dc768d35940237;
+var $2f86633ce5b04f1e$export$eb262b15b9261fde;
+var $2f86633ce5b04f1e$export$b8813cd5d7824ce7;
+var $2f86633ce5b04f1e$export$f39a09f249340e2a;
+var $2f86633ce5b04f1e$export$1e0fb04f31d3c22a;
+var $2f86633ce5b04f1e$export$c9f503f672e8a3c1;
+$2f86633ce5b04f1e$export$5be359c1227eedcb = "spectrum-InputGroup_a0942f";
+$2f86633ce5b04f1e$export$a024c99ecf6b5741 = "spectrum-FieldButton_a0942f";
+$2f86633ce5b04f1e$export$d35bc1e505d1ebbf = "is-disabled_a0942f";
+$2f86633ce5b04f1e$export$3b48509739a9cda0 = "spectrum-InputGroup--invalid_a0942f";
+$2f86633ce5b04f1e$export$ebf265ffc062029b = "spectrum-InputGroup--quiet_a0942f";
+$2f86633ce5b04f1e$export$ea77459595e26bec = "spectrum-InputGroup-field_a0942f";
+$2f86633ce5b04f1e$export$f7ab13ee113f4884 = "spectrum-InputGroup-input-validationIcon_a0942f";
+$2f86633ce5b04f1e$export$dcc9e00cdad967fa = "spectrum-InputGroup-input-circleLoader_a0942f";
+$2f86633ce5b04f1e$export$92706f5c6fe4074 = "spectrum-InputGroup-input_a0942f";
+$2f86633ce5b04f1e$export$b91b6af799fd93a8 = "spectrum-InputGroup-icon_a0942f";
+$2f86633ce5b04f1e$export$5e116178f9b1556a = "spectrum-InputGroup-popover--quiet_a0942f";
+$2f86633ce5b04f1e$export$1d8b0b29e11d7cd = "spectrum-Datepicker--range_a0942f";
+$2f86633ce5b04f1e$export$58dd7cd23c92699f = "spectrum-Datepicker--datetimeRange_a0942f";
+$2f86633ce5b04f1e$export$80f9c838a8406469 = "spectrum-Datepicker-startField_a0942f";
+$2f86633ce5b04f1e$export$1c72fb41fa4f21ee = "spectrum-Datepicker-endField_a0942f";
+$2f86633ce5b04f1e$export$202113e883898dc = "spectrum-Datepicker--rangeDash_a0942f";
+$2f86633ce5b04f1e$export$e7dc768d35940237 = "is-focused_a0942f";
+$2f86633ce5b04f1e$export$eb262b15b9261fde = "spectrum-Datepicker-focusRing_a0942f";
+$2f86633ce5b04f1e$export$b8813cd5d7824ce7 = "is-hovered_a0942f";
+$2f86633ce5b04f1e$export$f39a09f249340e2a = "focus-ring_a0942f";
+$2f86633ce5b04f1e$export$1e0fb04f31d3c22a = "is-selected_a0942f";
+$2f86633ce5b04f1e$export$c9f503f672e8a3c1 = "spectrum-FieldButton--invalid_a0942f";
+
+
+var $740ff83729a8f317$exports = {};
+
+$parcel$export($740ff83729a8f317$exports, "TimeField", () => $740ff83729a8f317$export$5eaee2322dd727eb);
+
+
+
+
+
+
+
+
+
+
+function $740ff83729a8f317$export$5eaee2322dd727eb(props) {
+    props = $9kQ8p$reactspectrumprovider.useProviderProps(props);
+    let { autoFocus: autoFocus , isDisabled: isDisabled , isReadOnly: isReadOnly , isRequired: isRequired , isQuiet: isQuiet  } = props;
+    let ref = $9kQ8p$react.useRef();
+    let { locale: locale  } = $9kQ8p$reactariai18n.useLocale();
+    let state = $9kQ8p$reactstatelydatepicker.useTimeFieldState({
+        ...props,
+        locale: locale
+    });
+    let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = $9kQ8p$reactariadatepicker.useTimeField(props, state, ref);
+    return(/*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($9kQ8p$reactspectrumlabel.Field, {
+        ...props,
+        elementType: "span",
+        labelProps: labelProps,
+        descriptionProps: descriptionProps,
+        errorMessageProps: errorMessageProps,
+        validationState: state.validationState,
+        UNSAFE_className: $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1b6fa0d2ca921da3$exports)), 'react-spectrum-TimeField-fieldWrapper')
+    }, /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($c3ebc4931d9b9977$export$f5b8910cec6cf069, {
+        fieldProps: fieldProps,
+        isDisabled: isDisabled,
+        isQuiet: isQuiet,
+        autoFocus: autoFocus,
+        validationState: state.validationState,
+        inputRef: ref,
+        className: $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1b6fa0d2ca921da3$exports)), 'react-spectrum-TimeField')
+    }, state.segments.map((segment, i)=>/*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($edac158d20ebe4a9$export$6388987c5223b54e, {
+            key: i,
+            segment: segment,
+            state: state,
+            isDisabled: isDisabled,
+            isReadOnly: isReadOnly,
+            isRequired: isRequired
+        })
+    ))));
 }
 
-exports.TimeField = TimeField;
 
-function $f1ff9c857707c1ccb13932f572ebbde3$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]);
-}
 
-function $f1ff9c857707c1ccb13932f572ebbde3$export$useVisibleMonths(maxVisibleMonths) {
-  let {
-    scale
-  } = useProvider();
-  let [visibleMonths, setVisibleMonths] = useState($f1ff9c857707c1ccb13932f572ebbde3$var$getVisibleMonths(scale));
-  useLayoutEffect(() => {
-    let onResize = () => setVisibleMonths($f1ff9c857707c1ccb13932f572ebbde3$var$getVisibleMonths(scale));
-
-    onResize();
-    window.addEventListener('resize', onResize);
-    return () => {
-      window.removeEventListener('resize', onResize);
-    };
-  }, [scale]);
-  return Math.max(1, Math.min(visibleMonths, maxVisibleMonths, 3));
-}
 
-function $f1ff9c857707c1ccb13932f572ebbde3$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));
-}
 
-var $da042374adac990dbdf960d689b813$$interop$default = $parcel$interopDefault($da042374adac990dbdf960d689b813$exports);
-
-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($da042374adac990dbdf960d689b813$$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($da042374adac990dbdf960d689b813$$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 = $f1ff9c857707c1ccb13932f572ebbde3$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 = $f1ff9c857707c1ccb13932f572ebbde3$export$useVisibleMonths(maxVisibleMonths);
-  return /*#__PURE__*/_react.createElement(Field, _babelRuntimeHelpersExtends({}, props, {
-    ref: targetRef,
-    description: description,
-    labelProps: labelProps,
-    descriptionProps: descriptionProps,
-    errorMessageProps: errorMessageProps,
-    validationState: state.validationState,
-    UNSAFE_className: classNames($b6d0c479f6b0b3ae6b1bda0e763d0b7$$interop$default, 'react-spectrum-Datepicker-fieldWrapper')
-  }), /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersExtends({}, mergeProps(groupProps, hoverProps, focusProps), {
-    className: className
-  }), /*#__PURE__*/_react.createElement($fc05313d559dfe41cbc11f190edaab5f$export$Input, {
-    isDisabled: isDisabled,
-    isQuiet: isQuiet,
-    validationState: state.validationState,
-    autoFocus: autoFocus,
-    className: classNames($da042374adac990dbdf960d689b813$$interop$default, 'spectrum-InputGroup-field'),
-    inputClassName: fieldClassName
-  }, /*#__PURE__*/_react.createElement($bb1beeb056291dd4835f70688fa2d1$export$DatePickerField, _babelRuntimeHelpersExtends({}, 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, _babelRuntimeHelpersExtends({}, buttonProps, {
-    UNSAFE_className: classNames($da042374adac990dbdf960d689b813$$interop$default, 'spectrum-FieldButton'),
-    isQuiet: isQuiet,
-    validationState: state.validationState,
-    isDisabled: isDisabled || isReadOnly
-  }), /*#__PURE__*/_react.createElement(_spectrumIconsWorkflowCalendar, null)), /*#__PURE__*/_react.createElement(Dialog, _babelRuntimeHelpersExtends({
-    UNSAFE_className: classNames($b6d0c479f6b0b3ae6b1bda0e763d0b7$$interop$default, 'react-spectrum-Datepicker-dialog')
-  }, dialogProps), /*#__PURE__*/_react.createElement(Content, {
-    UNSAFE_className: classNames($b6d0c479f6b0b3ae6b1bda0e763d0b7$$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($b6d0c479f6b0b3ae6b1bda0e763d0b7$$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"
-  })))))));
+
+
+function $4d2e419f522adb48$export$322f4580ccd8dde6(props) {
+    let formatter = $9kQ8p$reactariai18n.useDateFormatter({
+        dateStyle: 'short'
+    });
+    let displayNames = $9kQ8p$reactariadatepicker.useDisplayNames();
+    return $9kQ8p$react.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 $4d2e419f522adb48$export$12ce2869ce471b1f(maxVisibleMonths) {
+    let { scale: scale  } = $9kQ8p$reactspectrumprovider.useProvider();
+    let [visibleMonths, setVisibleMonths] = $9kQ8p$react.useState($4d2e419f522adb48$var$getVisibleMonths(scale));
+    $9kQ8p$reactariautils.useLayoutEffect(()=>{
+        let onResize = ()=>setVisibleMonths($4d2e419f522adb48$var$getVisibleMonths(scale))
+        ;
+        onResize();
+        window.addEventListener('resize', onResize);
+        return ()=>{
+            window.removeEventListener('resize', onResize);
+        };
+    }, [
+        scale
+    ]);
+    return Math.max(1, Math.min(visibleMonths, maxVisibleMonths, 3));
+}
+function $4d2e419f522adb48$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));
 }
 
-exports.DatePicker = DatePicker;
-
-function DateRangePicker(props) {
-  var _state$timeRange, _state$timeRange2;
-
-  props = useProviderProps(props);
-
-  let {
-    isQuiet,
-    isDisabled,
-    isReadOnly,
-    isRequired,
-    autoFocus,
-    placeholderValue,
-    maxVisibleMonths = 1
-  } = props,
-      otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(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($da042374adac990dbdf960d689b813$$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($da042374adac990dbdf960d689b813$$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 = $f1ff9c857707c1ccb13932f572ebbde3$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 = $f1ff9c857707c1ccb13932f572ebbde3$export$useVisibleMonths(maxVisibleMonths);
-  return /*#__PURE__*/_react.createElement(Field, _babelRuntimeHelpersExtends({}, props, {
-    ref: targetRef,
-    description: description,
-    labelProps: labelProps,
-    descriptionProps: descriptionProps,
-    errorMessageProps: errorMessageProps,
-    validationState: state.validationState,
-    UNSAFE_className: classNames($b6d0c479f6b0b3ae6b1bda0e763d0b7$$interop$default, 'react-spectrum-Datepicker-fieldWrapper')
-  }), /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersExtends({}, styleProps, mergeProps(groupProps, hoverProps, focusProps), {
-    className: className
-  }), /*#__PURE__*/_react.createElement($fc05313d559dfe41cbc11f190edaab5f$export$Input, {
-    isDisabled: isDisabled,
-    isQuiet: isQuiet,
-    validationState: state.validationState,
-    autoFocus: autoFocus,
-    className: classNames($da042374adac990dbdf960d689b813$$interop$default, 'spectrum-InputGroup-field'),
-    inputClassName: fieldClassName
-  }, /*#__PURE__*/_react.createElement($bb1beeb056291dd4835f70688fa2d1$export$DatePickerField, _babelRuntimeHelpersExtends({}, 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($b6d0c479f6b0b3ae6b1bda0e763d0b7$$interop$default, 'react-spectrum-Datepicker-startField')
-  })), /*#__PURE__*/_react.createElement($ba91a2bde73306c4b85ccbc76fb468fc$var$DateRangeDash, null), /*#__PURE__*/_react.createElement($bb1beeb056291dd4835f70688fa2d1$export$DatePickerField, _babelRuntimeHelpersExtends({}, 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($da042374adac990dbdf960d689b813$$interop$default, 'spectrum-Datepicker-endField', classNames($b6d0c479f6b0b3ae6b1bda0e763d0b7$$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, _babelRuntimeHelpersExtends({}, buttonProps, {
-    UNSAFE_className: classNames($da042374adac990dbdf960d689b813$$interop$default, 'spectrum-FieldButton'),
-    isQuiet: isQuiet,
-    validationState: state.validationState,
-    isDisabled: isDisabled || isReadOnly
-  }), /*#__PURE__*/_react.createElement(_spectrumIconsWorkflowCalendar, null)), /*#__PURE__*/_react.createElement(Dialog, _babelRuntimeHelpersExtends({
-    UNSAFE_className: classNames($b6d0c479f6b0b3ae6b1bda0e763d0b7$$interop$default, 'react-spectrum-Datepicker-dialog')
-  }, dialogProps), /*#__PURE__*/_react.createElement(Content, {
-    UNSAFE_className: classNames($b6d0c479f6b0b3ae6b1bda0e763d0b7$$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($b6d0c479f6b0b3ae6b1bda0e763d0b7$$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 $5c1ddf85d7c27889$export$5109c6dd95d8fb00(props) {
+    props = $9kQ8p$reactspectrumprovider.useProviderProps(props);
+    let { autoFocus: autoFocus , isQuiet: isQuiet , isDisabled: isDisabled , isReadOnly: isReadOnly , placeholderValue: placeholderValue , maxVisibleMonths: maxVisibleMonths = 1  } = props;
+    let { hoverProps: hoverProps , isHovered: isHovered  } = $9kQ8p$reactariainteractions.useHover({
+        isDisabled: isDisabled
+    });
+    let targetRef = $9kQ8p$react.useRef();
+    let state = $9kQ8p$reactstatelydatepicker.useDatePickerState({
+        ...props,
+        shouldCloseOnSelect: ()=>!state.hasTime
+    });
+    let { groupProps: groupProps , labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps , buttonProps: buttonProps , dialogProps: dialogProps , calendarProps: calendarProps  } = $9kQ8p$reactariadatepicker.useDatePicker(props, state, targetRef);
+    let { isOpen: isOpen , setOpen: setOpen  } = state;
+    let { direction: direction  } = $9kQ8p$reactariai18n.useLocale();
+    let { isFocused: isFocused , isFocusVisible: isFocusVisible , focusProps: focusProps  } = $9kQ8p$reactariafocus.useFocusRing({
+        within: true,
+        isTextInput: true,
+        autoFocus: autoFocus
+    });
+    let className = $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$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 = $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$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 = $4d2e419f522adb48$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 = $4d2e419f522adb48$export$12ce2869ce471b1f(maxVisibleMonths);
+    return(/*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($9kQ8p$reactspectrumlabel.Field, {
+        ...props,
+        elementType: "span",
+        ref: targetRef,
+        description: description,
+        labelProps: labelProps,
+        descriptionProps: descriptionProps,
+        errorMessageProps: errorMessageProps,
+        validationState: state.validationState,
+        UNSAFE_className: $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1b6fa0d2ca921da3$exports)), 'react-spectrum-Datepicker-fieldWrapper')
+    }, /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement("div", {
+        ...$9kQ8p$reactariautils.mergeProps(groupProps, hoverProps, focusProps),
+        className: className
+    }, /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($c3ebc4931d9b9977$export$f5b8910cec6cf069, {
+        isDisabled: isDisabled,
+        isQuiet: isQuiet,
+        validationState: state.validationState,
+        className: $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$exports)), 'spectrum-InputGroup-field'),
+        inputClassName: fieldClassName
+    }, /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($bd22dc8dad9522bc$export$34dc4cfa15ead1, {
+        ...fieldProps,
+        "data-testid": "date-field",
+        isQuiet: isQuiet,
+        inputClassName: fieldClassName
+    })), /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($9kQ8p$reactspectrumdialog.DialogTrigger, {
+        type: "popover",
+        mobileType: "tray",
+        placement: direction === 'rtl' ? 'bottom right' : 'bottom left',
+        targetRef: targetRef,
+        hideArrow: true,
+        isOpen: isOpen,
+        onOpenChange: setOpen
+    }, /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($9kQ8p$reactspectrumbutton.FieldButton, {
+        ...buttonProps,
+        UNSAFE_className: $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$exports)), 'spectrum-FieldButton'),
+        isQuiet: isQuiet,
+        validationState: state.validationState,
+        isDisabled: isDisabled || isReadOnly
+    }, /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement(($parcel$interopDefault($9kQ8p$spectrumiconsworkflowCalendar)), null)), /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($9kQ8p$reactspectrumdialog.Dialog, {
+        UNSAFE_className: $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1b6fa0d2ca921da3$exports)), 'react-spectrum-Datepicker-dialog'),
+        ...dialogProps
+    }, /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($9kQ8p$reactspectrumview.Content, {
+        UNSAFE_className: $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1b6fa0d2ca921da3$exports)), 'react-spectrum-Datepicker-dialogContent')
+    }, /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($9kQ8p$reactspectrumcalendar.Calendar, {
+        ...calendarProps,
+        visibleMonths: visibleMonths
+    }), showTimeField && /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement("div", {
+        className: $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1b6fa0d2ca921da3$exports)), 'react-spectrum-Datepicker-timeFields')
+    }, /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($740ff83729a8f317$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"
+    }))))))));
 }
 
-exports.DateRangePicker = DateRangePicker;
 
-function $ba91a2bde73306c4b85ccbc76fb468fc$var$DateRangeDash() {
-  return /*#__PURE__*/_react.createElement("div", {
-    "aria-hidden": "true",
-    className: classNames($b6d0c479f6b0b3ae6b1bda0e763d0b7$$interop$default, 'react-spectrum-Datepicker-rangeDash')
-  });
+var $16cafb71dac155a4$exports = {};
+
+$parcel$export($16cafb71dac155a4$exports, "DateRangePicker", () => $16cafb71dac155a4$export$17334619f3ac2224);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function $16cafb71dac155a4$export$17334619f3ac2224(props) {
+    var ref, ref1;
+    props = $9kQ8p$reactspectrumprovider.useProviderProps(props);
+    let { isQuiet: isQuiet , isDisabled: isDisabled , isReadOnly: isReadOnly , autoFocus: autoFocus , placeholderValue: placeholderValue , maxVisibleMonths: maxVisibleMonths = 1 , ...otherProps } = props;
+    let { styleProps: styleProps  } = $9kQ8p$reactspectrumutils.useStyleProps(otherProps);
+    let { hoverProps: hoverProps , isHovered: isHovered  } = $9kQ8p$reactariainteractions.useHover({
+        isDisabled: isDisabled
+    });
+    let targetRef = $9kQ8p$react.useRef();
+    let state = $9kQ8p$reactstatelydatepicker.useDateRangePickerState({
+        ...props,
+        shouldCloseOnSelect: ()=>!state.hasTime
+    });
+    let { labelProps: labelProps , groupProps: groupProps , buttonProps: buttonProps , dialogProps: dialogProps , startFieldProps: startFieldProps , endFieldProps: endFieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps , calendarProps: calendarProps  } = $9kQ8p$reactariadatepicker.useDateRangePicker(props, state, targetRef);
+    let { isOpen: isOpen , setOpen: setOpen  } = state;
+    let { direction: direction  } = $9kQ8p$reactariai18n.useLocale();
+    let { isFocused: isFocused , isFocusVisible: isFocusVisible , focusProps: focusProps  } = $9kQ8p$reactariafocus.useFocusRing({
+        within: true,
+        isTextInput: true,
+        autoFocus: autoFocus
+    });
+    let className = $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$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 = $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$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 = $4d2e419f522adb48$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 = $4d2e419f522adb48$export$12ce2869ce471b1f(maxVisibleMonths);
+    return(/*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($9kQ8p$reactspectrumlabel.Field, {
+        ...props,
+        elementType: "span",
+        ref: targetRef,
+        description: description,
+        labelProps: labelProps,
+        descriptionProps: descriptionProps,
+        errorMessageProps: errorMessageProps,
+        validationState: state.validationState,
+        UNSAFE_className: $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1b6fa0d2ca921da3$exports)), 'react-spectrum-Datepicker-fieldWrapper')
+    }, /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement("div", {
+        ...styleProps,
+        ...$9kQ8p$reactariautils.mergeProps(groupProps, hoverProps, focusProps),
+        className: className
+    }, /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($c3ebc4931d9b9977$export$f5b8910cec6cf069, {
+        isDisabled: isDisabled,
+        isQuiet: isQuiet,
+        validationState: state.validationState,
+        className: $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$exports)), 'spectrum-InputGroup-field'),
+        inputClassName: fieldClassName
+    }, /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($bd22dc8dad9522bc$export$34dc4cfa15ead1, {
+        ...startFieldProps,
+        "data-testid": "start-date",
+        isQuiet: props.isQuiet,
+        inputClassName: $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1b6fa0d2ca921da3$exports)), 'react-spectrum-Datepicker-startField')
+    }), /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($16cafb71dac155a4$var$DateRangeDash, null), /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($bd22dc8dad9522bc$export$34dc4cfa15ead1, {
+        ...endFieldProps,
+        "data-testid": "end-date",
+        isQuiet: props.isQuiet,
+        inputClassName: $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$exports)), 'spectrum-Datepicker-endField', $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1b6fa0d2ca921da3$exports)), 'react-spectrum-Datepicker-endField'))
+    })), /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($9kQ8p$reactspectrumdialog.DialogTrigger, {
+        type: "popover",
+        mobileType: "tray",
+        placement: direction === 'rtl' ? 'bottom right' : 'bottom left',
+        targetRef: targetRef,
+        hideArrow: true,
+        isOpen: isOpen,
+        onOpenChange: setOpen
+    }, /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($9kQ8p$reactspectrumbutton.FieldButton, {
+        ...buttonProps,
+        UNSAFE_className: $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$exports)), 'spectrum-FieldButton'),
+        isQuiet: isQuiet,
+        validationState: state.validationState,
+        isDisabled: isDisabled || isReadOnly
+    }, /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement(($parcel$interopDefault($9kQ8p$spectrumiconsworkflowCalendar)), null)), /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($9kQ8p$reactspectrumdialog.Dialog, {
+        UNSAFE_className: $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1b6fa0d2ca921da3$exports)), 'react-spectrum-Datepicker-dialog'),
+        ...dialogProps
+    }, /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($9kQ8p$reactspectrumview.Content, {
+        UNSAFE_className: $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1b6fa0d2ca921da3$exports)), 'react-spectrum-Datepicker-dialogContent')
+    }, /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($9kQ8p$reactspectrumcalendar.RangeCalendar, {
+        ...calendarProps,
+        visibleMonths: visibleMonths
+    }), showTimeField && /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($9kQ8p$reactspectrumlayout.Flex, {
+        gap: "size-100",
+        marginTop: "size-100",
+        UNSAFE_className: $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1b6fa0d2ca921da3$exports)), 'react-spectrum-Datepicker-timeFields')
+    }, /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($740ff83729a8f317$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__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($740ff83729a8f317$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
+    }))))))));
+}
+function $16cafb71dac155a4$var$DateRangeDash() {
+    return(/*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement("div", {
+        "aria-hidden": "true",
+        "data-testid": "date-range-dash",
+        className: $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1b6fa0d2ca921da3$exports)), 'react-spectrum-Datepicker-rangeDash')
+    }));
 }
 
-function DateField(props) {
-  props = useProviderProps(props);
-  let {
-    autoFocus,
-    isDisabled,
-    isReadOnly,
-    isRequired,
-    isQuiet
-  } = props;
-  let ref = useRef();
-  let {
-    locale
-  } = useLocale();
-  let state = useDatePickerFieldState(_babelRuntimeHelpersExtends({}, 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 = $f1ff9c857707c1ccb13932f572ebbde3$export$useFormatHelpText(props);
-
-  if (description && !props.description) {
-    descriptionProps.id = null;
-  }
-
-  return /*#__PURE__*/_react.createElement(Field, _babelRuntimeHelpersExtends({}, props, {
-    description: description,
-    labelProps: labelProps,
-    descriptionProps: descriptionProps,
-    errorMessageProps: errorMessageProps,
-    validationState: state.validationState,
-    UNSAFE_className: classNames($b6d0c479f6b0b3ae6b1bda0e763d0b7$$interop$default, 'react-spectrum-Datepicker-fieldWrapper')
-  }), /*#__PURE__*/_react.createElement($fc05313d559dfe41cbc11f190edaab5f$export$Input, {
-    fieldProps: fieldProps,
-    isDisabled: isDisabled,
-    isQuiet: isQuiet,
-    autoFocus: autoFocus,
-    validationState: state.validationState,
-    inputRef: ref,
-    className: classNames($b6d0c479f6b0b3ae6b1bda0e763d0b7$$interop$default, 'react-spectrum-DateField')
-  }, state.segments.map((segment, i) => /*#__PURE__*/_react.createElement($a4d5ef9475d76e07632597e25134d21f$export$DatePickerSegment, {
-    key: i,
-    segment: segment,
-    state: state,
-    isDisabled: isDisabled,
-    isReadOnly: isReadOnly,
-    isRequired: isRequired
-  }))));
+
+
+var $1ab74d2cd1dc2e45$exports = {};
+
+$parcel$export($1ab74d2cd1dc2e45$exports, "DateField", () => $1ab74d2cd1dc2e45$export$d9781c7894a82487);
+
+
+
+
+
+
+
+
+
+
+
+
+function $1ab74d2cd1dc2e45$export$d9781c7894a82487(props) {
+    props = $9kQ8p$reactspectrumprovider.useProviderProps(props);
+    let { autoFocus: autoFocus , isDisabled: isDisabled , isReadOnly: isReadOnly , isRequired: isRequired , isQuiet: isQuiet  } = props;
+    let ref = $9kQ8p$react.useRef();
+    let { locale: locale  } = $9kQ8p$reactariai18n.useLocale();
+    let state = $9kQ8p$reactstatelydatepicker.useDateFieldState({
+        ...props,
+        locale: locale,
+        createCalendar: $9kQ8p$internationalizeddate.createCalendar
+    });
+    let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = $9kQ8p$reactariadatepicker.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 = $4d2e419f522adb48$export$322f4580ccd8dde6(props);
+    if (description && !props.description) descriptionProps.id = null;
+    return(/*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($9kQ8p$reactspectrumlabel.Field, {
+        ...props,
+        elementType: "span",
+        description: description,
+        labelProps: labelProps,
+        descriptionProps: descriptionProps,
+        errorMessageProps: errorMessageProps,
+        validationState: state.validationState,
+        UNSAFE_className: $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1b6fa0d2ca921da3$exports)), 'react-spectrum-Datepicker-fieldWrapper')
+    }, /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($c3ebc4931d9b9977$export$f5b8910cec6cf069, {
+        fieldProps: fieldProps,
+        isDisabled: isDisabled,
+        isQuiet: isQuiet,
+        autoFocus: autoFocus,
+        validationState: state.validationState,
+        inputRef: ref,
+        className: $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1b6fa0d2ca921da3$exports)), 'react-spectrum-DateField')
+    }, state.segments.map((segment, i)=>/*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($edac158d20ebe4a9$export$6388987c5223b54e, {
+            key: i,
+            segment: segment,
+            state: state,
+            isDisabled: isDisabled,
+            isReadOnly: isReadOnly,
+            isRequired: isRequired
+        })
+    ))));
 }
 
-exports.DateField = DateField;
+
+$parcel$exportWildcard(module.exports, $5c1ddf85d7c27889$exports);
+$parcel$exportWildcard(module.exports, $16cafb71dac155a4$exports);
+$parcel$exportWildcard(module.exports, $740ff83729a8f317$exports);
+$parcel$exportWildcard(module.exports, $1ab74d2cd1dc2e45$exports);
+
+
 //# sourceMappingURL=main.js.map