@react-spectrum/datepicker 3.9.5 → 3.9.6

package/dist/DatePickerSegment.module.js

@@ -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,19 +51,19 @@ 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);
 }
 
 

package/dist/DateRangePicker.main.js

@@ -86,7 +86,7 @@ function $16cafb71dac155a4$var$DateRangePicker(props, ref) {
     let { isOpen: isOpen, setOpen: setOpen } = state;
     let { direction: direction } = (0, $56Vum$reactariai18n.useLocale)();
     let domRef = (0, $4d2e419f522adb48$exports.useFocusManagerRef)(ref);
-    let stringFormatter = (0, $56Vum$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($0045b32a117743a7$exports))), "@react-spectrum/datepicker");
+    let stringFormatter = (0, $56Vum$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($0045b32a117743a7$exports))), '@react-spectrum/datepicker');
     let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $56Vum$reactariafocus.useFocusRing)({
         within: true,
         isTextInput: true,
@@ -97,30 +97,30 @@ function $16cafb71dac155a4$var$DateRangePicker(props, ref) {
         isTextInput: false,
         autoFocus: autoFocus
     });
-    let className = (0, $56Vum$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, $56Vum$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, $56Vum$reactspectrumutils.classNames)((0, ($parcel$interopDefault($2f86633ce5b04f1e$exports))), "spectrum-InputGroup-input", {
-        "is-disabled": isDisabled,
-        "is-invalid": isInvalid && !isDisabled
+    let fieldClassName = (0, $56Vum$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($56Vum$react))).createElement((0, $56Vum$reactspectrumlabel.Field), {
         ...props,
         ref: domRef,
@@ -133,7 +133,7 @@ function $16cafb71dac155a4$var$DateRangePicker(props, ref) {
         isInvalid: isInvalid,
         validationErrors: validationErrors,
         validationDetails: validationDetails,
-        wrapperClassName: (0, $56Vum$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), "react-spectrum-Datepicker-fieldWrapper")
+        wrapperClassName: (0, $56Vum$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), 'react-spectrum-Datepicker-fieldWrapper')
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($56Vum$react))).createElement("div", {
         ...(0, $56Vum$reactariautils.mergeProps)(groupProps, hoverProps, focusProps),
         className: className,
@@ -142,23 +142,23 @@ function $16cafb71dac155a4$var$DateRangePicker(props, ref) {
         isDisabled: isDisabled,
         isQuiet: isQuiet,
         validationState: validationState,
-        className: (0, $56Vum$reactspectrumutils.classNames)((0, ($parcel$interopDefault($2f86633ce5b04f1e$exports))), "spectrum-InputGroup-field"),
+        className: (0, $56Vum$reactspectrumutils.classNames)((0, ($parcel$interopDefault($2f86633ce5b04f1e$exports))), 'spectrum-InputGroup-field'),
         inputClassName: fieldClassName,
         disableFocusRing: true
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($56Vum$react))).createElement((0, $bd22dc8dad9522bc$exports.DatePickerField), {
         ...startFieldProps,
         "data-testid": "start-date",
         isQuiet: props.isQuiet,
-        inputClassName: (0, $56Vum$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), "react-spectrum-Datepicker-startField")
+        inputClassName: (0, $56Vum$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), 'react-spectrum-Datepicker-startField')
     }), /*#__PURE__*/ (0, ($parcel$interopDefault($56Vum$react))).createElement($16cafb71dac155a4$var$DateRangeDash, null), /*#__PURE__*/ (0, ($parcel$interopDefault($56Vum$react))).createElement((0, $bd22dc8dad9522bc$exports.DatePickerField), {
         ...endFieldProps,
         "data-testid": "end-date",
         isQuiet: props.isQuiet,
-        inputClassName: (0, $56Vum$reactspectrumutils.classNames)((0, ($parcel$interopDefault($2f86633ce5b04f1e$exports))), "spectrum-Datepicker-endField", (0, $56Vum$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), "react-spectrum-Datepicker-endField"))
+        inputClassName: (0, $56Vum$reactspectrumutils.classNames)((0, ($parcel$interopDefault($2f86633ce5b04f1e$exports))), 'spectrum-Datepicker-endField', (0, $56Vum$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), 'react-spectrum-Datepicker-endField'))
     })), /*#__PURE__*/ (0, ($parcel$interopDefault($56Vum$react))).createElement((0, $56Vum$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,
@@ -166,29 +166,29 @@ function $16cafb71dac155a4$var$DateRangePicker(props, ref) {
         shouldFlip: props.shouldFlip
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($56Vum$react))).createElement((0, $56Vum$reactspectrumbutton.FieldButton), {
         ...(0, $56Vum$reactariautils.mergeProps)(buttonProps, focusPropsButton),
-        UNSAFE_className: (0, $56Vum$reactspectrumutils.classNames)((0, ($parcel$interopDefault($2f86633ce5b04f1e$exports))), "spectrum-FieldButton"),
+        UNSAFE_className: (0, $56Vum$reactspectrumutils.classNames)((0, ($parcel$interopDefault($2f86633ce5b04f1e$exports))), 'spectrum-FieldButton'),
         isQuiet: isQuiet,
         validationState: validationState
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($56Vum$react))).createElement((0, ($parcel$interopDefault($56Vum$spectrumiconsworkflowCalendar))), null)), /*#__PURE__*/ (0, ($parcel$interopDefault($56Vum$react))).createElement((0, $56Vum$reactspectrumdialog.Dialog), {
-        UNSAFE_className: (0, $56Vum$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), "react-spectrum-Datepicker-dialog"),
+        UNSAFE_className: (0, $56Vum$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), 'react-spectrum-Datepicker-dialog'),
         ...dialogProps
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($56Vum$react))).createElement((0, $56Vum$reactspectrumview.Content), null, /*#__PURE__*/ (0, ($parcel$interopDefault($56Vum$react))).createElement("div", {
-        className: (0, $56Vum$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), "react-spectrum-Datepicker-dialogContent")
+        className: (0, $56Vum$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), 'react-spectrum-Datepicker-dialogContent')
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($56Vum$react))).createElement((0, $56Vum$reactspectrumcalendar.RangeCalendar), {
         ...calendarProps,
         visibleMonths: visibleMonths,
         pageBehavior: pageBehavior,
-        UNSAFE_className: (0, $56Vum$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), "react-spectrum-Datepicker-calendar", {
-            "is-invalid": validationState === "invalid"
+        UNSAFE_className: (0, $56Vum$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), 'react-spectrum-Datepicker-calendar', {
+            'is-invalid': validationState === 'invalid'
         })
     }), showTimeField && /*#__PURE__*/ (0, ($parcel$interopDefault($56Vum$react))).createElement((0, $56Vum$reactspectrumlayout.Flex), {
         gap: "size-100",
         marginTop: "size-100",
-        UNSAFE_className: (0, $56Vum$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), "react-spectrum-Datepicker-timeFields")
+        UNSAFE_className: (0, $56Vum$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), 'react-spectrum-Datepicker-timeFields')
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($56Vum$react))).createElement((0, $740ff83729a8f317$exports.TimeField), {
-        label: stringFormatter.format("startTime"),
+        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),
+        onChange: (v)=>state.setTime('start', v),
         placeholderValue: timePlaceholder,
         granularity: timeGranularity,
         minValue: timeMinValue,
@@ -197,9 +197,9 @@ function $16cafb71dac155a4$var$DateRangePicker(props, ref) {
         hideTimeZone: props.hideTimeZone,
         flex: true
     }), /*#__PURE__*/ (0, ($parcel$interopDefault($56Vum$react))).createElement((0, $740ff83729a8f317$exports.TimeField), {
-        label: stringFormatter.format("endTime"),
+        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),
+        onChange: (v)=>state.setTime('end', v),
         placeholderValue: timePlaceholder,
         granularity: timeGranularity,
         minValue: timeMinValue,
@@ -213,7 +213,7 @@ function $16cafb71dac155a4$var$DateRangeDash() {
     return /*#__PURE__*/ (0, ($parcel$interopDefault($56Vum$react))).createElement("div", {
         "aria-hidden": "true",
         "data-testid": "date-range-dash",
-        className: (0, $56Vum$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), "react-spectrum-Datepicker-rangeDash")
+        className: (0, $56Vum$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), 'react-spectrum-Datepicker-rangeDash')
     });
 }
 /**

package/dist/DateRangePicker.mjs

@@ -80,7 +80,7 @@ function $cb301300011a98f7$var$DateRangePicker(props, ref) {
     let { isOpen: isOpen, setOpen: setOpen } = state;
     let { direction: direction } = (0, $dUbU7$useLocale)();
     let domRef = (0, $04e96200274b03de$export$71a23a36270e4bf0)(ref);
-    let stringFormatter = (0, $dUbU7$useLocalizedStringFormatter)((0, ($parcel$interopDefault($dUbU7$intlStringsmodulejs))), "@react-spectrum/datepicker");
+    let stringFormatter = (0, $dUbU7$useLocalizedStringFormatter)((0, ($parcel$interopDefault($dUbU7$intlStringsmodulejs))), '@react-spectrum/datepicker');
     let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $dUbU7$useFocusRing)({
         within: true,
         isTextInput: true,
@@ -91,30 +91,30 @@ function $cb301300011a98f7$var$DateRangePicker(props, ref) {
         isTextInput: false,
         autoFocus: autoFocus
     });
-    let className = (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$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, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$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, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$inputgroup_vars_cssmodulejs))), "spectrum-InputGroup-input", {
-        "is-disabled": isDisabled,
-        "is-invalid": isInvalid && !isDisabled
+    let fieldClassName = (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$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, $dUbU7$react).createElement((0, $dUbU7$Field), {
         ...props,
         ref: domRef,
@@ -127,7 +127,7 @@ function $cb301300011a98f7$var$DateRangePicker(props, ref) {
         isInvalid: isInvalid,
         validationErrors: validationErrors,
         validationDetails: validationDetails,
-        wrapperClassName: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$styles_cssmodulejs))), "react-spectrum-Datepicker-fieldWrapper")
+        wrapperClassName: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$styles_cssmodulejs))), 'react-spectrum-Datepicker-fieldWrapper')
     }, /*#__PURE__*/ (0, $dUbU7$react).createElement("div", {
         ...(0, $dUbU7$mergeProps)(groupProps, hoverProps, focusProps),
         className: className,
@@ -136,23 +136,23 @@ function $cb301300011a98f7$var$DateRangePicker(props, ref) {
         isDisabled: isDisabled,
         isQuiet: isQuiet,
         validationState: validationState,
-        className: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$inputgroup_vars_cssmodulejs))), "spectrum-InputGroup-field"),
+        className: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$inputgroup_vars_cssmodulejs))), 'spectrum-InputGroup-field'),
         inputClassName: fieldClassName,
         disableFocusRing: true
     }, /*#__PURE__*/ (0, $dUbU7$react).createElement((0, $d2bb88c82604b25f$export$34dc4cfa15ead1), {
         ...startFieldProps,
         "data-testid": "start-date",
         isQuiet: props.isQuiet,
-        inputClassName: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$styles_cssmodulejs))), "react-spectrum-Datepicker-startField")
+        inputClassName: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$styles_cssmodulejs))), 'react-spectrum-Datepicker-startField')
     }), /*#__PURE__*/ (0, $dUbU7$react).createElement($cb301300011a98f7$var$DateRangeDash, null), /*#__PURE__*/ (0, $dUbU7$react).createElement((0, $d2bb88c82604b25f$export$34dc4cfa15ead1), {
         ...endFieldProps,
         "data-testid": "end-date",
         isQuiet: props.isQuiet,
-        inputClassName: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$inputgroup_vars_cssmodulejs))), "spectrum-Datepicker-endField", (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$styles_cssmodulejs))), "react-spectrum-Datepicker-endField"))
+        inputClassName: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$inputgroup_vars_cssmodulejs))), 'spectrum-Datepicker-endField', (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$styles_cssmodulejs))), 'react-spectrum-Datepicker-endField'))
     })), /*#__PURE__*/ (0, $dUbU7$react).createElement((0, $dUbU7$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,29 +160,29 @@ function $cb301300011a98f7$var$DateRangePicker(props, ref) {
         shouldFlip: props.shouldFlip
     }, /*#__PURE__*/ (0, $dUbU7$react).createElement((0, $dUbU7$FieldButton), {
         ...(0, $dUbU7$mergeProps)(buttonProps, focusPropsButton),
-        UNSAFE_className: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$inputgroup_vars_cssmodulejs))), "spectrum-FieldButton"),
+        UNSAFE_className: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$inputgroup_vars_cssmodulejs))), 'spectrum-FieldButton'),
         isQuiet: isQuiet,
         validationState: validationState
     }, /*#__PURE__*/ (0, $dUbU7$react).createElement((0, $dUbU7$spectrumiconsworkflowCalendar), null)), /*#__PURE__*/ (0, $dUbU7$react).createElement((0, $dUbU7$Dialog), {
-        UNSAFE_className: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$styles_cssmodulejs))), "react-spectrum-Datepicker-dialog"),
+        UNSAFE_className: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$styles_cssmodulejs))), 'react-spectrum-Datepicker-dialog'),
         ...dialogProps
     }, /*#__PURE__*/ (0, $dUbU7$react).createElement((0, $dUbU7$Content), null, /*#__PURE__*/ (0, $dUbU7$react).createElement("div", {
-        className: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$styles_cssmodulejs))), "react-spectrum-Datepicker-dialogContent")
+        className: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$styles_cssmodulejs))), 'react-spectrum-Datepicker-dialogContent')
     }, /*#__PURE__*/ (0, $dUbU7$react).createElement((0, $dUbU7$RangeCalendar), {
         ...calendarProps,
         visibleMonths: visibleMonths,
         pageBehavior: pageBehavior,
-        UNSAFE_className: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$styles_cssmodulejs))), "react-spectrum-Datepicker-calendar", {
-            "is-invalid": validationState === "invalid"
+        UNSAFE_className: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$styles_cssmodulejs))), 'react-spectrum-Datepicker-calendar', {
+            'is-invalid': validationState === 'invalid'
         })
     }), showTimeField && /*#__PURE__*/ (0, $dUbU7$react).createElement((0, $dUbU7$Flex), {
         gap: "size-100",
         marginTop: "size-100",
-        UNSAFE_className: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$styles_cssmodulejs))), "react-spectrum-Datepicker-timeFields")
+        UNSAFE_className: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$styles_cssmodulejs))), 'react-spectrum-Datepicker-timeFields')
     }, /*#__PURE__*/ (0, $dUbU7$react).createElement((0, $f0a04554754386b6$export$5eaee2322dd727eb), {
-        label: stringFormatter.format("startTime"),
+        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),
+        onChange: (v)=>state.setTime('start', v),
         placeholderValue: timePlaceholder,
         granularity: timeGranularity,
         minValue: timeMinValue,
@@ -191,9 +191,9 @@ function $cb301300011a98f7$var$DateRangePicker(props, ref) {
         hideTimeZone: props.hideTimeZone,
         flex: true
     }), /*#__PURE__*/ (0, $dUbU7$react).createElement((0, $f0a04554754386b6$export$5eaee2322dd727eb), {
-        label: stringFormatter.format("endTime"),
+        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),
+        onChange: (v)=>state.setTime('end', v),
         placeholderValue: timePlaceholder,
         granularity: timeGranularity,
         minValue: timeMinValue,
@@ -207,7 +207,7 @@ function $cb301300011a98f7$var$DateRangeDash() {
     return /*#__PURE__*/ (0, $dUbU7$react).createElement("div", {
         "aria-hidden": "true",
         "data-testid": "date-range-dash",
-        className: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$styles_cssmodulejs))), "react-spectrum-Datepicker-rangeDash")
+        className: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$styles_cssmodulejs))), 'react-spectrum-Datepicker-rangeDash')
     });
 }
 /**
@@ -217,4 +217,4 @@ function $cb301300011a98f7$var$DateRangeDash() {
 
 
 export {$cb301300011a98f7$export$17334619f3ac2224 as DateRangePicker};
-//# sourceMappingURL=DateRangePicker.mjs.map
+//# sourceMappingURL=DateRangePicker.module.js.map

package/dist/DateRangePicker.module.js

@@ -80,7 +80,7 @@ function $cb301300011a98f7$var$DateRangePicker(props, ref) {
     let { isOpen: isOpen, setOpen: setOpen } = state;
     let { direction: direction } = (0, $dUbU7$useLocale)();
     let domRef = (0, $04e96200274b03de$export$71a23a36270e4bf0)(ref);
-    let stringFormatter = (0, $dUbU7$useLocalizedStringFormatter)((0, ($parcel$interopDefault($dUbU7$intlStringsmodulejs))), "@react-spectrum/datepicker");
+    let stringFormatter = (0, $dUbU7$useLocalizedStringFormatter)((0, ($parcel$interopDefault($dUbU7$intlStringsmodulejs))), '@react-spectrum/datepicker');
     let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $dUbU7$useFocusRing)({
         within: true,
         isTextInput: true,
@@ -91,30 +91,30 @@ function $cb301300011a98f7$var$DateRangePicker(props, ref) {
         isTextInput: false,
         autoFocus: autoFocus
     });
-    let className = (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$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, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$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, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$inputgroup_vars_cssmodulejs))), "spectrum-InputGroup-input", {
-        "is-disabled": isDisabled,
-        "is-invalid": isInvalid && !isDisabled
+    let fieldClassName = (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$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, $dUbU7$react).createElement((0, $dUbU7$Field), {
         ...props,
         ref: domRef,
@@ -127,7 +127,7 @@ function $cb301300011a98f7$var$DateRangePicker(props, ref) {
         isInvalid: isInvalid,
         validationErrors: validationErrors,
         validationDetails: validationDetails,
-        wrapperClassName: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$styles_cssmodulejs))), "react-spectrum-Datepicker-fieldWrapper")
+        wrapperClassName: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$styles_cssmodulejs))), 'react-spectrum-Datepicker-fieldWrapper')
     }, /*#__PURE__*/ (0, $dUbU7$react).createElement("div", {
         ...(0, $dUbU7$mergeProps)(groupProps, hoverProps, focusProps),
         className: className,
@@ -136,23 +136,23 @@ function $cb301300011a98f7$var$DateRangePicker(props, ref) {
         isDisabled: isDisabled,
         isQuiet: isQuiet,
         validationState: validationState,
-        className: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$inputgroup_vars_cssmodulejs))), "spectrum-InputGroup-field"),
+        className: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$inputgroup_vars_cssmodulejs))), 'spectrum-InputGroup-field'),
         inputClassName: fieldClassName,
         disableFocusRing: true
     }, /*#__PURE__*/ (0, $dUbU7$react).createElement((0, $d2bb88c82604b25f$export$34dc4cfa15ead1), {
         ...startFieldProps,
         "data-testid": "start-date",
         isQuiet: props.isQuiet,
-        inputClassName: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$styles_cssmodulejs))), "react-spectrum-Datepicker-startField")
+        inputClassName: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$styles_cssmodulejs))), 'react-spectrum-Datepicker-startField')
     }), /*#__PURE__*/ (0, $dUbU7$react).createElement($cb301300011a98f7$var$DateRangeDash, null), /*#__PURE__*/ (0, $dUbU7$react).createElement((0, $d2bb88c82604b25f$export$34dc4cfa15ead1), {
         ...endFieldProps,
         "data-testid": "end-date",
         isQuiet: props.isQuiet,
-        inputClassName: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$inputgroup_vars_cssmodulejs))), "spectrum-Datepicker-endField", (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$styles_cssmodulejs))), "react-spectrum-Datepicker-endField"))
+        inputClassName: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$inputgroup_vars_cssmodulejs))), 'spectrum-Datepicker-endField', (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$styles_cssmodulejs))), 'react-spectrum-Datepicker-endField'))
     })), /*#__PURE__*/ (0, $dUbU7$react).createElement((0, $dUbU7$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,29 +160,29 @@ function $cb301300011a98f7$var$DateRangePicker(props, ref) {
         shouldFlip: props.shouldFlip
     }, /*#__PURE__*/ (0, $dUbU7$react).createElement((0, $dUbU7$FieldButton), {
         ...(0, $dUbU7$mergeProps)(buttonProps, focusPropsButton),
-        UNSAFE_className: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$inputgroup_vars_cssmodulejs))), "spectrum-FieldButton"),
+        UNSAFE_className: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$inputgroup_vars_cssmodulejs))), 'spectrum-FieldButton'),
         isQuiet: isQuiet,
         validationState: validationState
     }, /*#__PURE__*/ (0, $dUbU7$react).createElement((0, $dUbU7$spectrumiconsworkflowCalendar), null)), /*#__PURE__*/ (0, $dUbU7$react).createElement((0, $dUbU7$Dialog), {
-        UNSAFE_className: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$styles_cssmodulejs))), "react-spectrum-Datepicker-dialog"),
+        UNSAFE_className: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$styles_cssmodulejs))), 'react-spectrum-Datepicker-dialog'),
         ...dialogProps
     }, /*#__PURE__*/ (0, $dUbU7$react).createElement((0, $dUbU7$Content), null, /*#__PURE__*/ (0, $dUbU7$react).createElement("div", {
-        className: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$styles_cssmodulejs))), "react-spectrum-Datepicker-dialogContent")
+        className: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$styles_cssmodulejs))), 'react-spectrum-Datepicker-dialogContent')
     }, /*#__PURE__*/ (0, $dUbU7$react).createElement((0, $dUbU7$RangeCalendar), {
         ...calendarProps,
         visibleMonths: visibleMonths,
         pageBehavior: pageBehavior,
-        UNSAFE_className: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$styles_cssmodulejs))), "react-spectrum-Datepicker-calendar", {
-            "is-invalid": validationState === "invalid"
+        UNSAFE_className: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$styles_cssmodulejs))), 'react-spectrum-Datepicker-calendar', {
+            'is-invalid': validationState === 'invalid'
         })
     }), showTimeField && /*#__PURE__*/ (0, $dUbU7$react).createElement((0, $dUbU7$Flex), {
         gap: "size-100",
         marginTop: "size-100",
-        UNSAFE_className: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$styles_cssmodulejs))), "react-spectrum-Datepicker-timeFields")
+        UNSAFE_className: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$styles_cssmodulejs))), 'react-spectrum-Datepicker-timeFields')
     }, /*#__PURE__*/ (0, $dUbU7$react).createElement((0, $f0a04554754386b6$export$5eaee2322dd727eb), {
-        label: stringFormatter.format("startTime"),
+        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),
+        onChange: (v)=>state.setTime('start', v),
         placeholderValue: timePlaceholder,
         granularity: timeGranularity,
         minValue: timeMinValue,
@@ -191,9 +191,9 @@ function $cb301300011a98f7$var$DateRangePicker(props, ref) {
         hideTimeZone: props.hideTimeZone,
         flex: true
     }), /*#__PURE__*/ (0, $dUbU7$react).createElement((0, $f0a04554754386b6$export$5eaee2322dd727eb), {
-        label: stringFormatter.format("endTime"),
+        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),
+        onChange: (v)=>state.setTime('end', v),
         placeholderValue: timePlaceholder,
         granularity: timeGranularity,
         minValue: timeMinValue,
@@ -207,7 +207,7 @@ function $cb301300011a98f7$var$DateRangeDash() {
     return /*#__PURE__*/ (0, $dUbU7$react).createElement("div", {
         "aria-hidden": "true",
         "data-testid": "date-range-dash",
-        className: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$styles_cssmodulejs))), "react-spectrum-Datepicker-rangeDash")
+        className: (0, $dUbU7$classNames)((0, ($parcel$interopDefault($dUbU7$styles_cssmodulejs))), 'react-spectrum-Datepicker-rangeDash')
     });
 }
 /**

package/dist/Input.main.js

@@ -77,29 +77,29 @@ function $c3ebc4931d9b9977$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.
-    (0, $9cini$reactariautils.useEvent)((0, $9cini$react.useRef)(typeof window !== "undefined" ? window : null), "resize", onResize);
+    (0, $9cini$reactariautils.useEvent)((0, $9cini$react.useRef)(typeof window !== 'undefined' ? window : null), 'resize', onResize);
     let { focusProps: focusProps, isFocusVisible: isFocusVisible, isFocused: isFocused } = (0, $9cini$reactariafocus.useFocusRing)({
         isTextInput: true,
         within: true
     });
-    let isInvalid = validationState === "invalid" && !isDisabled;
-    let textfieldClass = (0, $9cini$reactspectrumutils.classNames)((0, ($parcel$interopDefault($40cb3a00c193680f$exports))), "spectrum-Textfield", {
-        "spectrum-Textfield--invalid": isInvalid,
-        "spectrum-Textfield--valid": validationState === "valid" && !isDisabled,
-        "spectrum-Textfield--quiet": isQuiet,
-        "focus-ring": isFocusVisible && !disableFocusRing
-    }, (0, $9cini$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), "react-spectrum-Datepicker-field"), className);
-    let inputClass = (0, $9cini$reactspectrumutils.classNames)((0, ($parcel$interopDefault($40cb3a00c193680f$exports))), "spectrum-Textfield-input", {
-        "is-disabled": isDisabled,
-        "is-focused": isFocused
-    }, (0, $9cini$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), "react-spectrum-DateField-Input"), reservePadding && (0, $9cini$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), "react-spectrum-Datepicker-input"), inputClassName);
-    let iconClass = (0, $9cini$reactspectrumutils.classNames)((0, ($parcel$interopDefault($40cb3a00c193680f$exports))), "spectrum-Textfield-validationIcon");
+    let isInvalid = validationState === 'invalid' && !isDisabled;
+    let textfieldClass = (0, $9cini$reactspectrumutils.classNames)((0, ($parcel$interopDefault($40cb3a00c193680f$exports))), 'spectrum-Textfield', {
+        'spectrum-Textfield--invalid': isInvalid,
+        'spectrum-Textfield--valid': validationState === 'valid' && !isDisabled,
+        'spectrum-Textfield--quiet': isQuiet,
+        'focus-ring': isFocusVisible && !disableFocusRing
+    }, (0, $9cini$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), 'react-spectrum-Datepicker-field'), className);
+    let inputClass = (0, $9cini$reactspectrumutils.classNames)((0, ($parcel$interopDefault($40cb3a00c193680f$exports))), 'spectrum-Textfield-input', {
+        'is-disabled': isDisabled,
+        'is-focused': isFocused
+    }, (0, $9cini$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), 'react-spectrum-DateField-Input'), reservePadding && (0, $9cini$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), 'react-spectrum-Datepicker-input'), inputClassName);
+    let iconClass = (0, $9cini$reactspectrumutils.classNames)((0, ($parcel$interopDefault($40cb3a00c193680f$exports))), 'spectrum-Textfield-validationIcon');
     let validationIcon = null;
-    if (validationState === "invalid" && !isDisabled) validationIcon = /*#__PURE__*/ (0, ($parcel$interopDefault($9cini$react))).createElement((0, ($parcel$interopDefault($9cini$spectrumiconsuiAlertMedium))), {
+    if (validationState === 'invalid' && !isDisabled) validationIcon = /*#__PURE__*/ (0, ($parcel$interopDefault($9cini$react))).createElement((0, ($parcel$interopDefault($9cini$spectrumiconsuiAlertMedium))), {
         "data-testid": "invalid-icon",
         UNSAFE_className: iconClass
     });
-    else if (validationState === "valid" && !isDisabled) validationIcon = /*#__PURE__*/ (0, ($parcel$interopDefault($9cini$react))).createElement((0, ($parcel$interopDefault($9cini$spectrumiconsuiCheckmarkMedium))), {
+    else if (validationState === 'valid' && !isDisabled) validationIcon = /*#__PURE__*/ (0, ($parcel$interopDefault($9cini$react))).createElement((0, ($parcel$interopDefault($9cini$spectrumiconsuiCheckmarkMedium))), {
         "data-testid": "valid-icon",
         UNSAFE_className: iconClass
     });
@@ -113,7 +113,7 @@ function $c3ebc4931d9b9977$var$Input(props, ref) {
         className: inputClass
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($9cini$react))).createElement("div", {
         role: "presentation",
-        className: (0, $9cini$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), "react-spectrum-Datepicker-inputContents"),
+        className: (0, $9cini$reactspectrumutils.classNames)((0, ($parcel$interopDefault($91c3db8c6a21ca71$exports))), 'react-spectrum-Datepicker-inputContents'),
         ref: (0, $9cini$reactariautils.mergeRefs)(ref, inputRef)
     }, children)), validationIcon);
 }