@react-spectrum/datepicker 3.9.5 → 3.9.6

package/dist/DateField.main.js

@@ -67,7 +67,7 @@ function $1ab74d2cd1dc2e45$var$DateField(props, ref) {
     // The format help text is unnecessary for screen reader users because each segment already has a label.
     let description = (0, $4d2e419f522adb48$exports.useFormatHelpText)(props);
     if (description && !props.description) descriptionProps.id = null;
-    let validationState = state.validationState || (isInvalid ? "invalid" : null);
+    let validationState = state.validationState || (isInvalid ? 'invalid' : null);
     return /*#__PURE__*/ (0, ($parcel$interopDefault($2sBGl$react))).createElement((0, $2sBGl$reactspectrumlabel.Field), {
         ...props,
         ref: domRef,
@@ -80,7 +80,7 @@ function $1ab74d2cd1dc2e45$var$DateField(props, ref) {
         isInvalid: isInvalid,
         validationErrors: validationErrors,
         validationDetails: validationDetails,
-        wrapperClassName: (0, $2sBGl$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), "react-spectrum-Datepicker-fieldWrapper")
+        wrapperClassName: (0, $2sBGl$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), 'react-spectrum-Datepicker-fieldWrapper')
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($2sBGl$react))).createElement((0, $c3ebc4931d9b9977$exports.Input), {
         ref: fieldRef,
         fieldProps: fieldProps,
@@ -88,7 +88,7 @@ function $1ab74d2cd1dc2e45$var$DateField(props, ref) {
         isQuiet: isQuiet,
         autoFocus: autoFocus,
         validationState: validationState,
-        className: (0, $2sBGl$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), "react-spectrum-DateField")
+        className: (0, $2sBGl$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), 'react-spectrum-DateField')
     }, state.segments.map((segment, i)=>/*#__PURE__*/ (0, ($parcel$interopDefault($2sBGl$react))).createElement((0, $edac158d20ebe4a9$exports.DatePickerSegment), {
             key: i,
             segment: segment,

package/dist/DateField.mjs

@@ -61,7 +61,7 @@ function $0129798af6791690$var$DateField(props, ref) {
     // The format help text is unnecessary for screen reader users because each segment already has a label.
     let description = (0, $04e96200274b03de$export$322f4580ccd8dde6)(props);
     if (description && !props.description) descriptionProps.id = null;
-    let validationState = state.validationState || (isInvalid ? "invalid" : null);
+    let validationState = state.validationState || (isInvalid ? 'invalid' : null);
     return /*#__PURE__*/ (0, $6iHxC$react).createElement((0, $6iHxC$Field), {
         ...props,
         ref: domRef,
@@ -74,7 +74,7 @@ function $0129798af6791690$var$DateField(props, ref) {
         isInvalid: isInvalid,
         validationErrors: validationErrors,
         validationDetails: validationDetails,
-        wrapperClassName: (0, $6iHxC$classNames)((0, ($parcel$interopDefault($6iHxC$styles_cssmodulejs))), "react-spectrum-Datepicker-fieldWrapper")
+        wrapperClassName: (0, $6iHxC$classNames)((0, ($parcel$interopDefault($6iHxC$styles_cssmodulejs))), 'react-spectrum-Datepicker-fieldWrapper')
     }, /*#__PURE__*/ (0, $6iHxC$react).createElement((0, $79348162c55d687f$export$f5b8910cec6cf069), {
         ref: fieldRef,
         fieldProps: fieldProps,
@@ -82,7 +82,7 @@ function $0129798af6791690$var$DateField(props, ref) {
         isQuiet: isQuiet,
         autoFocus: autoFocus,
         validationState: validationState,
-        className: (0, $6iHxC$classNames)((0, ($parcel$interopDefault($6iHxC$styles_cssmodulejs))), "react-spectrum-DateField")
+        className: (0, $6iHxC$classNames)((0, ($parcel$interopDefault($6iHxC$styles_cssmodulejs))), 'react-spectrum-DateField')
     }, state.segments.map((segment, i)=>/*#__PURE__*/ (0, $6iHxC$react).createElement((0, $cfa347761f172638$export$6388987c5223b54e), {
             key: i,
             segment: segment,
@@ -102,4 +102,4 @@ function $0129798af6791690$var$DateField(props, ref) {
 
 
 export {$0129798af6791690$export$d9781c7894a82487 as DateField};
-//# sourceMappingURL=DateField.mjs.map
+//# sourceMappingURL=DateField.module.js.map

package/dist/DateField.module.js

@@ -61,7 +61,7 @@ function $0129798af6791690$var$DateField(props, ref) {
     // The format help text is unnecessary for screen reader users because each segment already has a label.
     let description = (0, $04e96200274b03de$export$322f4580ccd8dde6)(props);
     if (description && !props.description) descriptionProps.id = null;
-    let validationState = state.validationState || (isInvalid ? "invalid" : null);
+    let validationState = state.validationState || (isInvalid ? 'invalid' : null);
     return /*#__PURE__*/ (0, $6iHxC$react).createElement((0, $6iHxC$Field), {
         ...props,
         ref: domRef,
@@ -74,7 +74,7 @@ function $0129798af6791690$var$DateField(props, ref) {
         isInvalid: isInvalid,
         validationErrors: validationErrors,
         validationDetails: validationDetails,
-        wrapperClassName: (0, $6iHxC$classNames)((0, ($parcel$interopDefault($6iHxC$styles_cssmodulejs))), "react-spectrum-Datepicker-fieldWrapper")
+        wrapperClassName: (0, $6iHxC$classNames)((0, ($parcel$interopDefault($6iHxC$styles_cssmodulejs))), 'react-spectrum-Datepicker-fieldWrapper')
     }, /*#__PURE__*/ (0, $6iHxC$react).createElement((0, $79348162c55d687f$export$f5b8910cec6cf069), {
         ref: fieldRef,
         fieldProps: fieldProps,
@@ -82,7 +82,7 @@ function $0129798af6791690$var$DateField(props, ref) {
         isQuiet: isQuiet,
         autoFocus: autoFocus,
         validationState: validationState,
-        className: (0, $6iHxC$classNames)((0, ($parcel$interopDefault($6iHxC$styles_cssmodulejs))), "react-spectrum-DateField")
+        className: (0, $6iHxC$classNames)((0, ($parcel$interopDefault($6iHxC$styles_cssmodulejs))), 'react-spectrum-DateField')
     }, state.segments.map((segment, i)=>/*#__PURE__*/ (0, $6iHxC$react).createElement((0, $cfa347761f172638$export$6388987c5223b54e), {
             key: i,
             segment: segment,

package/dist/DatePicker.main.js

@@ -86,7 +86,7 @@ function $5c1ddf85d7c27889$var$DatePicker(props, ref) {
     let { isOpen: isOpen, setOpen: setOpen } = state;
     let { direction: direction } = (0, $2ni54$reactariai18n.useLocale)();
     let domRef = (0, $4d2e419f522adb48$exports.useFocusManagerRef)(ref);
-    let stringFormatter = (0, $2ni54$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($0045b32a117743a7$exports))), "@react-spectrum/datepicker");
+    let stringFormatter = (0, $2ni54$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($0045b32a117743a7$exports))), '@react-spectrum/datepicker');
     let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $2ni54$reactariafocus.useFocusRing)({
         within: true,
         isTextInput: true,
@@ -97,30 +97,30 @@ function $5c1ddf85d7c27889$var$DatePicker(props, ref) {
         isTextInput: false,
         autoFocus: autoFocus
     });
-    let className = (0, $2ni54$reactspectrumutils.classNames)((0, ($parcel$interopDefault($2f86633ce5b04f1e$exports))), "spectrum-InputGroup", {
-        "spectrum-InputGroup--quiet": isQuiet,
-        "spectrum-InputGroup--invalid": isInvalid && !isDisabled,
-        "is-disabled": isDisabled,
-        "is-hovered": isHovered,
-        "is-focused": isFocused,
-        "focus-ring": isFocusVisible && !isFocusedButton
+    let className = (0, $2ni54$reactspectrumutils.classNames)((0, ($parcel$interopDefault($2f86633ce5b04f1e$exports))), 'spectrum-InputGroup', {
+        'spectrum-InputGroup--quiet': isQuiet,
+        'spectrum-InputGroup--invalid': isInvalid && !isDisabled,
+        'is-disabled': isDisabled,
+        'is-hovered': isHovered,
+        'is-focused': isFocused,
+        'focus-ring': isFocusVisible && !isFocusedButton
     });
-    let fieldClassName = (0, $2ni54$reactspectrumutils.classNames)((0, ($parcel$interopDefault($2f86633ce5b04f1e$exports))), "spectrum-InputGroup-input", {
-        "is-disabled": isDisabled,
-        "is-invalid": isInvalid && !isDisabled
+    let fieldClassName = (0, $2ni54$reactspectrumutils.classNames)((0, ($parcel$interopDefault($2f86633ce5b04f1e$exports))), 'spectrum-InputGroup-input', {
+        'is-disabled': isDisabled,
+        'is-invalid': isInvalid && !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 = (0, $4d2e419f522adb48$exports.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 : 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 = (0, $4d2e419f522adb48$exports.useVisibleMonths)(maxVisibleMonths);
-    let validationState = state.validationState || (isInvalid ? "invalid" : null);
+    let validationState = state.validationState || (isInvalid ? 'invalid' : null);
     return /*#__PURE__*/ (0, ($parcel$interopDefault($2ni54$react))).createElement((0, $2ni54$reactspectrumlabel.Field), {
         ...props,
         ref: domRef,
@@ -133,7 +133,7 @@ function $5c1ddf85d7c27889$var$DatePicker(props, ref) {
         isInvalid: isInvalid,
         validationErrors: validationErrors,
         validationDetails: validationDetails,
-        wrapperClassName: (0, $2ni54$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), "react-spectrum-Datepicker-fieldWrapper")
+        wrapperClassName: (0, $2ni54$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), 'react-spectrum-Datepicker-fieldWrapper')
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($2ni54$react))).createElement("div", {
         ...(0, $2ni54$reactariautils.mergeProps)(groupProps, hoverProps, focusProps),
         className: className,
@@ -142,7 +142,7 @@ function $5c1ddf85d7c27889$var$DatePicker(props, ref) {
         isDisabled: isDisabled,
         isQuiet: isQuiet,
         validationState: validationState,
-        className: (0, $2ni54$reactspectrumutils.classNames)((0, ($parcel$interopDefault($2f86633ce5b04f1e$exports))), "spectrum-InputGroup-field"),
+        className: (0, $2ni54$reactspectrumutils.classNames)((0, ($parcel$interopDefault($2f86633ce5b04f1e$exports))), 'spectrum-InputGroup-field'),
         inputClassName: fieldClassName,
         disableFocusRing: true
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($2ni54$react))).createElement((0, $bd22dc8dad9522bc$exports.DatePickerField), {
@@ -152,7 +152,7 @@ function $5c1ddf85d7c27889$var$DatePicker(props, ref) {
     })), /*#__PURE__*/ (0, ($parcel$interopDefault($2ni54$react))).createElement((0, $2ni54$reactspectrumdialog.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,
@@ -160,25 +160,25 @@ function $5c1ddf85d7c27889$var$DatePicker(props, ref) {
         shouldFlip: props.shouldFlip
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($2ni54$react))).createElement((0, $2ni54$reactspectrumbutton.FieldButton), {
         ...(0, $2ni54$reactariautils.mergeProps)(buttonProps, focusPropsButton),
-        UNSAFE_className: (0, $2ni54$reactspectrumutils.classNames)((0, ($parcel$interopDefault($2f86633ce5b04f1e$exports))), "spectrum-FieldButton"),
+        UNSAFE_className: (0, $2ni54$reactspectrumutils.classNames)((0, ($parcel$interopDefault($2f86633ce5b04f1e$exports))), 'spectrum-FieldButton'),
         isQuiet: isQuiet,
         validationState: validationState
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($2ni54$react))).createElement((0, ($parcel$interopDefault($2ni54$spectrumiconsworkflowCalendar))), null)), /*#__PURE__*/ (0, ($parcel$interopDefault($2ni54$react))).createElement((0, $2ni54$reactspectrumdialog.Dialog), {
-        UNSAFE_className: (0, $2ni54$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), "react-spectrum-Datepicker-dialog"),
+        UNSAFE_className: (0, $2ni54$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), 'react-spectrum-Datepicker-dialog'),
         ...dialogProps
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($2ni54$react))).createElement((0, $2ni54$reactspectrumview.Content), null, /*#__PURE__*/ (0, ($parcel$interopDefault($2ni54$react))).createElement("div", {
-        className: (0, $2ni54$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), "react-spectrum-Datepicker-dialogContent")
+        className: (0, $2ni54$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), 'react-spectrum-Datepicker-dialogContent')
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($2ni54$react))).createElement((0, $2ni54$reactspectrumcalendar.Calendar), {
         ...calendarProps,
         visibleMonths: visibleMonths,
         pageBehavior: pageBehavior,
-        UNSAFE_className: (0, $2ni54$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), "react-spectrum-Datepicker-calendar", {
-            "is-invalid": isInvalid
+        UNSAFE_className: (0, $2ni54$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), 'react-spectrum-Datepicker-calendar', {
+            'is-invalid': isInvalid
         })
     }), showTimeField && /*#__PURE__*/ (0, ($parcel$interopDefault($2ni54$react))).createElement("div", {
-        className: (0, $2ni54$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), "react-spectrum-Datepicker-timeFields")
+        className: (0, $2ni54$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), 'react-spectrum-Datepicker-timeFields')
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($2ni54$react))).createElement((0, $740ff83729a8f317$exports.TimeField), {
-        label: stringFormatter.format("time"),
+        label: stringFormatter.format('time'),
         value: state.timeValue,
         onChange: state.setTimeValue,
         placeholderValue: timePlaceholder,

package/dist/DatePicker.mjs

@@ -80,7 +80,7 @@ function $beaeefa091999363$var$DatePicker(props, ref) {
     let { isOpen: isOpen, setOpen: setOpen } = state;
     let { direction: direction } = (0, $8czI1$useLocale)();
     let domRef = (0, $04e96200274b03de$export$71a23a36270e4bf0)(ref);
-    let stringFormatter = (0, $8czI1$useLocalizedStringFormatter)((0, ($parcel$interopDefault($8czI1$intlStringsmodulejs))), "@react-spectrum/datepicker");
+    let stringFormatter = (0, $8czI1$useLocalizedStringFormatter)((0, ($parcel$interopDefault($8czI1$intlStringsmodulejs))), '@react-spectrum/datepicker');
     let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $8czI1$useFocusRing)({
         within: true,
         isTextInput: true,
@@ -91,30 +91,30 @@ function $beaeefa091999363$var$DatePicker(props, ref) {
         isTextInput: false,
         autoFocus: autoFocus
     });
-    let className = (0, $8czI1$classNames)((0, ($parcel$interopDefault($8czI1$inputgroup_vars_cssmodulejs))), "spectrum-InputGroup", {
-        "spectrum-InputGroup--quiet": isQuiet,
-        "spectrum-InputGroup--invalid": isInvalid && !isDisabled,
-        "is-disabled": isDisabled,
-        "is-hovered": isHovered,
-        "is-focused": isFocused,
-        "focus-ring": isFocusVisible && !isFocusedButton
+    let className = (0, $8czI1$classNames)((0, ($parcel$interopDefault($8czI1$inputgroup_vars_cssmodulejs))), 'spectrum-InputGroup', {
+        'spectrum-InputGroup--quiet': isQuiet,
+        'spectrum-InputGroup--invalid': isInvalid && !isDisabled,
+        'is-disabled': isDisabled,
+        'is-hovered': isHovered,
+        'is-focused': isFocused,
+        'focus-ring': isFocusVisible && !isFocusedButton
     });
-    let fieldClassName = (0, $8czI1$classNames)((0, ($parcel$interopDefault($8czI1$inputgroup_vars_cssmodulejs))), "spectrum-InputGroup-input", {
-        "is-disabled": isDisabled,
-        "is-invalid": isInvalid && !isDisabled
+    let fieldClassName = (0, $8czI1$classNames)((0, ($parcel$interopDefault($8czI1$inputgroup_vars_cssmodulejs))), 'spectrum-InputGroup-input', {
+        'is-disabled': isDisabled,
+        'is-invalid': isInvalid && !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 = (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 = (0, $04e96200274b03de$export$12ce2869ce471b1f)(maxVisibleMonths);
-    let validationState = state.validationState || (isInvalid ? "invalid" : null);
+    let validationState = state.validationState || (isInvalid ? 'invalid' : null);
     return /*#__PURE__*/ (0, $8czI1$react).createElement((0, $8czI1$Field), {
         ...props,
         ref: domRef,
@@ -127,7 +127,7 @@ function $beaeefa091999363$var$DatePicker(props, ref) {
         isInvalid: isInvalid,
         validationErrors: validationErrors,
         validationDetails: validationDetails,
-        wrapperClassName: (0, $8czI1$classNames)((0, ($parcel$interopDefault($8czI1$styles_cssmodulejs))), "react-spectrum-Datepicker-fieldWrapper")
+        wrapperClassName: (0, $8czI1$classNames)((0, ($parcel$interopDefault($8czI1$styles_cssmodulejs))), 'react-spectrum-Datepicker-fieldWrapper')
     }, /*#__PURE__*/ (0, $8czI1$react).createElement("div", {
         ...(0, $8czI1$mergeProps)(groupProps, hoverProps, focusProps),
         className: className,
@@ -136,7 +136,7 @@ function $beaeefa091999363$var$DatePicker(props, ref) {
         isDisabled: isDisabled,
         isQuiet: isQuiet,
         validationState: validationState,
-        className: (0, $8czI1$classNames)((0, ($parcel$interopDefault($8czI1$inputgroup_vars_cssmodulejs))), "spectrum-InputGroup-field"),
+        className: (0, $8czI1$classNames)((0, ($parcel$interopDefault($8czI1$inputgroup_vars_cssmodulejs))), 'spectrum-InputGroup-field'),
         inputClassName: fieldClassName,
         disableFocusRing: true
     }, /*#__PURE__*/ (0, $8czI1$react).createElement((0, $d2bb88c82604b25f$export$34dc4cfa15ead1), {
@@ -146,7 +146,7 @@ function $beaeefa091999363$var$DatePicker(props, ref) {
     })), /*#__PURE__*/ (0, $8czI1$react).createElement((0, $8czI1$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,
@@ -154,25 +154,25 @@ function $beaeefa091999363$var$DatePicker(props, ref) {
         shouldFlip: props.shouldFlip
     }, /*#__PURE__*/ (0, $8czI1$react).createElement((0, $8czI1$FieldButton), {
         ...(0, $8czI1$mergeProps)(buttonProps, focusPropsButton),
-        UNSAFE_className: (0, $8czI1$classNames)((0, ($parcel$interopDefault($8czI1$inputgroup_vars_cssmodulejs))), "spectrum-FieldButton"),
+        UNSAFE_className: (0, $8czI1$classNames)((0, ($parcel$interopDefault($8czI1$inputgroup_vars_cssmodulejs))), 'spectrum-FieldButton'),
         isQuiet: isQuiet,
         validationState: validationState
     }, /*#__PURE__*/ (0, $8czI1$react).createElement((0, $8czI1$spectrumiconsworkflowCalendar), null)), /*#__PURE__*/ (0, $8czI1$react).createElement((0, $8czI1$Dialog), {
-        UNSAFE_className: (0, $8czI1$classNames)((0, ($parcel$interopDefault($8czI1$styles_cssmodulejs))), "react-spectrum-Datepicker-dialog"),
+        UNSAFE_className: (0, $8czI1$classNames)((0, ($parcel$interopDefault($8czI1$styles_cssmodulejs))), 'react-spectrum-Datepicker-dialog'),
         ...dialogProps
     }, /*#__PURE__*/ (0, $8czI1$react).createElement((0, $8czI1$Content), null, /*#__PURE__*/ (0, $8czI1$react).createElement("div", {
-        className: (0, $8czI1$classNames)((0, ($parcel$interopDefault($8czI1$styles_cssmodulejs))), "react-spectrum-Datepicker-dialogContent")
+        className: (0, $8czI1$classNames)((0, ($parcel$interopDefault($8czI1$styles_cssmodulejs))), 'react-spectrum-Datepicker-dialogContent')
     }, /*#__PURE__*/ (0, $8czI1$react).createElement((0, $8czI1$Calendar), {
         ...calendarProps,
         visibleMonths: visibleMonths,
         pageBehavior: pageBehavior,
-        UNSAFE_className: (0, $8czI1$classNames)((0, ($parcel$interopDefault($8czI1$styles_cssmodulejs))), "react-spectrum-Datepicker-calendar", {
-            "is-invalid": isInvalid
+        UNSAFE_className: (0, $8czI1$classNames)((0, ($parcel$interopDefault($8czI1$styles_cssmodulejs))), 'react-spectrum-Datepicker-calendar', {
+            'is-invalid': isInvalid
         })
     }), showTimeField && /*#__PURE__*/ (0, $8czI1$react).createElement("div", {
-        className: (0, $8czI1$classNames)((0, ($parcel$interopDefault($8czI1$styles_cssmodulejs))), "react-spectrum-Datepicker-timeFields")
+        className: (0, $8czI1$classNames)((0, ($parcel$interopDefault($8czI1$styles_cssmodulejs))), 'react-spectrum-Datepicker-timeFields')
     }, /*#__PURE__*/ (0, $8czI1$react).createElement((0, $f0a04554754386b6$export$5eaee2322dd727eb), {
-        label: stringFormatter.format("time"),
+        label: stringFormatter.format('time'),
         value: state.timeValue,
         onChange: state.setTimeValue,
         placeholderValue: timePlaceholder,
@@ -190,4 +190,4 @@ function $beaeefa091999363$var$DatePicker(props, ref) {
 
 
 export {$beaeefa091999363$export$5109c6dd95d8fb00 as DatePicker};
-//# sourceMappingURL=DatePicker.mjs.map
+//# sourceMappingURL=DatePicker.module.js.map

package/dist/DatePicker.module.js

@@ -80,7 +80,7 @@ function $beaeefa091999363$var$DatePicker(props, ref) {
     let { isOpen: isOpen, setOpen: setOpen } = state;
     let { direction: direction } = (0, $8czI1$useLocale)();
     let domRef = (0, $04e96200274b03de$export$71a23a36270e4bf0)(ref);
-    let stringFormatter = (0, $8czI1$useLocalizedStringFormatter)((0, ($parcel$interopDefault($8czI1$intlStringsmodulejs))), "@react-spectrum/datepicker");
+    let stringFormatter = (0, $8czI1$useLocalizedStringFormatter)((0, ($parcel$interopDefault($8czI1$intlStringsmodulejs))), '@react-spectrum/datepicker');
     let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $8czI1$useFocusRing)({
         within: true,
         isTextInput: true,
@@ -91,30 +91,30 @@ function $beaeefa091999363$var$DatePicker(props, ref) {
         isTextInput: false,
         autoFocus: autoFocus
     });
-    let className = (0, $8czI1$classNames)((0, ($parcel$interopDefault($8czI1$inputgroup_vars_cssmodulejs))), "spectrum-InputGroup", {
-        "spectrum-InputGroup--quiet": isQuiet,
-        "spectrum-InputGroup--invalid": isInvalid && !isDisabled,
-        "is-disabled": isDisabled,
-        "is-hovered": isHovered,
-        "is-focused": isFocused,
-        "focus-ring": isFocusVisible && !isFocusedButton
+    let className = (0, $8czI1$classNames)((0, ($parcel$interopDefault($8czI1$inputgroup_vars_cssmodulejs))), 'spectrum-InputGroup', {
+        'spectrum-InputGroup--quiet': isQuiet,
+        'spectrum-InputGroup--invalid': isInvalid && !isDisabled,
+        'is-disabled': isDisabled,
+        'is-hovered': isHovered,
+        'is-focused': isFocused,
+        'focus-ring': isFocusVisible && !isFocusedButton
     });
-    let fieldClassName = (0, $8czI1$classNames)((0, ($parcel$interopDefault($8czI1$inputgroup_vars_cssmodulejs))), "spectrum-InputGroup-input", {
-        "is-disabled": isDisabled,
-        "is-invalid": isInvalid && !isDisabled
+    let fieldClassName = (0, $8czI1$classNames)((0, ($parcel$interopDefault($8czI1$inputgroup_vars_cssmodulejs))), 'spectrum-InputGroup-input', {
+        'is-disabled': isDisabled,
+        'is-invalid': isInvalid && !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 = (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 = (0, $04e96200274b03de$export$12ce2869ce471b1f)(maxVisibleMonths);
-    let validationState = state.validationState || (isInvalid ? "invalid" : null);
+    let validationState = state.validationState || (isInvalid ? 'invalid' : null);
     return /*#__PURE__*/ (0, $8czI1$react).createElement((0, $8czI1$Field), {
         ...props,
         ref: domRef,
@@ -127,7 +127,7 @@ function $beaeefa091999363$var$DatePicker(props, ref) {
         isInvalid: isInvalid,
         validationErrors: validationErrors,
         validationDetails: validationDetails,
-        wrapperClassName: (0, $8czI1$classNames)((0, ($parcel$interopDefault($8czI1$styles_cssmodulejs))), "react-spectrum-Datepicker-fieldWrapper")
+        wrapperClassName: (0, $8czI1$classNames)((0, ($parcel$interopDefault($8czI1$styles_cssmodulejs))), 'react-spectrum-Datepicker-fieldWrapper')
     }, /*#__PURE__*/ (0, $8czI1$react).createElement("div", {
         ...(0, $8czI1$mergeProps)(groupProps, hoverProps, focusProps),
         className: className,
@@ -136,7 +136,7 @@ function $beaeefa091999363$var$DatePicker(props, ref) {
         isDisabled: isDisabled,
         isQuiet: isQuiet,
         validationState: validationState,
-        className: (0, $8czI1$classNames)((0, ($parcel$interopDefault($8czI1$inputgroup_vars_cssmodulejs))), "spectrum-InputGroup-field"),
+        className: (0, $8czI1$classNames)((0, ($parcel$interopDefault($8czI1$inputgroup_vars_cssmodulejs))), 'spectrum-InputGroup-field'),
         inputClassName: fieldClassName,
         disableFocusRing: true
     }, /*#__PURE__*/ (0, $8czI1$react).createElement((0, $d2bb88c82604b25f$export$34dc4cfa15ead1), {
@@ -146,7 +146,7 @@ function $beaeefa091999363$var$DatePicker(props, ref) {
     })), /*#__PURE__*/ (0, $8czI1$react).createElement((0, $8czI1$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,
@@ -154,25 +154,25 @@ function $beaeefa091999363$var$DatePicker(props, ref) {
         shouldFlip: props.shouldFlip
     }, /*#__PURE__*/ (0, $8czI1$react).createElement((0, $8czI1$FieldButton), {
         ...(0, $8czI1$mergeProps)(buttonProps, focusPropsButton),
-        UNSAFE_className: (0, $8czI1$classNames)((0, ($parcel$interopDefault($8czI1$inputgroup_vars_cssmodulejs))), "spectrum-FieldButton"),
+        UNSAFE_className: (0, $8czI1$classNames)((0, ($parcel$interopDefault($8czI1$inputgroup_vars_cssmodulejs))), 'spectrum-FieldButton'),
         isQuiet: isQuiet,
         validationState: validationState
     }, /*#__PURE__*/ (0, $8czI1$react).createElement((0, $8czI1$spectrumiconsworkflowCalendar), null)), /*#__PURE__*/ (0, $8czI1$react).createElement((0, $8czI1$Dialog), {
-        UNSAFE_className: (0, $8czI1$classNames)((0, ($parcel$interopDefault($8czI1$styles_cssmodulejs))), "react-spectrum-Datepicker-dialog"),
+        UNSAFE_className: (0, $8czI1$classNames)((0, ($parcel$interopDefault($8czI1$styles_cssmodulejs))), 'react-spectrum-Datepicker-dialog'),
         ...dialogProps
     }, /*#__PURE__*/ (0, $8czI1$react).createElement((0, $8czI1$Content), null, /*#__PURE__*/ (0, $8czI1$react).createElement("div", {
-        className: (0, $8czI1$classNames)((0, ($parcel$interopDefault($8czI1$styles_cssmodulejs))), "react-spectrum-Datepicker-dialogContent")
+        className: (0, $8czI1$classNames)((0, ($parcel$interopDefault($8czI1$styles_cssmodulejs))), 'react-spectrum-Datepicker-dialogContent')
     }, /*#__PURE__*/ (0, $8czI1$react).createElement((0, $8czI1$Calendar), {
         ...calendarProps,
         visibleMonths: visibleMonths,
         pageBehavior: pageBehavior,
-        UNSAFE_className: (0, $8czI1$classNames)((0, ($parcel$interopDefault($8czI1$styles_cssmodulejs))), "react-spectrum-Datepicker-calendar", {
-            "is-invalid": isInvalid
+        UNSAFE_className: (0, $8czI1$classNames)((0, ($parcel$interopDefault($8czI1$styles_cssmodulejs))), 'react-spectrum-Datepicker-calendar', {
+            'is-invalid': isInvalid
         })
     }), showTimeField && /*#__PURE__*/ (0, $8czI1$react).createElement("div", {
-        className: (0, $8czI1$classNames)((0, ($parcel$interopDefault($8czI1$styles_cssmodulejs))), "react-spectrum-Datepicker-timeFields")
+        className: (0, $8czI1$classNames)((0, ($parcel$interopDefault($8czI1$styles_cssmodulejs))), 'react-spectrum-Datepicker-timeFields')
     }, /*#__PURE__*/ (0, $8czI1$react).createElement((0, $f0a04554754386b6$export$5eaee2322dd727eb), {
-        label: stringFormatter.format("time"),
+        label: stringFormatter.format('time'),
         value: state.timeValue,
         onChange: state.setTimeValue,
         placeholderValue: timePlaceholder,

package/dist/DatePickerField.main.js

@@ -52,8 +52,8 @@ function $bd22dc8dad9522bc$export$34dc4cfa15ead1(props) {
     }, state, ref);
     return /*#__PURE__*/ (0, ($parcel$interopDefault($g7Fnj$react))).createElement("div", {
         ...fieldProps,
-        "data-testid": props["data-testid"],
-        className: (0, $g7Fnj$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), "react-spectrum-Datepicker-segments", inputClassName),
+        "data-testid": props['data-testid'],
+        className: (0, $g7Fnj$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), 'react-spectrum-Datepicker-segments', inputClassName),
         ref: ref
     }, state.segments.map((segment, i)=>/*#__PURE__*/ (0, ($parcel$interopDefault($g7Fnj$react))).createElement((0, $edac158d20ebe4a9$exports.DatePickerSegment), {
             key: i,

package/dist/DatePickerField.mjs

@@ -46,8 +46,8 @@ function $d2bb88c82604b25f$export$34dc4cfa15ead1(props) {
     }, state, ref);
     return /*#__PURE__*/ (0, $332Ed$react).createElement("div", {
         ...fieldProps,
-        "data-testid": props["data-testid"],
-        className: (0, $332Ed$classNames)((0, ($parcel$interopDefault($332Ed$styles_cssmodulejs))), "react-spectrum-Datepicker-segments", inputClassName),
+        "data-testid": props['data-testid'],
+        className: (0, $332Ed$classNames)((0, ($parcel$interopDefault($332Ed$styles_cssmodulejs))), 'react-spectrum-Datepicker-segments', inputClassName),
         ref: ref
     }, state.segments.map((segment, i)=>/*#__PURE__*/ (0, $332Ed$react).createElement((0, $cfa347761f172638$export$6388987c5223b54e), {
             key: i,
@@ -64,4 +64,4 @@ function $d2bb88c82604b25f$export$34dc4cfa15ead1(props) {
 
 
 export {$d2bb88c82604b25f$export$34dc4cfa15ead1 as DatePickerField};
-//# sourceMappingURL=DatePickerField.mjs.map
+//# sourceMappingURL=DatePickerField.module.js.map

package/dist/DatePickerField.module.js

@@ -46,8 +46,8 @@ function $d2bb88c82604b25f$export$34dc4cfa15ead1(props) {
     }, state, ref);
     return /*#__PURE__*/ (0, $332Ed$react).createElement("div", {
         ...fieldProps,
-        "data-testid": props["data-testid"],
-        className: (0, $332Ed$classNames)((0, ($parcel$interopDefault($332Ed$styles_cssmodulejs))), "react-spectrum-Datepicker-segments", inputClassName),
+        "data-testid": props['data-testid'],
+        className: (0, $332Ed$classNames)((0, ($parcel$interopDefault($332Ed$styles_cssmodulejs))), 'react-spectrum-Datepicker-segments', inputClassName),
         ref: ref
     }, state.segments.map((segment, i)=>/*#__PURE__*/ (0, $332Ed$react).createElement((0, $cfa347761f172638$export$6388987c5223b54e), {
             key: i,

package/dist/DatePickerSegment.main.js

@@ -31,7 +31,7 @@ $parcel$export(module.exports, "DatePickerSegment", () => $edac158d20ebe4a9$expo
 function $edac158d20ebe4a9$export$6388987c5223b54e({ segment: segment, state: state, ...otherProps }) {
     switch(segment.type){
         // A separator, e.g. punctuation
-        case "literal":
+        case 'literal':
             return /*#__PURE__*/ (0, ($parcel$interopDefault($9PhAi$react))).createElement($edac158d20ebe4a9$var$LiteralSegment, {
                 segment: segment
             });
@@ -47,8 +47,8 @@ function $edac158d20ebe4a9$export$6388987c5223b54e({ segment: segment, state: st
 function $edac158d20ebe4a9$var$LiteralSegment({ segment: segment }) {
     return /*#__PURE__*/ (0, ($parcel$interopDefault($9PhAi$react))).createElement("span", {
         "aria-hidden": "true",
-        className: (0, $9PhAi$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), "react-spectrum-Datepicker-literal"),
-        "data-testid": segment.type === "literal" ? undefined : segment.type
+        className: (0, $9PhAi$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), 'react-spectrum-Datepicker-literal'),
+        "data-testid": segment.type === 'literal' ? undefined : segment.type
     }, segment.text);
 }
 function $edac158d20ebe4a9$var$EditableSegment({ segment: segment, state: state }) {
@@ -57,19 +57,19 @@ function $edac158d20ebe4a9$var$EditableSegment({ segment: segment, state: state
     return /*#__PURE__*/ (0, ($parcel$interopDefault($9PhAi$react))).createElement("div", {
         ...segmentProps,
         ref: ref,
-        className: (0, $9PhAi$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), "react-spectrum-DatePicker-cell", {
-            "is-placeholder": segment.isPlaceholder,
-            "is-read-only": !segment.isEditable
+        className: (0, $9PhAi$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$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__*/ (0, ($parcel$interopDefault($9PhAi$react))).createElement("span", {
         "aria-hidden": "true",
-        className: (0, $9PhAi$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), "react-spectrum-DatePicker-placeholder")
-    }, segment.placeholder), segment.isPlaceholder ? "" : segment.text);
+        className: (0, $9PhAi$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), 'react-spectrum-DatePicker-placeholder')
+    }, segment.placeholder), segment.isPlaceholder ? '' : segment.text);
 }
 
 

package/dist/DatePickerSegment.mjs

@@ -25,7 +25,7 @@ function $parcel$interopDefault(a) {
 function $cfa347761f172638$export$6388987c5223b54e({ segment: segment, state: state, ...otherProps }) {
     switch(segment.type){
         // A separator, e.g. punctuation
-        case "literal":
+        case 'literal':
             return /*#__PURE__*/ (0, $jOVo7$react).createElement($cfa347761f172638$var$LiteralSegment, {
                 segment: segment
             });
@@ -41,8 +41,8 @@ function $cfa347761f172638$export$6388987c5223b54e({ segment: segment, state: st
 function $cfa347761f172638$var$LiteralSegment({ segment: segment }) {
     return /*#__PURE__*/ (0, $jOVo7$react).createElement("span", {
         "aria-hidden": "true",
-        className: (0, $jOVo7$classNames)((0, ($parcel$interopDefault($jOVo7$styles_cssmodulejs))), "react-spectrum-Datepicker-literal"),
-        "data-testid": segment.type === "literal" ? undefined : segment.type
+        className: (0, $jOVo7$classNames)((0, ($parcel$interopDefault($jOVo7$styles_cssmodulejs))), 'react-spectrum-Datepicker-literal'),
+        "data-testid": segment.type === 'literal' ? undefined : segment.type
     }, segment.text);
 }
 function $cfa347761f172638$var$EditableSegment({ segment: segment, state: state }) {
@@ -51,21 +51,21 @@ function $cfa347761f172638$var$EditableSegment({ segment: segment, state: state
     return /*#__PURE__*/ (0, $jOVo7$react).createElement("div", {
         ...segmentProps,
         ref: ref,
-        className: (0, $jOVo7$classNames)((0, ($parcel$interopDefault($jOVo7$styles_cssmodulejs))), "react-spectrum-DatePicker-cell", {
-            "is-placeholder": segment.isPlaceholder,
-            "is-read-only": !segment.isEditable
+        className: (0, $jOVo7$classNames)((0, ($parcel$interopDefault($jOVo7$styles_cssmodulejs))), '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__*/ (0, $jOVo7$react).createElement("span", {
         "aria-hidden": "true",
-        className: (0, $jOVo7$classNames)((0, ($parcel$interopDefault($jOVo7$styles_cssmodulejs))), "react-spectrum-DatePicker-placeholder")
-    }, segment.placeholder), segment.isPlaceholder ? "" : segment.text);
+        className: (0, $jOVo7$classNames)((0, ($parcel$interopDefault($jOVo7$styles_cssmodulejs))), 'react-spectrum-DatePicker-placeholder')
+    }, segment.placeholder), segment.isPlaceholder ? '' : segment.text);
 }
 
 
 export {$cfa347761f172638$export$6388987c5223b54e as DatePickerSegment};
-//# sourceMappingURL=DatePickerSegment.mjs.map
+//# sourceMappingURL=DatePickerSegment.module.js.map