@react-spectrum/datepicker 3.3.0 → 3.3.1

package/dist/module.js

@@ -25,13 +25,54 @@ function $parcel$interopDefault(a) {
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
-
-
-
-
-
-
-
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ /// <reference types="css-module-types" />
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
 
 var $465eb3a688ef3440$exports = {};
 
@@ -104,45 +145,45 @@ $465eb3a688ef3440$export$8d47712a13573e39 = "react-spectrum-Datepicker-timeField
 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, {
+        case "literal":
+            return /*#__PURE__*/ (0, $aayOp$react).createElement($cfa347761f172638$var$LiteralSegment, {
                 segment: segment
-            }));
+            });
         // Editable segment
         default:
-            return(/*#__PURE__*/ $aayOp$react.createElement($cfa347761f172638$var$EditableSegment, {
+            return /*#__PURE__*/ (0, $aayOp$react).createElement($cfa347761f172638$var$EditableSegment, {
                 segment: segment,
                 state: state,
                 ...otherProps
-            }));
+            });
     }
 }
 function $cfa347761f172638$var$LiteralSegment({ segment: segment  }) {
-    return(/*#__PURE__*/ $aayOp$react.createElement("span", {
+    return /*#__PURE__*/ (0, $aayOp$react).createElement("span", {
         "aria-hidden": "true",
-        className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports)), 'react-spectrum-Datepicker-literal'),
-        "data-testid": segment.type === 'literal' ? undefined : segment.type
-    }, segment.text));
+        className: (0, $aayOp$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$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);
-    return(/*#__PURE__*/ $aayOp$react.createElement("div", {
+    let ref = (0, $aayOp$useRef)();
+    let { segmentProps: segmentProps  } = (0, $aayOp$useDateSegment)(segment, state, ref);
+    return /*#__PURE__*/ (0, $aayOp$react).createElement("div", {
         ...segmentProps,
         ref: ref,
-        className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports)), 'react-spectrum-DatePicker-cell', {
-            'is-placeholder': segment.isPlaceholder,
-            'is-read-only': !segment.isEditable
+        className: (0, $aayOp$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports))), "react-spectrum-DatePicker-cell", {
+            "is-placeholder": segment.isPlaceholder,
+            "is-read-only": !segment.isEditable
         }),
         style: {
             ...segmentProps.style,
-            minWidth: segment.maxValue != null ? String(segment.maxValue).length + 'ch' : null
+            minWidth: segment.maxValue != null ? String(segment.maxValue).length + "ch" : null
         },
         "data-testid": segment.type
-    }, /*#__PURE__*/ $aayOp$react.createElement("span", {
+    }, /*#__PURE__*/ (0, $aayOp$react).createElement("span", {
         "aria-hidden": "true",
-        className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports)), 'react-spectrum-DatePicker-placeholder')
-    }, segment.placeholder), segment.isPlaceholder ? '' : segment.text));
+        className: (0, $aayOp$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports))), "react-spectrum-DatePicker-placeholder")
+    }, segment.placeholder), segment.isPlaceholder ? "" : segment.text);
 }
 
 
@@ -153,28 +194,27 @@ function $cfa347761f172638$var$EditableSegment({ segment: segment , state: state
 
 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({
+    let ref = (0, $aayOp$useRef)();
+    let { locale: locale  } = (0, $aayOp$useLocale)();
+    let state = (0, $aayOp$useDateFieldState)({
         ...props,
         locale: locale,
         createCalendar: $aayOp$createCalendar
     });
-    let { fieldProps: fieldProps  } = $aayOp$useDateField(props, state, ref);
-    return(/*#__PURE__*/ $aayOp$react.createElement("div", {
+    let { fieldProps: fieldProps  } = (0, $aayOp$useDateField)(props, state, ref);
+    return /*#__PURE__*/ (0, $aayOp$react).createElement("div", {
         ...fieldProps,
-        "data-testid": props['data-testid'],
-        className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports)), 'react-spectrum-Datepicker-segments', inputClassName),
+        "data-testid": props["data-testid"],
+        className: (0, $aayOp$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports))), "react-spectrum-Datepicker-segments", inputClassName),
         ref: ref
-    }, state.segments.map((segment, i)=>/*#__PURE__*/ $aayOp$react.createElement($cfa347761f172638$export$6388987c5223b54e, {
+    }, state.segments.map((segment, i)=>/*#__PURE__*/ (0, $aayOp$react).createElement((0, $cfa347761f172638$export$6388987c5223b54e), {
             key: i,
             segment: segment,
             state: state,
             isDisabled: isDisabled,
             isReadOnly: isReadOnly,
             isRequired: isRequired
-        })
-    )));
+        })));
 }
 
 
