@react-aria/datepicker 3.10.0 → 3.10.1

package/dist/useDatePicker.main.js

@@ -43,28 +43,28 @@ function $e90ae7c26a69c6b1$export$42df105a73306d51(props, state, ref) {
     let buttonId = (0, $bxHoL$reactariautils.useId)();
     let dialogId = (0, $bxHoL$reactariautils.useId)();
     let fieldId = (0, $bxHoL$reactariautils.useId)();
-    let stringFormatter = (0, $bxHoL$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($c1905b78f6d2f5bf$exports))), "@react-aria/datepicker");
+    let stringFormatter = (0, $bxHoL$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($c1905b78f6d2f5bf$exports))), '@react-aria/datepicker');
     let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = state.displayValidation;
     let { labelProps: labelProps, fieldProps: fieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $bxHoL$reactarialabel.useField)({
         ...props,
-        labelElementType: "span",
+        labelElementType: 'span',
         isInvalid: isInvalid,
         errorMessage: props.errorMessage || validationErrors
     });
     let groupProps = (0, $715562ad3b4cced4$exports.useDatePickerGroup)(state, ref);
-    let labelledBy = fieldProps["aria-labelledby"] || fieldProps.id;
+    let labelledBy = fieldProps['aria-labelledby'] || fieldProps.id;
     let { locale: locale } = (0, $bxHoL$reactariai18n.useLocale)();
     let date = state.formatValue(locale, {
-        month: "long"
+        month: 'long'
     });