@@ -182,7 +222,17 @@ function $d2bb88c82604b25f$export$34dc4cfa15ead1(props) {
 
 
 
-
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
 
 
 
@@ -248,13 +298,13 @@ $c14528ddc146317f$export$d35bc1e505d1ebbf = "is-disabled_73bc77";
 
 
 function $79348162c55d687f$var$Input(props, ref) {
-    let inputRef = $aayOp$useRef(null);
+    let inputRef = (0, $aayOp$useRef)(null);
     let { isDisabled: isDisabled , isQuiet: isQuiet , inputClassName: inputClassName , validationState: validationState , children: children , fieldProps: fieldProps , className: className , style: style , disableFocusRing: disableFocusRing  } = 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) {
+    let [reservePadding, setReservePadding] = (0, $aayOp$useValueEffect)(false);
+    let onResize = (0, $aayOp$useCallback)(()=>setReservePadding(function*(reservePadding) {
             if (inputRef.current) {
                 if (reservePadding) // Try to collapse padding if the content is clipped.
                 {
@@ -266,21 +316,20 @@ function $79348162c55d687f$var$Input(props, ref) {
                     }
                 } else // Try to add padding if the content is not clipped.
                 if (inputRef.current.offsetWidth >= inputRef.current.scrollWidth) {
-                    let width = inputRef.current.parentElement.offsetWidth;
+                    let width1 = 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;
+                    if (inputRef.current.parentElement.offsetWidth === width1) yield false;
                 }
             }
-        })
-    , [
+        }), [
         inputRef,
         setReservePadding
     ]);
-    $aayOp$useLayoutEffect(onResize, [
+    (0, $aayOp$useLayoutEffect)(onResize, [
         onResize
     ]);
-    $aayOp$useResizeObserver({
+    (0, $aayOp$useResizeObserver)({
         ref: inputRef,
         onResize: onResize
     });
@@ -288,48 +337,48 @@ function $79348162c55d687f$var$Input(props, ref) {
     // 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(typeof window !== 'undefined' ? window : null), 'resize', onResize);
-    let { focusProps: focusProps , isFocusVisible: isFocusVisible , isFocused: isFocused  } = $aayOp$useFocusRing({
+    (0, $aayOp$useEvent)((0, $aayOp$useRef)(typeof window !== "undefined" ? window : null), "resize", onResize);
+    let { focusProps: focusProps , isFocusVisible: isFocusVisible , isFocused: isFocused  } = (0, $aayOp$useFocusRing)({
         isTextInput: true,
         within: true
     });
-    let isInvalid = validationState === 'invalid' && !isDisabled;
-    let textfieldClass = $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports)), 'spectrum-Textfield', {
-        'spectrum-Textfield--invalid': isInvalid,
-        'spectrum-Textfield--valid': validationState === 'valid' && !isDisabled,
-        'spectrum-Textfield--quiet': isQuiet,
-        'focus-ring': isFocusVisible && !disableFocusRing
-    }, $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports)), 'react-spectrum-Datepicker-field'), className);
-    let inputClass = $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports)), 'spectrum-Textfield-input', {
-        'is-disabled': isDisabled,
-        'is-invalid': isInvalid,
-        'is-focused': isFocused
-    }, reservePadding1 && $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports)), 'react-spectrum-Datepicker-input'), inputClassName);
-    let iconClass = $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports)), 'spectrum-Textfield-validationIcon');
+    let isInvalid = validationState === "invalid" && !isDisabled;
+    let textfieldClass = (0, $aayOp$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports))), "spectrum-Textfield", {
+        "spectrum-Textfield--invalid": isInvalid,
+        "spectrum-Textfield--valid": validationState === "valid" && !isDisabled,
+        "spectrum-Textfield--quiet": isQuiet,
+        "focus-ring": isFocusVisible && !disableFocusRing
+    }, (0, $aayOp$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports))), "react-spectrum-Datepicker-field"), className);
+    let inputClass = (0, $aayOp$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports))), "spectrum-Textfield-input", {
+        "is-disabled": isDisabled,
+        "is-invalid": isInvalid,
+        "is-focused": isFocused
+    }, reservePadding && (0, $aayOp$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports))), "react-spectrum-Datepicker-input"), inputClassName);
+    let iconClass = (0, $aayOp$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports))), "spectrum-Textfield-validationIcon");
     let validationIcon = null;
-    if (validationState === 'invalid' && !isDisabled) validationIcon = /*#__PURE__*/ $aayOp$react.createElement($aayOp$spectrumiconsuiAlertMedium, {
+    if (validationState === "invalid" && !isDisabled) validationIcon = /*#__PURE__*/ (0, $aayOp$react).createElement((0, $aayOp$spectrumiconsuiAlertMedium), {
         "data-testid": "invalid-icon",
         UNSAFE_className: iconClass
     });
-    else if (validationState === 'valid' && !isDisabled) validationIcon = /*#__PURE__*/ $aayOp$react.createElement($aayOp$spectrumiconsuiCheckmarkMedium, {
+    else if (validationState === "valid" && !isDisabled) validationIcon = /*#__PURE__*/ (0, $aayOp$react).createElement((0, $aayOp$spectrumiconsuiCheckmarkMedium), {
         "data-testid": "valid-icon",
         UNSAFE_className: iconClass
     });
-    return(/*#__PURE__*/ $aayOp$react.createElement("div", {
+    return /*#__PURE__*/ (0, $aayOp$react).createElement("div", {
         role: "presentation",
-        ...$aayOp$mergeProps(fieldProps, focusProps),
+        ...(0, $aayOp$mergeProps)(fieldProps, focusProps),
         className: textfieldClass,
         style: style
-    }, /*#__PURE__*/ $aayOp$react.createElement("div", {
+    }, /*#__PURE__*/ (0, $aayOp$react).createElement("div", {
         role: "presentation",
         className: inputClass
-    }, /*#__PURE__*/ $aayOp$react.createElement("div", {
+    }, /*#__PURE__*/ (0, $aayOp$react).createElement("div", {
         role: "presentation",
-        className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports)), 'react-spectrum-Datepicker-inputContents'),
-        ref: $aayOp$mergeRefs(ref, inputRef)
-    }, children)), validationIcon));
+        className: (0, $aayOp$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports))), "react-spectrum-Datepicker-inputContents"),
+        ref: (0, $aayOp$mergeRefs)(ref, inputRef)
+    }, children)), validationIcon);
 }
-const $79348162c55d687f$export$f5b8910cec6cf069 = /*#__PURE__*/ $aayOp$react.forwardRef($79348162c55d687f$var$Input);
+const $79348162c55d687f$export$f5b8910cec6cf069 = /*#__PURE__*/ (0, $aayOp$react).forwardRef($79348162c55d687f$var$Input);
 
 
 var $71a986712918c3de$exports = {};
@@ -716,13 +765,33 @@ $8fb52a80fe52b1c7$export$1e0fb04f31d3c22a = "is-selected_a0942f";
 $8fb52a80fe52b1c7$export$c9f503f672e8a3c1 = "spectrum-FieldButton--invalid_a0942f";
 
 
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
 
 
 
 
 
-
-
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
 
 
 
@@ -730,17 +799,17 @@ $8fb52a80fe52b1c7$export$c9f503f672e8a3c1 = "spectrum-FieldButton--invalid_a0942
 
 
 function $04e96200274b03de$export$322f4580ccd8dde6(props) {
-    let formatter = $aayOp$useDateFormatter({
-        dateStyle: 'short'
+    let formatter = (0, $aayOp$useDateFormatter)({
+        dateStyle: "short"
     });
-    let displayNames = $aayOp$useDisplayNames();
-    return $aayOp$useMemo(()=>{
+    let displayNames = (0, $aayOp$useDisplayNames)();
+    return (0, $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;
+            if (s.type === "literal") return s.value;
             return displayNames.of(s.type);
-        }).join(' ');
-        return '';
+        }).join(" ");
+        return "";
     }, [
         props.description,
         props.showFormatHelpText,
@@ -749,15 +818,14 @@ function $04e96200274b03de$export$322f4580ccd8dde6(props) {
     ]);
 }
 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))
-        ;
+    let { scale: scale  } = (0, $aayOp$useProvider)();
+    let [visibleMonths, setVisibleMonths] = (0, $aayOp$useState)($04e96200274b03de$var$getVisibleMonths(scale));
+    (0, $aayOp$useLayoutEffect)(()=>{
+        let onResize = ()=>setVisibleMonths($04e96200274b03de$var$getVisibleMonths(scale));
         onResize();
-        window.addEventListener('resize', onResize);
+        window.addEventListener("resize", onResize);
         return ()=>{
-            window.removeEventListener('resize', onResize);
+            window.removeEventListener("resize", onResize);
         };
     }, [
         scale
@@ -765,23 +833,22 @@ function $04e96200274b03de$export$12ce2869ce471b1f(maxVisibleMonths) {
     return Math.max(1, Math.min(visibleMonths, maxVisibleMonths, 3));
 }
 function $04e96200274b03de$var$getVisibleMonths(scale) {
-    if (typeof window === 'undefined') return 1;
-    let monthWidth = scale === 'large' ? 336 : 280;
-    let gap = scale === 'large' ? 30 : 24;
-    let popoverPadding = scale === 'large' ? 32 : 48;
+    if (typeof window === "undefined") return 1;
+    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 $04e96200274b03de$export$71a23a36270e4bf0(ref) {
-    let domRef = $aayOp$useRef();
-    $aayOp$useImperativeHandle(ref, ()=>({
-            ...$aayOp$createDOMRef(domRef),
+    let domRef = (0, $aayOp$useRef)();
+    (0, $aayOp$useImperativeHandle)(ref, ()=>({
+            ...(0, $aayOp$createDOMRef)(domRef),
             focus () {
-                $aayOp$createFocusManager(domRef).focusFirst({
+                (0, $aayOp$createFocusManager)(domRef).focusFirst({
                     tabbable: true
                 });
             }
-        })
-    );
+        }));
     return domRef;
 }
 
@@ -791,17 +858,17 @@ function $04e96200274b03de$export$71a23a36270e4bf0(ref) {
 
 
 function $f0a04554754386b6$var$TimeField(props, ref) {
-    props = $aayOp$useProviderProps(props);
+    props = (0, $aayOp$useProviderProps)(props);
     let { autoFocus: autoFocus , isDisabled: isDisabled , isReadOnly: isReadOnly , isRequired: isRequired , isQuiet: isQuiet  } = props;
-    let domRef = $04e96200274b03de$export$71a23a36270e4bf0(ref);
-    let { locale: locale  } = $aayOp$useLocale();
-    let state = $aayOp$useTimeFieldState({
+    let domRef = (0, $04e96200274b03de$export$71a23a36270e4bf0)(ref);
+    let { locale: locale  } = (0, $aayOp$useLocale)();
+    let state = (0, $aayOp$useTimeFieldState)({
         ...props,
         locale: locale
     });
-    let inputRef = $aayOp$useRef(null);
-    let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = $aayOp$useTimeField(props, state, inputRef);
-    return(/*#__PURE__*/ $aayOp$react.createElement($aayOp$Field, {
+    let inputRef = (0, $aayOp$useRef)(null);
+    let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = (0, $aayOp$useTimeField)(props, state, inputRef);
+    return /*#__PURE__*/ (0, $aayOp$react).createElement((0, $aayOp$Field), {
         ...props,
         ref: domRef,
         elementType: "span",
@@ -809,29 +876,28 @@ function $f0a04554754386b6$var$TimeField(props, ref) {
         descriptionProps: descriptionProps,
         errorMessageProps: errorMessageProps,
         validationState: state.validationState,
-        UNSAFE_className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports)), 'react-spectrum-TimeField-fieldWrapper')
-    }, /*#__PURE__*/ $aayOp$react.createElement($79348162c55d687f$export$f5b8910cec6cf069, {
+        UNSAFE_className: (0, $aayOp$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports))), "react-spectrum-TimeField-fieldWrapper")
+    }, /*#__PURE__*/ (0, $aayOp$react).createElement((0, $79348162c55d687f$export$f5b8910cec6cf069), {
         ref: inputRef,
         fieldProps: fieldProps,
         isDisabled: isDisabled,
         isQuiet: isQuiet,
         autoFocus: autoFocus,
         validationState: state.validationState,
-        className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports)), 'react-spectrum-TimeField')
-    }, state.segments.map((segment, i)=>/*#__PURE__*/ $aayOp$react.createElement($cfa347761f172638$export$6388987c5223b54e, {
+        className: (0, $aayOp$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports))), "react-spectrum-TimeField")
+    }, state.segments.map((segment, i)=>/*#__PURE__*/ (0, $aayOp$react).createElement((0, $cfa347761f172638$export$6388987c5223b54e), {
             key: i,
             segment: segment,
             state: state,
             isDisabled: isDisabled,
             isReadOnly: isReadOnly,
             isRequired: isRequired
-        })
-    ))));
+        }))));
 }
 /**
  * TimeFields allow users to enter and edit time values using a keyboard.
  * Each part of the time is displayed in an individually editable segment.
- */ const $f0a04554754386b6$export$5eaee2322dd727eb = /*#__PURE__*/ $aayOp$react.forwardRef($f0a04554754386b6$var$TimeField);
+ */ const $f0a04554754386b6$export$5eaee2322dd727eb = /*#__PURE__*/ (0, $aayOp$react).forwardRef($f0a04554754386b6$var$TimeField);
 
 
 