-    let description = date ? stringFormatter.format("selectedDateDescription", {
+    let description = date ? stringFormatter.format('selectedDateDescription', {
         date: date
-    }) : "";
+    }) : '';
     let descProps = (0, $bxHoL$reactariautils.useDescription)(description);
     let ariaDescribedBy = [
-        descProps["aria-describedby"],
-        fieldProps["aria-describedby"]
-    ].filter(Boolean).join(" ") || undefined;
+        descProps['aria-describedby'],
+        fieldProps['aria-describedby']
+    ].filter(Boolean).join(' ') || undefined;
     let domProps = (0, $bxHoL$reactariautils.filterDOMProps)(props);
     let focusManager = (0, $bxHoL$react.useMemo)(()=>(0, $bxHoL$reactariafocus.createFocusManager)(ref), [
         ref
@@ -78,10 +78,10 @@ function $e90ae7c26a69c6b1$export$42df105a73306d51(props, state, ref) {
     });
     return {
         groupProps: (0, $bxHoL$reactariautils.mergeProps)(domProps, groupProps, fieldProps, descProps, focusWithinProps, {
-            role: "group",
-            "aria-disabled": props.isDisabled || null,
-            "aria-labelledby": labelledBy,
-            "aria-describedby": ariaDescribedBy,
+            role: 'group',
+            'aria-disabled': props.isDisabled || null,
+            'aria-labelledby': labelledBy,
+            'aria-describedby': ariaDescribedBy,
             onKeyDown (e) {
                 if (state.isOpen) return;
                 if (props.onKeyDown) props.onKeyDown(e);
@@ -100,8 +100,8 @@ function $e90ae7c26a69c6b1$export$42df105a73306d51(props, state, ref) {
         fieldProps: {
             ...fieldProps,
             id: fieldId,
-            [(0, $4acc2f407c169e55$exports.roleSymbol)]: "presentation",
-            "aria-describedby": ariaDescribedBy,
+            [(0, $4acc2f407c169e55$exports.roleSymbol)]: 'presentation',
+            'aria-describedby': ariaDescribedBy,
             value: state.value,
             onChange: state.setValue,
             placeholderValue: props.placeholderValue,
@@ -123,17 +123,17 @@ function $e90ae7c26a69c6b1$export$42df105a73306d51(props, state, ref) {
         buttonProps: {
             ...descProps,
             id: buttonId,
-            "aria-haspopup": "dialog",
-            "aria-label": stringFormatter.format("calendar"),
-            "aria-labelledby": `${buttonId} ${labelledBy}`,
-            "aria-describedby": ariaDescribedBy,
-            "aria-expanded": state.isOpen,
+            'aria-haspopup': 'dialog',
+            'aria-label': stringFormatter.format('calendar'),
+            'aria-labelledby': `${buttonId} ${labelledBy}`,
+            'aria-describedby': ariaDescribedBy,
+            'aria-expanded': state.isOpen,
             isDisabled: props.isDisabled || props.isReadOnly,
             onPress: ()=>state.setOpen(true)
         },
         dialogProps: {
             id: dialogId,
-            "aria-labelledby": `${buttonId} ${labelledBy}`
+            'aria-labelledby': `${buttonId} ${labelledBy}`
         },
         calendarProps: {
             autoFocus: true,
@@ -146,7 +146,7 @@ function $e90ae7c26a69c6b1$export$42df105a73306d51(props, state, ref) {
             isDateUnavailable: props.isDateUnavailable,
             defaultFocusedValue: state.dateValue ? undefined : props.placeholderValue,
             isInvalid: state.isInvalid,
-            errorMessage: typeof props.errorMessage === "function" ? props.errorMessage(state.displayValidation) : props.errorMessage || state.displayValidation.validationErrors.join(" ")
+            errorMessage: typeof props.errorMessage === 'function' ? props.errorMessage(state.displayValidation) : props.errorMessage || state.displayValidation.validationErrors.join(' ')
         },
         isInvalid: isInvalid,
         validationErrors: validationErrors,

package/dist/useDatePicker.mjs

@@ -37,28 +37,28 @@ function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
     let buttonId = (0, $4lVjK$useId)();
     let dialogId = (0, $4lVjK$useId)();
     let fieldId = (0, $4lVjK$useId)();
-    let stringFormatter = (0, $4lVjK$useLocalizedStringFormatter)((0, ($parcel$interopDefault($4lVjK$intlStringsmodulejs))), "@react-aria/datepicker");
+    let stringFormatter = (0, $4lVjK$useLocalizedStringFormatter)((0, ($parcel$interopDefault($4lVjK$intlStringsmodulejs))), '@react-aria/datepicker');
     let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = state.displayValidation;
     let { labelProps: labelProps, fieldProps: fieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $4lVjK$useField)({
         ...props,
-        labelElementType: "span",
+        labelElementType: 'span',
         isInvalid: isInvalid,
         errorMessage: props.errorMessage || validationErrors
     });
     let groupProps = (0, $3dfb0f96be0d6a08$export$4a931266a3838b86)(state, ref);
-    let labelledBy = fieldProps["aria-labelledby"] || fieldProps.id;
+    let labelledBy = fieldProps['aria-labelledby'] || fieldProps.id;
     let { locale: locale } = (0, $4lVjK$useLocale)();
     let date = state.formatValue(locale, {
-        month: "long"
+        month: 'long'
     });
-    let description = date ? stringFormatter.format("selectedDateDescription", {
+    let description = date ? stringFormatter.format('selectedDateDescription', {
         date: date
-    }) : "";
+    }) : '';
     let descProps = (0, $4lVjK$useDescription)(description);
     let ariaDescribedBy = [
-        descProps["aria-describedby"],
-        fieldProps["aria-describedby"]
-    ].filter(Boolean).join(" ") || undefined;
+        descProps['aria-describedby'],
+        fieldProps['aria-describedby']
+    ].filter(Boolean).join(' ') || undefined;
     let domProps = (0, $4lVjK$filterDOMProps)(props);
     let focusManager = (0, $4lVjK$useMemo)(()=>(0, $4lVjK$createFocusManager)(ref), [
         ref
@@ -72,10 +72,10 @@ function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
     });
     return {
         groupProps: (0, $4lVjK$mergeProps)(domProps, groupProps, fieldProps, descProps, focusWithinProps, {
-            role: "group",
-            "aria-disabled": props.isDisabled || null,
-            "aria-labelledby": labelledBy,
-            "aria-describedby": ariaDescribedBy,
+            role: 'group',
+            'aria-disabled': props.isDisabled || null,
+            'aria-labelledby': labelledBy,
+            'aria-describedby': ariaDescribedBy,
             onKeyDown (e) {
                 if (state.isOpen) return;
                 if (props.onKeyDown) props.onKeyDown(e);
@@ -94,8 +94,8 @@ function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
         fieldProps: {
             ...fieldProps,
             id: fieldId,
-            [(0, $16f0b7bb276bc17e$export$300019f83c56d282)]: "presentation",
-            "aria-describedby": ariaDescribedBy,
+            [(0, $16f0b7bb276bc17e$export$300019f83c56d282)]: 'presentation',
+            'aria-describedby': ariaDescribedBy,
             value: state.value,
             onChange: state.setValue,
             placeholderValue: props.placeholderValue,
@@ -117,17 +117,17 @@ function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
         buttonProps: {
             ...descProps,
             id: buttonId,
-            "aria-haspopup": "dialog",
-            "aria-label": stringFormatter.format("calendar"),
-            "aria-labelledby": `${buttonId} ${labelledBy}`,
-            "aria-describedby": ariaDescribedBy,
-            "aria-expanded": state.isOpen,
+            'aria-haspopup': 'dialog',
+            'aria-label': stringFormatter.format('calendar'),
+            'aria-labelledby': `${buttonId} ${labelledBy}`,
+            'aria-describedby': ariaDescribedBy,
+            'aria-expanded': state.isOpen,
             isDisabled: props.isDisabled || props.isReadOnly,
             onPress: ()=>state.setOpen(true)
         },
         dialogProps: {
             id: dialogId,
-            "aria-labelledby": `${buttonId} ${labelledBy}`
+            'aria-labelledby': `${buttonId} ${labelledBy}`
         },
         calendarProps: {
             autoFocus: true,
@@ -140,7 +140,7 @@ function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
             isDateUnavailable: props.isDateUnavailable,
             defaultFocusedValue: state.dateValue ? undefined : props.placeholderValue,
             isInvalid: state.isInvalid,
-            errorMessage: typeof props.errorMessage === "function" ? props.errorMessage(state.displayValidation) : props.errorMessage || state.displayValidation.validationErrors.join(" ")
+            errorMessage: typeof props.errorMessage === 'function' ? props.errorMessage(state.displayValidation) : props.errorMessage || state.displayValidation.validationErrors.join(' ')
         },
         isInvalid: isInvalid,
         validationErrors: validationErrors,
@@ -150,4 +150,4 @@ function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
 
 
 export {$6057a3d2a53a12fd$export$42df105a73306d51 as useDatePicker};
-//# sourceMappingURL=useDatePicker.mjs.map
+//# sourceMappingURL=useDatePicker.module.js.map

package/dist/useDatePicker.module.js

@@ -37,28 +37,28 @@ function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
     let buttonId = (0, $4lVjK$useId)();
     let dialogId = (0, $4lVjK$useId)();
     let fieldId = (0, $4lVjK$useId)();
-    let stringFormatter = (0, $4lVjK$useLocalizedStringFormatter)((0, ($parcel$interopDefault($4lVjK$intlStringsmodulejs))), "@react-aria/datepicker");
+    let stringFormatter = (0, $4lVjK$useLocalizedStringFormatter)((0, ($parcel$interopDefault($4lVjK$intlStringsmodulejs))), '@react-aria/datepicker');
     let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = state.displayValidation;
     let { labelProps: labelProps, fieldProps: fieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $4lVjK$useField)({
         ...props,
-        labelElementType: "span",
+        labelElementType: 'span',
         isInvalid: isInvalid,
         errorMessage: props.errorMessage || validationErrors
     });
     let groupProps = (0, $3dfb0f96be0d6a08$export$4a931266a3838b86)(state, ref);
-    let labelledBy = fieldProps["aria-labelledby"] || fieldProps.id;
+    let labelledBy = fieldProps['aria-labelledby'] || fieldProps.id;
     let { locale: locale } = (0, $4lVjK$useLocale)();
     let date = state.formatValue(locale, {
-        month: "long"
+        month: 'long'
     });
-    let description = date ? stringFormatter.format("selectedDateDescription", {
+    let description = date ? stringFormatter.format('selectedDateDescription', {
         date: date
-    }) : "";
+    }) : '';
     let descProps = (0, $4lVjK$useDescription)(description);
     let ariaDescribedBy = [
-        descProps["aria-describedby"],
-        fieldProps["aria-describedby"]
-    ].filter(Boolean).join(" ") || undefined;
+        descProps['aria-describedby'],
+        fieldProps['aria-describedby']
+    ].filter(Boolean).join(' ') || undefined;
     let domProps = (0, $4lVjK$filterDOMProps)(props);
     let focusManager = (0, $4lVjK$useMemo)(()=>(0, $4lVjK$createFocusManager)(ref), [
         ref
@@ -72,10 +72,10 @@ function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
     });
     return {
         groupProps: (0, $4lVjK$mergeProps)(domProps, groupProps, fieldProps, descProps, focusWithinProps, {
-            role: "group",
-            "aria-disabled": props.isDisabled || null,
-            "aria-labelledby": labelledBy,
-            "aria-describedby": ariaDescribedBy,
+            role: 'group',
+            'aria-disabled': props.isDisabled || null,
+            'aria-labelledby': labelledBy,
+            'aria-describedby': ariaDescribedBy,
             onKeyDown (e) {
                 if (state.isOpen) return;
                 if (props.onKeyDown) props.onKeyDown(e);
@@ -94,8 +94,8 @@ function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
         fieldProps: {
             ...fieldProps,
             id: fieldId,
-            [(0, $16f0b7bb276bc17e$export$300019f83c56d282)]: "presentation",
-            "aria-describedby": ariaDescribedBy,
+            [(0, $16f0b7bb276bc17e$export$300019f83c56d282)]: 'presentation',
+            'aria-describedby': ariaDescribedBy,
             value: state.value,
             onChange: state.setValue,
             placeholderValue: props.placeholderValue,
@@ -117,17 +117,17 @@ function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
         buttonProps: {
             ...descProps,
             id: buttonId,
-            "aria-haspopup": "dialog",
-            "aria-label": stringFormatter.format("calendar"),
-            "aria-labelledby": `${buttonId} ${labelledBy}`,
-            "aria-describedby": ariaDescribedBy,
-            "aria-expanded": state.isOpen,
+            'aria-haspopup': 'dialog',
+            'aria-label': stringFormatter.format('calendar'),
+            'aria-labelledby': `${buttonId} ${labelledBy}`,
+            'aria-describedby': ariaDescribedBy,
+            'aria-expanded': state.isOpen,
             isDisabled: props.isDisabled || props.isReadOnly,
             onPress: ()=>state.setOpen(true)
         },
         dialogProps: {
             id: dialogId,
-            "aria-labelledby": `${buttonId} ${labelledBy}`
+            'aria-labelledby': `${buttonId} ${labelledBy}`
         },
         calendarProps: {
             autoFocus: true,
@@ -140,7 +140,7 @@ function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
             isDateUnavailable: props.isDateUnavailable,
             defaultFocusedValue: state.dateValue ? undefined : props.placeholderValue,
             isInvalid: state.isInvalid,
-            errorMessage: typeof props.errorMessage === "function" ? props.errorMessage(state.displayValidation) : props.errorMessage || state.displayValidation.validationErrors.join(" ")
+            errorMessage: typeof props.errorMessage === 'function' ? props.errorMessage(state.displayValidation) : props.errorMessage || state.displayValidation.validationErrors.join(' ')
         },
         isInvalid: isInvalid,
         validationErrors: validationErrors,

package/dist/useDatePickerGroup.main.js

@@ -23,23 +23,23 @@ function $715562ad3b4cced4$export$4a931266a3838b86(state, ref, disableArrowNavig
     // Open the popover on alt + arrow down
     let onKeyDown = (e)=>{
         if (!e.currentTarget.contains(e.target)) return;
-        if (e.altKey && (e.key === "ArrowDown" || e.key === "ArrowUp") && "setOpen" in state) {
+        if (e.altKey && (e.key === 'ArrowDown' || e.key === 'ArrowUp') && 'setOpen' in state) {
             e.preventDefault();
             e.stopPropagation();
             state.setOpen(true);
         }
         if (disableArrowNavigation) return;
         switch(e.key){
-            case "ArrowLeft":
+            case 'ArrowLeft':
                 e.preventDefault();
                 e.stopPropagation();
-                if (direction === "rtl") focusManager.focusNext();
+                if (direction === 'rtl') focusManager.focusNext();
                 else focusManager.focusPrevious();
                 break;
-            case "ArrowRight":
+            case 'ArrowRight':
                 e.preventDefault();
                 e.stopPropagation();
-                if (direction === "rtl") focusManager.focusPrevious();
+                if (direction === 'rtl') focusManager.focusPrevious();
                 else focusManager.focusNext();
                 break;
         }
@@ -65,9 +65,9 @@ function $715562ad3b4cced4$export$4a931266a3838b86(state, ref, disableArrowNavig
             }while (last);
         }
         // Now go backwards until we find an element that is not a placeholder.
-        while(target === null || target === void 0 ? void 0 : target.hasAttribute("data-placeholder")){
+        while(target === null || target === void 0 ? void 0 : target.hasAttribute('data-placeholder')){
             let prev = walker.previousNode();
-            if (prev && prev.hasAttribute("data-placeholder")) target = prev;
+            if (prev && prev.hasAttribute('data-placeholder')) target = prev;
             else break;
         }
         if (target) target.focus();
@@ -76,10 +76,10 @@ function $715562ad3b4cced4$export$4a931266a3838b86(state, ref, disableArrowNavig
         preventFocusOnPress: true,
         allowTextSelectionOnPress: true,
         onPressStart (e) {
-            if (e.pointerType === "mouse") focusLast();
+            if (e.pointerType === 'mouse') focusLast();
         },
         onPress (e) {
-            if (e.pointerType !== "mouse") focusLast();
+            if (e.pointerType !== 'mouse') focusLast();
         }
     });
     return (0, $19S5E$reactariautils.mergeProps)(pressProps, {

package/dist/useDatePickerGroup.mjs

@@ -17,23 +17,23 @@ function $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref, disableArrowNavig
     // Open the popover on alt + arrow down
     let onKeyDown = (e)=>{
         if (!e.currentTarget.contains(e.target)) return;
-        if (e.altKey && (e.key === "ArrowDown" || e.key === "ArrowUp") && "setOpen" in state) {
+        if (e.altKey && (e.key === 'ArrowDown' || e.key === 'ArrowUp') && 'setOpen' in state) {
             e.preventDefault();
             e.stopPropagation();
             state.setOpen(true);
         }
         if (disableArrowNavigation) return;
         switch(e.key){
-            case "ArrowLeft":
+            case 'ArrowLeft':
                 e.preventDefault();
                 e.stopPropagation();
-                if (direction === "rtl") focusManager.focusNext();
+                if (direction === 'rtl') focusManager.focusNext();
                 else focusManager.focusPrevious();
                 break;
-            case "ArrowRight":
+            case 'ArrowRight':
                 e.preventDefault();
                 e.stopPropagation();
-                if (direction === "rtl") focusManager.focusPrevious();
+                if (direction === 'rtl') focusManager.focusPrevious();
                 else focusManager.focusNext();
                 break;
         }
@@ -59,9 +59,9 @@ function $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref, disableArrowNavig
             }while (last);
         }
         // Now go backwards until we find an element that is not a placeholder.
-        while(target === null || target === void 0 ? void 0 : target.hasAttribute("data-placeholder")){
+        while(target === null || target === void 0 ? void 0 : target.hasAttribute('data-placeholder')){
             let prev = walker.previousNode();
-            if (prev && prev.hasAttribute("data-placeholder")) target = prev;
+            if (prev && prev.hasAttribute('data-placeholder')) target = prev;
             else break;
         }
         if (target) target.focus();
@@ -70,10 +70,10 @@ function $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref, disableArrowNavig
         preventFocusOnPress: true,
         allowTextSelectionOnPress: true,
         onPressStart (e) {
-            if (e.pointerType === "mouse") focusLast();
+            if (e.pointerType === 'mouse') focusLast();
         },
         onPress (e) {
-            if (e.pointerType !== "mouse") focusLast();
+            if (e.pointerType !== 'mouse') focusLast();
         }
     });
     return (0, $7CEvq$mergeProps)(pressProps, {
@@ -83,4 +83,4 @@ function $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref, disableArrowNavig
 
 
 export {$3dfb0f96be0d6a08$export$4a931266a3838b86 as useDatePickerGroup};
-//# sourceMappingURL=useDatePickerGroup.mjs.map
+//# sourceMappingURL=useDatePickerGroup.module.js.map

package/dist/useDatePickerGroup.module.js

@@ -17,23 +17,23 @@ function $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref, disableArrowNavig
     // Open the popover on alt + arrow down
     let onKeyDown = (e)=>{
         if (!e.currentTarget.contains(e.target)) return;
-        if (e.altKey && (e.key === "ArrowDown" || e.key === "ArrowUp") && "setOpen" in state) {
+        if (e.altKey && (e.key === 'ArrowDown' || e.key === 'ArrowUp') && 'setOpen' in state) {
             e.preventDefault();
             e.stopPropagation();
             state.setOpen(true);
         }
         if (disableArrowNavigation) return;
         switch(e.key){
-            case "ArrowLeft":
+            case 'ArrowLeft':
                 e.preventDefault();
                 e.stopPropagation();
-                if (direction === "rtl") focusManager.focusNext();
+                if (direction === 'rtl') focusManager.focusNext();
                 else focusManager.focusPrevious();
                 break;
-            case "ArrowRight":
+            case 'ArrowRight':
                 e.preventDefault();
                 e.stopPropagation();
-                if (direction === "rtl") focusManager.focusPrevious();
+                if (direction === 'rtl') focusManager.focusPrevious();
                 else focusManager.focusNext();
                 break;
         }
@@ -59,9 +59,9 @@ function $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref, disableArrowNavig
             }while (last);
         }
         // Now go backwards until we find an element that is not a placeholder.
-        while(target === null || target === void 0 ? void 0 : target.hasAttribute("data-placeholder")){
+        while(target === null || target === void 0 ? void 0 : target.hasAttribute('data-placeholder')){
             let prev = walker.previousNode();
-            if (prev && prev.hasAttribute("data-placeholder")) target = prev;
+            if (prev && prev.hasAttribute('data-placeholder')) target = prev;
             else break;
         }
         if (target) target.focus();
@@ -70,10 +70,10 @@ function $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref, disableArrowNavig
         preventFocusOnPress: true,
         allowTextSelectionOnPress: true,
         onPressStart (e) {
-            if (e.pointerType === "mouse") focusLast();
+            if (e.pointerType === 'mouse') focusLast();
         },
         onPress (e) {
-            if (e.pointerType !== "mouse") focusLast();
+            if (e.pointerType !== 'mouse') focusLast();
         }
     });
     return (0, $7CEvq$mergeProps)(pressProps, {

package/dist/useDateRangePicker.main.js

@@ -41,39 +41,39 @@ $parcel$export(module.exports, "useDateRangePicker", () => $20f695b1b69e6b9e$exp
 
 function $20f695b1b69e6b9e$export$12fd5f0e9f4bb192(props, state, ref) {
     var _state_value, _state_value1;
-    let stringFormatter = (0, $Xt1Bd$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($c1905b78f6d2f5bf$exports))), "@react-aria/datepicker");
+    let stringFormatter = (0, $Xt1Bd$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($c1905b78f6d2f5bf$exports))), '@react-aria/datepicker');
     let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = state.displayValidation;
     let { labelProps: labelProps, fieldProps: fieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $Xt1Bd$reactarialabel.useField)({
         ...props,
-        labelElementType: "span",
+        labelElementType: 'span',
         isInvalid: isInvalid,
         errorMessage: props.errorMessage || validationErrors
     });
-    let labelledBy = fieldProps["aria-labelledby"] || fieldProps.id;
+    let labelledBy = fieldProps['aria-labelledby'] || fieldProps.id;
     let { locale: locale } = (0, $Xt1Bd$reactariai18n.useLocale)();
     let range = state.formatValue(locale, {
-        month: "long"
+        month: 'long'
     });
-    let description = range ? stringFormatter.format("selectedRangeDescription", {
+    let description = range ? stringFormatter.format('selectedRangeDescription', {
         startDate: range.start,
         endDate: range.end
-    }) : "";
+    }) : '';
     let descProps = (0, $Xt1Bd$reactariautils.useDescription)(description);
     let startFieldProps = {
-        "aria-label": stringFormatter.format("startDate"),
-        "aria-labelledby": labelledBy
+        'aria-label': stringFormatter.format('startDate'),
+        'aria-labelledby': labelledBy
     };
     let endFieldProps = {
-        "aria-label": stringFormatter.format("endDate"),
-        "aria-labelledby": labelledBy
+        'aria-label': stringFormatter.format('endDate'),
+        'aria-labelledby': labelledBy
     };
     let buttonId = (0, $Xt1Bd$reactariautils.useId)();
     let dialogId = (0, $Xt1Bd$reactariautils.useId)();
     let groupProps = (0, $715562ad3b4cced4$exports.useDatePickerGroup)(state, ref);
     let ariaDescribedBy = [
-        descProps["aria-describedby"],
-        fieldProps["aria-describedby"]
-    ].filter(Boolean).join(" ") || undefined;
+        descProps['aria-describedby'],
+        fieldProps['aria-describedby']
+    ].filter(Boolean).join(' ') || undefined;
     let focusManager = (0, $Xt1Bd$react.useMemo)(()=>(0, $Xt1Bd$reactariafocus.createFocusManager)(ref, {
             // Exclude the button from the focus manager.
             accept: (element)=>element.id !== buttonId
@@ -83,8 +83,8 @@ function $20f695b1b69e6b9e$export$12fd5f0e9f4bb192(props, state, ref) {
     ]);
     let commonFieldProps = {
         [(0, $4acc2f407c169e55$exports.focusManagerSymbol)]: focusManager,
-        [(0, $4acc2f407c169e55$exports.roleSymbol)]: "presentation",
-        "aria-describedby": ariaDescribedBy,
+        [(0, $4acc2f407c169e55$exports.roleSymbol)]: 'presentation',
+        'aria-describedby': ariaDescribedBy,
         placeholderValue: props.placeholderValue,
         hideTimeZone: props.hideTimeZone,
         hourCycle: props.hourCycle,
@@ -107,9 +107,9 @@ function $20f695b1b69e6b9e$export$12fd5f0e9f4bb192(props, state, ref) {
     let endFieldValidation = (0, $Xt1Bd$react.useRef)((0, $Xt1Bd$reactstatelyform.DEFAULT_VALIDATION_RESULT));
     return {
         groupProps: (0, $Xt1Bd$reactariautils.mergeProps)(domProps, groupProps, fieldProps, descProps, focusWithinProps, {
-            role: "group",
-            "aria-disabled": props.isDisabled || null,
-            "aria-describedby": ariaDescribedBy,
+            role: 'group',
+            'aria-disabled': props.isDisabled || null,
+            'aria-describedby': ariaDescribedBy,
             onKeyDown (e) {
                 if (state.isOpen) return;
                 if (props.onKeyDown) props.onKeyDown(e);
@@ -128,23 +128,23 @@ function $20f695b1b69e6b9e$export$12fd5f0e9f4bb192(props, state, ref) {
         buttonProps: {
             ...descProps,
             id: buttonId,
-            "aria-haspopup": "dialog",
-            "aria-label": stringFormatter.format("calendar"),
-            "aria-labelledby": `${buttonId} ${labelledBy}`,
-            "aria-describedby": ariaDescribedBy,
-            "aria-expanded": state.isOpen,
+            'aria-haspopup': 'dialog',
+            'aria-label': stringFormatter.format('calendar'),
+            'aria-labelledby': `${buttonId} ${labelledBy}`,
+            'aria-describedby': ariaDescribedBy,
+            'aria-expanded': state.isOpen,
             isDisabled: props.isDisabled || props.isReadOnly,
             onPress: ()=>state.setOpen(true)
         },
         dialogProps: {
             id: dialogId,
-            "aria-labelledby": `${buttonId} ${labelledBy}`
+            'aria-labelledby': `${buttonId} ${labelledBy}`
         },
         startFieldProps: {
             ...startFieldProps,
             ...commonFieldProps,
             value: (_state_value = state.value) === null || _state_value === void 0 ? void 0 : _state_value.start,
-            onChange: (start)=>state.setDateTime("start", start),
+            onChange: (start)=>state.setDateTime('start', start),
             autoFocus: props.autoFocus,
             name: props.startName,
             [(0, $Xt1Bd$reactstatelyform.privateValidationStateProp)]: {
@@ -162,7 +162,7 @@ function $20f695b1b69e6b9e$export$12fd5f0e9f4bb192(props, state, ref) {
             ...endFieldProps,
             ...commonFieldProps,
             value: (_state_value1 = state.value) === null || _state_value1 === void 0 ? void 0 : _state_value1.end,
-            onChange: (end)=>state.setDateTime("end", end),
+            onChange: (end)=>state.setDateTime('end', end),
             name: props.endName,
             [(0, $Xt1Bd$reactstatelyform.privateValidationStateProp)]: {
                 realtimeValidation: state.realtimeValidation,
@@ -189,7 +189,7 @@ function $20f695b1b69e6b9e$export$12fd5f0e9f4bb192(props, state, ref) {
             allowsNonContiguousRanges: props.allowsNonContiguousRanges,
             defaultFocusedValue: state.dateRange ? undefined : props.placeholderValue,
             isInvalid: state.isInvalid,
-            errorMessage: typeof props.errorMessage === "function" ? props.errorMessage(state.displayValidation) : props.errorMessage || state.displayValidation.validationErrors.join(" ")
+            errorMessage: typeof props.errorMessage === 'function' ? props.errorMessage(state.displayValidation) : props.errorMessage || state.displayValidation.validationErrors.join(' ')
         },
         isInvalid: isInvalid,
         validationErrors: validationErrors,