@@ -842,55 +908,55 @@ function $f0a04554754386b6$var$TimeField(props, ref) {
 
 
 function $beaeefa091999363$var$DatePicker(props, ref) {
-    props = $aayOp$useProviderProps(props);
+    props = (0, $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({
+    let { hoverProps: hoverProps , isHovered: isHovered  } = (0, $aayOp$useHover)({
         isDisabled: isDisabled
     });
-    let targetRef = $aayOp$useRef();
-    let state = $aayOp$useDatePickerState({
+    let targetRef = (0, $aayOp$useRef)();
+    let state = (0, $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 { groupProps: groupProps , labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps , buttonProps: buttonProps , dialogProps: dialogProps , calendarProps: calendarProps  } = (0, $aayOp$useDatePicker)(props, state, targetRef);
     let { isOpen: isOpen , setOpen: setOpen  } = state;
-    let { direction: direction  } = $aayOp$useLocale();
-    let domRef = $04e96200274b03de$export$71a23a36270e4bf0(ref);
-    let stringFormatter = $aayOp$useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($71a986712918c3de$exports)));
-    let { isFocused: isFocused , isFocusVisible: isFocusVisible , focusProps: focusProps  } = $aayOp$useFocusRing({
+    let { direction: direction  } = (0, $aayOp$useLocale)();
+    let domRef = (0, $04e96200274b03de$export$71a23a36270e4bf0)(ref);
+    let stringFormatter = (0, $aayOp$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($71a986712918c3de$exports))));
+    let { isFocused: isFocused , isFocusVisible: isFocusVisible , focusProps: focusProps  } = (0, $aayOp$useFocusRing)({
         within: true,
         isTextInput: true,
         autoFocus: autoFocus
     });
-    let { isFocused: isFocusedButton , focusProps: focusPropsButton  } = $aayOp$useFocusRing({
+    let { isFocused: isFocusedButton , focusProps: focusPropsButton  } = (0, $aayOp$useFocusRing)({
         within: false,
         isTextInput: false,
         autoFocus: autoFocus
     });
-    let className = $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports)), 'spectrum-InputGroup', {
-        'spectrum-InputGroup--quiet': isQuiet,
-        'spectrum-InputGroup--invalid': state.validationState === 'invalid' && !isDisabled,
-        'is-disabled': isDisabled,
-        'is-hovered': isHovered,
-        'is-focused': isFocused,
-        'focus-ring': isFocusVisible && !isFocusedButton
+    let className = (0, $aayOp$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports))), "spectrum-InputGroup", {
+        "spectrum-InputGroup--quiet": isQuiet,
+        "spectrum-InputGroup--invalid": state.validationState === "invalid" && !isDisabled,
+        "is-disabled": isDisabled,
+        "is-hovered": isHovered,
+        "is-focused": isFocused,
+        "focus-ring": isFocusVisible && !isFocusedButton
     });
-    let fieldClassName = $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports)), 'spectrum-InputGroup-input', {
-        'is-disabled': isDisabled,
-        'is-invalid': state.validationState === 'invalid' && !isDisabled
+    let fieldClassName = (0, $aayOp$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports))), "spectrum-InputGroup-input", {
+        "is-disabled": isDisabled,
+        "is-invalid": state.validationState === "invalid" && !isDisabled
     });
     // 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);
+    let description = (0, $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 : null;
+    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 : null;
     let showTimeField = !!timeGranularity;
-    let visibleMonths = $04e96200274b03de$export$12ce2869ce471b1f(maxVisibleMonths);
-    return(/*#__PURE__*/ $aayOp$react.createElement($aayOp$Field, {
+    let visibleMonths = (0, $04e96200274b03de$export$12ce2869ce471b1f)(maxVisibleMonths);
+    return /*#__PURE__*/ (0, $aayOp$react).createElement((0, $aayOp$Field), {
         ...props,
         ref: domRef,
         elementType: "span",
@@ -899,52 +965,52 @@ function $beaeefa091999363$var$DatePicker(props, ref) {
         descriptionProps: descriptionProps,
         errorMessageProps: errorMessageProps,
         validationState: state.validationState,
-        UNSAFE_className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports)), 'react-spectrum-Datepicker-fieldWrapper')
-    }, /*#__PURE__*/ $aayOp$react.createElement("div", {
-        ...$aayOp$mergeProps(groupProps, hoverProps, focusProps),
+        UNSAFE_className: (0, $aayOp$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports))), "react-spectrum-Datepicker-fieldWrapper")
+    }, /*#__PURE__*/ (0, $aayOp$react).createElement("div", {
+        ...(0, $aayOp$mergeProps)(groupProps, hoverProps, focusProps),
         className: className,
         ref: targetRef
-    }, /*#__PURE__*/ $aayOp$react.createElement($79348162c55d687f$export$f5b8910cec6cf069, {
+    }, /*#__PURE__*/ (0, $aayOp$react).createElement((0, $79348162c55d687f$export$f5b8910cec6cf069), {
         isDisabled: isDisabled,
         isQuiet: isQuiet,
         validationState: state.validationState,
-        className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports)), 'spectrum-InputGroup-field'),
+        className: (0, $aayOp$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports))), "spectrum-InputGroup-field"),
         inputClassName: fieldClassName,
         disableFocusRing: true
-    }, /*#__PURE__*/ $aayOp$react.createElement($d2bb88c82604b25f$export$34dc4cfa15ead1, {
+    }, /*#__PURE__*/ (0, $aayOp$react).createElement((0, $d2bb88c82604b25f$export$34dc4cfa15ead1), {
         ...fieldProps,
         "data-testid": "date-field",
         isQuiet: isQuiet
-    })), /*#__PURE__*/ $aayOp$react.createElement($aayOp$DialogTrigger, {
+    })), /*#__PURE__*/ (0, $aayOp$react).createElement((0, $aayOp$DialogTrigger), {
         type: "popover",
         mobileType: "tray",
-        placement: direction === 'rtl' ? 'bottom right' : 'bottom left',
+        placement: direction === "rtl" ? "bottom right" : "bottom left",
         targetRef: targetRef,
         hideArrow: true,
         isOpen: isOpen,
         onOpenChange: setOpen,
         shouldFlip: props.shouldFlip
-    }, /*#__PURE__*/ $aayOp$react.createElement($aayOp$FieldButton, {
-        ...$aayOp$mergeProps(buttonProps, focusPropsButton),
-        UNSAFE_className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports)), 'spectrum-FieldButton'),
+    }, /*#__PURE__*/ (0, $aayOp$react).createElement((0, $aayOp$FieldButton), {
+        ...(0, $aayOp$mergeProps)(buttonProps, focusPropsButton),
+        UNSAFE_className: (0, $aayOp$classNames)((0, (/*@__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($465eb3a688ef3440$exports)), 'react-spectrum-Datepicker-dialog'),
+    }, /*#__PURE__*/ (0, $aayOp$react).createElement((0, $aayOp$spectrumiconsworkflowCalendar), null)), /*#__PURE__*/ (0, $aayOp$react).createElement((0, $aayOp$Dialog), {
+        UNSAFE_className: (0, $aayOp$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports))), "react-spectrum-Datepicker-dialog"),
         ...dialogProps
-    }, /*#__PURE__*/ $aayOp$react.createElement($aayOp$Content, null, /*#__PURE__*/ $aayOp$react.createElement("div", {
-        className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports)), 'react-spectrum-Datepicker-dialogContent')
-    }, /*#__PURE__*/ $aayOp$react.createElement($aayOp$Calendar, {
+    }, /*#__PURE__*/ (0, $aayOp$react).createElement((0, $aayOp$Content), null, /*#__PURE__*/ (0, $aayOp$react).createElement("div", {
+        className: (0, $aayOp$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports))), "react-spectrum-Datepicker-dialogContent")
+    }, /*#__PURE__*/ (0, $aayOp$react).createElement((0, $aayOp$Calendar), {
         ...calendarProps,
         visibleMonths: visibleMonths,
-        UNSAFE_className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports)), 'react-spectrum-Datepicker-calendar', {
-            'is-invalid': state.validationState === 'invalid'
+        UNSAFE_className: (0, $aayOp$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports))), "react-spectrum-Datepicker-calendar", {
+            "is-invalid": state.validationState === "invalid"
         })
-    }), showTimeField && /*#__PURE__*/ $aayOp$react.createElement("div", {
-        className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports)), 'react-spectrum-Datepicker-timeFields')
-    }, /*#__PURE__*/ $aayOp$react.createElement($f0a04554754386b6$export$5eaee2322dd727eb, {
-        label: stringFormatter.format('time'),
+    }), showTimeField && /*#__PURE__*/ (0, $aayOp$react).createElement("div", {
+        className: (0, $aayOp$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports))), "react-spectrum-Datepicker-timeFields")
+    }, /*#__PURE__*/ (0, $aayOp$react).createElement((0, $f0a04554754386b6$export$5eaee2322dd727eb), {
+        label: stringFormatter.format("time"),
         value: state.timeValue,
         onChange: state.setTimeValue,
         placeholderValue: timePlaceholder,
@@ -954,14 +1020,24 @@ function $beaeefa091999363$var$DatePicker(props, ref) {
         hourCycle: props.hourCycle,
         hideTimeZone: props.hideTimeZone,
         marginTop: "size-100"
-    })))))))));
+    }))))))));
 }
 /**
  * DatePickers combine a DateField and a Calendar popover to allow users to enter or select a date and time value.
- */ const $beaeefa091999363$export$5109c6dd95d8fb00 = /*#__PURE__*/ $aayOp$react.forwardRef($beaeefa091999363$var$DatePicker);
-
+ */ const $beaeefa091999363$export$5109c6dd95d8fb00 = /*#__PURE__*/ (0, $aayOp$react).forwardRef($beaeefa091999363$var$DatePicker);
 
 
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
 
 
 
@@ -985,56 +1061,56 @@ function $beaeefa091999363$var$DatePicker(props, ref) {
 
 
 function $cb301300011a98f7$var$DateRangePicker(props, ref) {
-    var ref1, ref2;
-    props = $aayOp$useProviderProps(props);
+    var _state_timeRange, _state_timeRange1;
+    props = (0, $aayOp$useProviderProps)(props);
     let { isQuiet: isQuiet , isDisabled: isDisabled , isReadOnly: isReadOnly , autoFocus: autoFocus , placeholderValue: placeholderValue , maxVisibleMonths: maxVisibleMonths = 1  } = props;
-    let { hoverProps: hoverProps , isHovered: isHovered  } = $aayOp$useHover({
+    let { hoverProps: hoverProps , isHovered: isHovered  } = (0, $aayOp$useHover)({
         isDisabled: isDisabled
     });
-    let targetRef = $aayOp$useRef();
-    let state = $aayOp$useDateRangePickerState({
+    let targetRef = (0, $aayOp$useRef)();
+    let state = (0, $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 { labelProps: labelProps , groupProps: groupProps , buttonProps: buttonProps , dialogProps: dialogProps , startFieldProps: startFieldProps , endFieldProps: endFieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps , calendarProps: calendarProps  } = (0, $aayOp$useDateRangePicker)(props, state, targetRef);
     let { isOpen: isOpen , setOpen: setOpen  } = state;
-    let { direction: direction  } = $aayOp$useLocale();
-    let domRef = $04e96200274b03de$export$71a23a36270e4bf0(ref);
-    let stringFormatter = $aayOp$useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($71a986712918c3de$exports)));
-    let { isFocused: isFocused , isFocusVisible: isFocusVisible , focusProps: focusProps  } = $aayOp$useFocusRing({
+    let { direction: direction  } = (0, $aayOp$useLocale)();
+    let domRef = (0, $04e96200274b03de$export$71a23a36270e4bf0)(ref);
+    let stringFormatter = (0, $aayOp$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($71a986712918c3de$exports))));
+    let { isFocused: isFocused , isFocusVisible: isFocusVisible , focusProps: focusProps  } = (0, $aayOp$useFocusRing)({
         within: true,
         isTextInput: true,
         autoFocus: autoFocus
     });
-    let { isFocused: isFocusedButton , focusProps: focusPropsButton  } = $aayOp$useFocusRing({
+    let { isFocused: isFocusedButton , focusProps: focusPropsButton  } = (0, $aayOp$useFocusRing)({
         within: false,
         isTextInput: false,
         autoFocus: autoFocus
     });
-    let className = $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports)), 'spectrum-InputGroup', {
-        'spectrum-InputGroup--quiet': isQuiet,
-        'spectrum-InputGroup--invalid': state.validationState === 'invalid' && !isDisabled,
-        'is-disabled': isDisabled,
-        'is-hovered': isHovered,
-        'is-focused': isFocused,
-        'focus-ring': isFocusVisible && !isFocusedButton
+    let className = (0, $aayOp$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports))), "spectrum-InputGroup", {
+        "spectrum-InputGroup--quiet": isQuiet,
+        "spectrum-InputGroup--invalid": state.validationState === "invalid" && !isDisabled,
+        "is-disabled": isDisabled,
+        "is-hovered": isHovered,
+        "is-focused": isFocused,
+        "focus-ring": isFocusVisible && !isFocusedButton
     });
-    let fieldClassName = $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports)), 'spectrum-InputGroup-input', {
-        'is-disabled': isDisabled,
-        'is-invalid': state.validationState === 'invalid' && !isDisabled
+    let fieldClassName = (0, $aayOp$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports))), "spectrum-InputGroup-input", {
+        "is-disabled": isDisabled,
+        "is-invalid": state.validationState === "invalid" && !isDisabled
     });
     // 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);
+    let description = (0, $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 : null;
+    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 : null;
     let showTimeField = !!timeGranularity;
-    let visibleMonths = $04e96200274b03de$export$12ce2869ce471b1f(maxVisibleMonths);
-    return(/*#__PURE__*/ $aayOp$react.createElement($aayOp$Field, {
+    let visibleMonths = (0, $04e96200274b03de$export$12ce2869ce471b1f)(maxVisibleMonths);
+    return /*#__PURE__*/ (0, $aayOp$react).createElement((0, $aayOp$Field), {
         ...props,
         ref: domRef,
         elementType: "span",
@@ -1043,63 +1119,62 @@ function $cb301300011a98f7$var$DateRangePicker(props, ref) {
         descriptionProps: descriptionProps,
         errorMessageProps: errorMessageProps,
         validationState: state.validationState,
-        UNSAFE_className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports)), 'react-spectrum-Datepicker-fieldWrapper')
-    }, /*#__PURE__*/ $aayOp$react.createElement("div", {
-        ...$aayOp$mergeProps(groupProps, hoverProps, focusProps),
+        UNSAFE_className: (0, $aayOp$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports))), "react-spectrum-Datepicker-fieldWrapper")
+    }, /*#__PURE__*/ (0, $aayOp$react).createElement("div", {
+        ...(0, $aayOp$mergeProps)(groupProps, hoverProps, focusProps),
         className: className,
         ref: targetRef
-    }, /*#__PURE__*/ $aayOp$react.createElement($79348162c55d687f$export$f5b8910cec6cf069, {
+    }, /*#__PURE__*/ (0, $aayOp$react).createElement((0, $79348162c55d687f$export$f5b8910cec6cf069), {
         isDisabled: isDisabled,
         isQuiet: isQuiet,
         validationState: state.validationState,
-        className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports)), 'spectrum-InputGroup-field'),
+        className: (0, $aayOp$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports))), "spectrum-InputGroup-field"),
         inputClassName: fieldClassName,
         disableFocusRing: true
-    }, /*#__PURE__*/ $aayOp$react.createElement($d2bb88c82604b25f$export$34dc4cfa15ead1, {
+    }, /*#__PURE__*/ (0, $aayOp$react).createElement((0, $d2bb88c82604b25f$export$34dc4cfa15ead1), {
         ...startFieldProps,
         "data-testid": "start-date",
         isQuiet: props.isQuiet,
-        inputClassName: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports)), 'react-spectrum-Datepicker-startField')
-    }), /*#__PURE__*/ $aayOp$react.createElement($cb301300011a98f7$var$DateRangeDash, null), /*#__PURE__*/ $aayOp$react.createElement($d2bb88c82604b25f$export$34dc4cfa15ead1, {
+        inputClassName: (0, $aayOp$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports))), "react-spectrum-Datepicker-startField")
+    }), /*#__PURE__*/ (0, $aayOp$react).createElement($cb301300011a98f7$var$DateRangeDash, null), /*#__PURE__*/ (0, $aayOp$react).createElement((0, $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($465eb3a688ef3440$exports)), 'react-spectrum-Datepicker-endField'))
-    })), /*#__PURE__*/ $aayOp$react.createElement($aayOp$DialogTrigger, {
+        inputClassName: (0, $aayOp$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports))), "spectrum-Datepicker-endField", (0, $aayOp$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports))), "react-spectrum-Datepicker-endField"))
+    })), /*#__PURE__*/ (0, $aayOp$react).createElement((0, $aayOp$DialogTrigger), {
         type: "popover",
         mobileType: "tray",
-        placement: direction === 'rtl' ? 'bottom right' : 'bottom left',
+        placement: direction === "rtl" ? "bottom right" : "bottom left",
         targetRef: targetRef,
         hideArrow: true,
         isOpen: isOpen,
         onOpenChange: setOpen,
         shouldFlip: props.shouldFlip
-    }, /*#__PURE__*/ $aayOp$react.createElement($aayOp$FieldButton, {
-        ...$aayOp$mergeProps(buttonProps, focusPropsButton),
-        UNSAFE_className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports)), 'spectrum-FieldButton'),
+    }, /*#__PURE__*/ (0, $aayOp$react).createElement((0, $aayOp$FieldButton), {
+        ...(0, $aayOp$mergeProps)(buttonProps, focusPropsButton),
+        UNSAFE_className: (0, $aayOp$classNames)((0, (/*@__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($465eb3a688ef3440$exports)), 'react-spectrum-Datepicker-dialog'),
+    }, /*#__PURE__*/ (0, $aayOp$react).createElement((0, $aayOp$spectrumiconsworkflowCalendar), null)), /*#__PURE__*/ (0, $aayOp$react).createElement((0, $aayOp$Dialog), {
+        UNSAFE_className: (0, $aayOp$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports))), "react-spectrum-Datepicker-dialog"),
         ...dialogProps
-    }, /*#__PURE__*/ $aayOp$react.createElement($aayOp$Content, null, /*#__PURE__*/ $aayOp$react.createElement("div", {
-        className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports)), 'react-spectrum-Datepicker-dialogContent')
-    }, /*#__PURE__*/ $aayOp$react.createElement($aayOp$RangeCalendar, {
+    }, /*#__PURE__*/ (0, $aayOp$react).createElement((0, $aayOp$Content), null, /*#__PURE__*/ (0, $aayOp$react).createElement("div", {
+        className: (0, $aayOp$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports))), "react-spectrum-Datepicker-dialogContent")
+    }, /*#__PURE__*/ (0, $aayOp$react).createElement((0, $aayOp$RangeCalendar), {
         ...calendarProps,
         visibleMonths: visibleMonths,
-        UNSAFE_className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports)), 'react-spectrum-Datepicker-calendar', {
-            'is-invalid': state.validationState === 'invalid'
+        UNSAFE_className: (0, $aayOp$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports))), "react-spectrum-Datepicker-calendar", {
+            "is-invalid": state.validationState === "invalid"
         })
-    }), showTimeField && /*#__PURE__*/ $aayOp$react.createElement($aayOp$Flex, {
+    }), showTimeField && /*#__PURE__*/ (0, $aayOp$react).createElement((0, $aayOp$Flex), {
         gap: "size-100",
         marginTop: "size-100",
-        UNSAFE_className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports)), 'react-spectrum-Datepicker-timeFields')
-    }, /*#__PURE__*/ $aayOp$react.createElement($f0a04554754386b6$export$5eaee2322dd727eb, {
-        label: stringFormatter.format('startTime'),
-        value: ((ref1 = state.timeRange) === null || ref1 === void 0 ? void 0 : ref1.start) || null,
-        onChange: (v)=>state.setTime('start', v)
-        ,
+        UNSAFE_className: (0, $aayOp$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports))), "react-spectrum-Datepicker-timeFields")
+    }, /*#__PURE__*/ (0, $aayOp$react).createElement((0, $f0a04554754386b6$export$5eaee2322dd727eb), {
+        label: stringFormatter.format("startTime"),
+        value: ((_state_timeRange = state.timeRange) === null || _state_timeRange === void 0 ? void 0 : _state_timeRange.start) || null,
+        onChange: (v)=>state.setTime("start", v),
         placeholderValue: timePlaceholder,
         granularity: timeGranularity,
         minValue: timeMinValue,
@@ -1107,11 +1182,10 @@ function $cb301300011a98f7$var$DateRangePicker(props, ref) {
         hourCycle: props.hourCycle,
         hideTimeZone: props.hideTimeZone,
         flex: true
-    }), /*#__PURE__*/ $aayOp$react.createElement($f0a04554754386b6$export$5eaee2322dd727eb, {
-        label: stringFormatter.format('endTime'),
-        value: ((ref2 = state.timeRange) === null || ref2 === void 0 ? void 0 : ref2.end) || null,
-        onChange: (v)=>state.setTime('end', v)
-        ,
+    }), /*#__PURE__*/ (0, $aayOp$react).createElement((0, $f0a04554754386b6$export$5eaee2322dd727eb), {
+        label: stringFormatter.format("endTime"),
+        value: ((_state_timeRange1 = state.timeRange) === null || _state_timeRange1 === void 0 ? void 0 : _state_timeRange1.end) || null,
+        onChange: (v)=>state.setTime("end", v),
         placeholderValue: timePlaceholder,
         granularity: timeGranularity,
         minValue: timeMinValue,
@@ -1119,23 +1193,33 @@ function $cb301300011a98f7$var$DateRangePicker(props, ref) {
         hourCycle: props.hourCycle,
         hideTimeZone: props.hideTimeZone,
         flex: true
-    })))))))));
+    }))))))));
 }
 function $cb301300011a98f7$var$DateRangeDash() {
-    return(/*#__PURE__*/ $aayOp$react.createElement("div", {
+    return /*#__PURE__*/ (0, $aayOp$react).createElement("div", {
         "aria-hidden": "true",
         "data-testid": "date-range-dash",
-        className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports)), 'react-spectrum-Datepicker-rangeDash')
-    }));
+        className: (0, $aayOp$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports))), "react-spectrum-Datepicker-rangeDash")
+    });
 }
 /**
  * DateRangePickers combine two DateFields and a RangeCalendar popover to allow users
  * to enter or select a date and time range.
- */ const $cb301300011a98f7$export$17334619f3ac2224 = /*#__PURE__*/ $aayOp$react.forwardRef($cb301300011a98f7$var$DateRangePicker);
-
+ */ const $cb301300011a98f7$export$17334619f3ac2224 = /*#__PURE__*/ (0, $aayOp$react).forwardRef($cb301300011a98f7$var$DateRangePicker);
 
 
 
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
 
 
 
@@ -1148,22 +1232,22 @@ function $cb301300011a98f7$var$DateRangeDash() {
 
 
 function $0129798af6791690$var$DateField(props, ref) {
-    props = $aayOp$useProviderProps(props);
+    props = (0, $aayOp$useProviderProps)(props);
     let { autoFocus: autoFocus , isDisabled: isDisabled , isReadOnly: isReadOnly , isRequired: isRequired , isQuiet: isQuiet  } = props;
-    let domRef = $04e96200274b03de$export$71a23a36270e4bf0(ref);
-    let { locale: locale  } = $aayOp$useLocale();
-    let state = $aayOp$useDateFieldState({
+    let domRef = (0, $04e96200274b03de$export$71a23a36270e4bf0)(ref);
+    let { locale: locale  } = (0, $aayOp$useLocale)();
+    let state = (0, $aayOp$useDateFieldState)({
         ...props,
         locale: locale,
         createCalendar: $aayOp$createCalendar
     });
-    let inputRef = $aayOp$useRef(null);
-    let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = $aayOp$useDateField(props, state, inputRef);
+    let inputRef = (0, $aayOp$useRef)(null);
+    let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = (0, $aayOp$useDateField)(props, state, inputRef);
     // 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);
+    let description = (0, $04e96200274b03de$export$322f4580ccd8dde6)(props);
     if (description && !props.description) descriptionProps.id = null;
-    return(/*#__PURE__*/ $aayOp$react.createElement($aayOp$Field, {
+    return /*#__PURE__*/ (0, $aayOp$react).createElement((0, $aayOp$Field), {
         ...props,
         ref: domRef,
         elementType: "span",
@@ -1172,29 +1256,28 @@ function $0129798af6791690$var$DateField(props, ref) {
         descriptionProps: descriptionProps,
         errorMessageProps: errorMessageProps,
         validationState: state.validationState,
-        UNSAFE_className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports)), 'react-spectrum-Datepicker-fieldWrapper')
-    }, /*#__PURE__*/ $aayOp$react.createElement($79348162c55d687f$export$f5b8910cec6cf069, {
+        UNSAFE_className: (0, $aayOp$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports))), "react-spectrum-Datepicker-fieldWrapper")
+    }, /*#__PURE__*/ (0, $aayOp$react).createElement((0, $79348162c55d687f$export$f5b8910cec6cf069), {
         ref: inputRef,
         fieldProps: fieldProps,
         isDisabled: isDisabled,
         isQuiet: isQuiet,
         autoFocus: autoFocus,
         validationState: state.validationState,
-        className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports)), 'react-spectrum-DateField')
-    }, state.segments.map((segment, i)=>/*#__PURE__*/ $aayOp$react.createElement($cfa347761f172638$export$6388987c5223b54e, {
+        className: (0, $aayOp$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports))), "react-spectrum-DateField")
+    }, state.segments.map((segment, i)=>/*#__PURE__*/ (0, $aayOp$react).createElement((0, $cfa347761f172638$export$6388987c5223b54e), {
             key: i,
             segment: segment,
             state: state,
             isDisabled: isDisabled,
             isReadOnly: isReadOnly,
             isRequired: isRequired
-        })
-    ))));
+        }))));
 }
 /**
  * DateFields allow users to enter and edit date and time values using a keyboard.
  * Each part of a date value is displayed in an individually editable segment.
- */ const $0129798af6791690$export$d9781c7894a82487 = /*#__PURE__*/ $aayOp$react.forwardRef($0129798af6791690$var$DateField);
+ */ const $0129798af6791690$export$d9781c7894a82487 = /*#__PURE__*/ (0, $aayOp$react).forwardRef($0129798af6791690$var$DateField);