@react-aria/calendar 3.5.7 → 3.5.8

package/dist/useCalendarCell.main.js

@@ -36,12 +36,12 @@ $parcel$export(module.exports, "useCalendarCell", () => $4d833327a32c9193$export
 function $4d833327a32c9193$export$136073280381448e(props, state, ref) {
     let { date: date, isDisabled: isDisabled } = props;
     let { errorMessageId: errorMessageId, selectedDateDescription: selectedDateDescription } = (0, $df1d8e967e73ec8e$exports.hookData).get(state);
-    let stringFormatter = (0, $cuS6T$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($bd6dc95a3c5ee5cd$exports))), "@react-aria/calendar");
+    let stringFormatter = (0, $cuS6T$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($bd6dc95a3c5ee5cd$exports))), '@react-aria/calendar');
     let dateFormatter = (0, $cuS6T$reactariai18n.useDateFormatter)({
-        weekday: "long",
-        day: "numeric",
-        month: "long",
-        year: "numeric",
+        weekday: 'long',
+        day: 'numeric',
+        month: 'long',
+        year: 'numeric',
         era: (0, $df1d8e967e73ec8e$exports.getEraFormat)(date),
         timeZone: state.timeZone
     });
@@ -50,7 +50,7 @@ function $4d833327a32c9193$export$136073280381448e(props, state, ref) {
     isDisabled = isDisabled || state.isCellDisabled(date);
     let isUnavailable = state.isCellUnavailable(date);
     let isSelectable = !isDisabled && !isUnavailable;
-    let isInvalid = state.isValueInvalid && ("highlightedRange" in state ? !state.anchorDate && state.highlightedRange && date.compare(state.highlightedRange.start) >= 0 && date.compare(state.highlightedRange.end) <= 0 : state.value && (0, $cuS6T$internationalizeddate.isSameDay)(state.value, date));
+    let isInvalid = state.isValueInvalid && ('highlightedRange' in state ? !state.anchorDate && state.highlightedRange && date.compare(state.highlightedRange.start) >= 0 && date.compare(state.highlightedRange.end) <= 0 : state.value && (0, $cuS6T$internationalizeddate.isSameDay)(state.value, date));
     if (isInvalid) isSelected = true;
     // For performance, reuse the same date object as before if the new date prop is the same.
     // This allows subsequent useMemo results to be reused.
@@ -62,21 +62,21 @@ function $4d833327a32c9193$export$136073280381448e(props, state, ref) {
     // aria-label should be localize Day of week, Month, Day and Year without Time.
     let isDateToday = (0, $cuS6T$internationalizeddate.isToday)(date, state.timeZone);
     let label = (0, $cuS6T$react.useMemo)(()=>{
-        let label = "";
+        let label = '';
         // If this is a range calendar, add a description of the full selected range
         // to the first and last selected date.
-        if ("highlightedRange" in state && state.value && !state.anchorDate && ((0, $cuS6T$internationalizeddate.isSameDay)(date, state.value.start) || (0, $cuS6T$internationalizeddate.isSameDay)(date, state.value.end))) label = selectedDateDescription + ", ";
+        if ('highlightedRange' in state && state.value && !state.anchorDate && ((0, $cuS6T$internationalizeddate.isSameDay)(date, state.value.start) || (0, $cuS6T$internationalizeddate.isSameDay)(date, state.value.end))) label = selectedDateDescription + ', ';
         label += dateFormatter.format(nativeDate);
         if (isDateToday) // If date is today, set appropriate string depending on selected state:
-        label = stringFormatter.format(isSelected ? "todayDateSelected" : "todayDate", {
+        label = stringFormatter.format(isSelected ? 'todayDateSelected' : 'todayDate', {
             date: label
         });
         else if (isSelected) // If date is selected but not today:
-        label = stringFormatter.format("dateSelected", {
+        label = stringFormatter.format('dateSelected', {
             date: label
         });
-        if (state.minValue && (0, $cuS6T$internationalizeddate.isSameDay)(date, state.minValue)) label += ", " + stringFormatter.format("minimumDate");
-        else if (state.maxValue && (0, $cuS6T$internationalizeddate.isSameDay)(date, state.maxValue)) label += ", " + stringFormatter.format("maximumDate");
+        if (state.minValue && (0, $cuS6T$internationalizeddate.isSameDay)(date, state.minValue)) label += ', ' + stringFormatter.format('minimumDate');
+        else if (state.maxValue && (0, $cuS6T$internationalizeddate.isSameDay)(date, state.maxValue)) label += ', ' + stringFormatter.format('maximumDate');
         return label;
     }, [
         dateFormatter,
@@ -90,11 +90,11 @@ function $4d833327a32c9193$export$136073280381448e(props, state, ref) {
     ]);
     // When a cell is focused and this is a range calendar, add a prompt to help
     // screenreader users know that they are in a range selection mode.
-    let rangeSelectionPrompt = "";
-    if ("anchorDate" in state && isFocused && !state.isReadOnly && isSelectable) {
+    let rangeSelectionPrompt = '';
+    if ('anchorDate' in state && isFocused && !state.isReadOnly && isSelectable) {
         // If selection has started add "click to finish selecting range"
-        if (state.anchorDate) rangeSelectionPrompt = stringFormatter.format("finishRangeSelectionPrompt");
-        else rangeSelectionPrompt = stringFormatter.format("startRangeSelectionPrompt");
+        if (state.anchorDate) rangeSelectionPrompt = stringFormatter.format('finishRangeSelectionPrompt');
+        else rangeSelectionPrompt = stringFormatter.format('startRangeSelectionPrompt');
     }
     let descriptionProps = (0, $cuS6T$reactariautils.useDescription)(rangeSelectionPrompt);
     let isAnchorPressed = (0, $cuS6T$react.useRef)(false);
@@ -103,7 +103,7 @@ function $4d833327a32c9193$export$136073280381448e(props, state, ref) {
     let { pressProps: pressProps, isPressed: isPressed } = (0, $cuS6T$reactariainteractions.usePress)({
         // When dragging to select a range, we don't want dragging over the original anchor
         // again to trigger onPressStart. Cancel presses immediately when the pointer exits.
-        shouldCancelOnPointerExit: "anchorDate" in state && !!state.anchorDate,
+        shouldCancelOnPointerExit: 'anchorDate' in state && !!state.anchorDate,
         preventFocusOnPress: true,
         isDisabled: !isSelectable || state.isReadOnly,
         onPressStart (e) {
@@ -111,7 +111,7 @@ function $4d833327a32c9193$export$136073280381448e(props, state, ref) {
                 state.setFocusedDate(date);
                 return;
             }
-            if ("highlightedRange" in state && !state.anchorDate && (e.pointerType === "mouse" || e.pointerType === "touch")) {
+            if ('highlightedRange' in state && !state.anchorDate && (e.pointerType === 'mouse' || e.pointerType === 'touch')) {
                 // Allow dragging the start or end date of a range to modify it
                 // rather than starting a new selection.
                 // Don't allow dragging when invalid, or weird jumping behavior may occur as date ranges
@@ -140,7 +140,7 @@ function $4d833327a32c9193$export$136073280381448e(props, state, ref) {
                 };
                 // Start selection on mouse/touch down so users can drag to select a range.
                 // On touch, delay dragging to determine if the user really meant to scroll.
-                if (e.pointerType === "touch") touchDragTimerRef.current = setTimeout(startDragging, 200);
+                if (e.pointerType === 'touch') touchDragTimerRef.current = setTimeout(startDragging, 200);
                 else startDragging();
             }
         },
@@ -152,7 +152,7 @@ function $4d833327a32c9193$export$136073280381448e(props, state, ref) {
         },
         onPress () {
             // For non-range selection, always select on press up.
-            if (!("anchorDate" in state) && !state.isReadOnly) {
+            if (!('anchorDate' in state) && !state.isReadOnly) {
                 state.selectDate(date);
                 state.setFocusedDate(date);
             }
@@ -162,11 +162,11 @@ function $4d833327a32c9193$export$136073280381448e(props, state, ref) {
             // If the user tapped quickly, the date won't be selected yet and the
             // timer will still be in progress. In this case, select the date on touch up.
             // Timer is cleared in onPressEnd.
-            if ("anchorDate" in state && touchDragTimerRef.current) {
+            if ('anchorDate' in state && touchDragTimerRef.current) {
                 state.selectDate(date);
                 state.setFocusedDate(date);
             }
-            if ("anchorDate" in state) {
+            if ('anchorDate' in state) {
                 if (isRangeBoundaryPressed.current) // When clicking on the start or end date of an already selected range,
                 // start a new selection on press up to also allow dragging the date to
                 // change the existing range.
@@ -175,7 +175,7 @@ function $4d833327a32c9193$export$136073280381448e(props, state, ref) {
                     // When releasing a drag or pressing the end date of a range, select it.
                     state.selectDate(date);
                     state.setFocusedDate(date);
-                } else if (e.pointerType === "keyboard" && !state.anchorDate) {
+                } else if (e.pointerType === 'keyboard' && !state.anchorDate) {
                     // For range selection, auto-advance the focused date by one if using keyboard.
                     // This gives an indication that you're selecting a range rather than a single date.
                     // For mouse, this is unnecessary because users will see the indication on hover. For screen readers,
@@ -188,7 +188,7 @@ function $4d833327a32c9193$export$136073280381448e(props, state, ref) {
                         days: 1
                     });
                     if (!state.isInvalid(nextDay)) state.setFocusedDate(nextDay);
-                } else if (e.pointerType === "virtual") {
+                } else if (e.pointerType === 'virtual') {
                     // For screen readers, just select the date on click.
                     state.selectDate(date);
                     state.setFocusedDate(date);
@@ -209,7 +209,7 @@ function $4d833327a32c9193$export$136073280381448e(props, state, ref) {
             // Also only scroll into view if the cell actually got focused.
             // There are some cases where the cell might be disabled or inside,
             // an inert container and we don't want to scroll then.
-            if ((0, $cuS6T$reactariainteractions.getInteractionModality)() !== "pointer" && document.activeElement === ref.current) (0, $cuS6T$reactariautils.scrollIntoViewport)(ref.current, {
+            if ((0, $cuS6T$reactariainteractions.getInteractionModality)() !== 'pointer' && document.activeElement === ref.current) (0, $cuS6T$reactariautils.scrollIntoViewport)(ref.current, {
                 containingElement: (0, $cuS6T$reactariautils.getScrollParent)(ref.current)
             });
         }
@@ -218,43 +218,43 @@ function $4d833327a32c9193$export$136073280381448e(props, state, ref) {
         ref
     ]);
     let cellDateFormatter = (0, $cuS6T$reactariai18n.useDateFormatter)({
-        day: "numeric",
+        day: 'numeric',
         timeZone: state.timeZone,
         calendar: date.calendar.identifier
     });
-    let formattedDate = (0, $cuS6T$react.useMemo)(()=>cellDateFormatter.formatToParts(nativeDate).find((part)=>part.type === "day").value, [
+    let formattedDate = (0, $cuS6T$react.useMemo)(()=>cellDateFormatter.formatToParts(nativeDate).find((part)=>part.type === 'day').value, [
         cellDateFormatter,
         nativeDate
     ]);
     return {
         cellProps: {
-            role: "gridcell",
-            "aria-disabled": !isSelectable || null,
-            "aria-selected": isSelected || null,
-            "aria-invalid": isInvalid || null
+            role: 'gridcell',
+            'aria-disabled': !isSelectable || null,
+            'aria-selected': isSelected || null,
+            'aria-invalid': isInvalid || null
         },
         buttonProps: (0, $cuS6T$reactariautils.mergeProps)(pressProps, {
             onFocus () {
                 if (!isDisabled) state.setFocusedDate(date);
             },
             tabIndex: tabIndex,
-            role: "button",
-            "aria-disabled": !isSelectable || null,
-            "aria-label": label,
-            "aria-invalid": isInvalid || null,
-            "aria-describedby": [
+            role: 'button',
+            'aria-disabled': !isSelectable || null,
+            'aria-label': label,
+            'aria-invalid': isInvalid || null,
+            'aria-describedby': [
                 isInvalid ? errorMessageId : null,
-                descriptionProps["aria-describedby"]
-            ].filter(Boolean).join(" ") || undefined,
+                descriptionProps['aria-describedby']
+            ].filter(Boolean).join(' ') || undefined,
             onPointerEnter (e) {
                 // Highlight the date on hover or drag over a date when selecting a range.
-                if ("highlightDate" in state && (e.pointerType !== "touch" || state.isDragging) && isSelectable) state.highlightDate(date);
+                if ('highlightDate' in state && (e.pointerType !== 'touch' || state.isDragging) && isSelectable) state.highlightDate(date);
             },
             onPointerDown (e) {
                 // This is necessary on touch devices to allow dragging
                 // outside the original pressed element.
                 // (JSDOM does not support this)
-                if ("releasePointerCapture" in e.target) e.target.releasePointerCapture(e.pointerId);
+                if ('releasePointerCapture' in e.target) e.target.releasePointerCapture(e.pointerId);
             },
             onContextMenu (e) {
                 // Prevent context menu on long press.

package/dist/useCalendarCell.mjs

@@ -30,12 +30,12 @@ function $parcel$interopDefault(a) {
 function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
     let { date: date, isDisabled: isDisabled } = props;
     let { errorMessageId: errorMessageId, selectedDateDescription: selectedDateDescription } = (0, $a074e1e2d0f0a665$export$653eddfc964b0f8a).get(state);
-    let stringFormatter = (0, $dm6hl$useLocalizedStringFormatter)((0, ($parcel$interopDefault($dm6hl$intlStringsmodulejs))), "@react-aria/calendar");
+    let stringFormatter = (0, $dm6hl$useLocalizedStringFormatter)((0, ($parcel$interopDefault($dm6hl$intlStringsmodulejs))), '@react-aria/calendar');
     let dateFormatter = (0, $dm6hl$useDateFormatter)({
-        weekday: "long",
-        day: "numeric",
-        month: "long",
-        year: "numeric",
+        weekday: 'long',
+        day: 'numeric',
+        month: 'long',
+        year: 'numeric',
         era: (0, $a074e1e2d0f0a665$export$134cbb7fb09a9522)(date),
         timeZone: state.timeZone
     });
@@ -44,7 +44,7 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
     isDisabled = isDisabled || state.isCellDisabled(date);
     let isUnavailable = state.isCellUnavailable(date);
     let isSelectable = !isDisabled && !isUnavailable;
-    let isInvalid = state.isValueInvalid && ("highlightedRange" in state ? !state.anchorDate && state.highlightedRange && date.compare(state.highlightedRange.start) >= 0 && date.compare(state.highlightedRange.end) <= 0 : state.value && (0, $dm6hl$isSameDay)(state.value, date));
+    let isInvalid = state.isValueInvalid && ('highlightedRange' in state ? !state.anchorDate && state.highlightedRange && date.compare(state.highlightedRange.start) >= 0 && date.compare(state.highlightedRange.end) <= 0 : state.value && (0, $dm6hl$isSameDay)(state.value, date));
     if (isInvalid) isSelected = true;
     // For performance, reuse the same date object as before if the new date prop is the same.
     // This allows subsequent useMemo results to be reused.
@@ -56,21 +56,21 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
     // aria-label should be localize Day of week, Month, Day and Year without Time.
     let isDateToday = (0, $dm6hl$isToday)(date, state.timeZone);
     let label = (0, $dm6hl$useMemo)(()=>{
-        let label = "";
+        let label = '';
         // If this is a range calendar, add a description of the full selected range
         // to the first and last selected date.
-        if ("highlightedRange" in state && state.value && !state.anchorDate && ((0, $dm6hl$isSameDay)(date, state.value.start) || (0, $dm6hl$isSameDay)(date, state.value.end))) label = selectedDateDescription + ", ";
+        if ('highlightedRange' in state && state.value && !state.anchorDate && ((0, $dm6hl$isSameDay)(date, state.value.start) || (0, $dm6hl$isSameDay)(date, state.value.end))) label = selectedDateDescription + ', ';
         label += dateFormatter.format(nativeDate);
         if (isDateToday) // If date is today, set appropriate string depending on selected state:
-        label = stringFormatter.format(isSelected ? "todayDateSelected" : "todayDate", {
+        label = stringFormatter.format(isSelected ? 'todayDateSelected' : 'todayDate', {
             date: label
         });
         else if (isSelected) // If date is selected but not today:
-        label = stringFormatter.format("dateSelected", {
+        label = stringFormatter.format('dateSelected', {
             date: label
         });
-        if (state.minValue && (0, $dm6hl$isSameDay)(date, state.minValue)) label += ", " + stringFormatter.format("minimumDate");
-        else if (state.maxValue && (0, $dm6hl$isSameDay)(date, state.maxValue)) label += ", " + stringFormatter.format("maximumDate");
+        if (state.minValue && (0, $dm6hl$isSameDay)(date, state.minValue)) label += ', ' + stringFormatter.format('minimumDate');
+        else if (state.maxValue && (0, $dm6hl$isSameDay)(date, state.maxValue)) label += ', ' + stringFormatter.format('maximumDate');
         return label;
     }, [
         dateFormatter,
@@ -84,11 +84,11 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
     ]);
     // When a cell is focused and this is a range calendar, add a prompt to help
     // screenreader users know that they are in a range selection mode.
-    let rangeSelectionPrompt = "";
-    if ("anchorDate" in state && isFocused && !state.isReadOnly && isSelectable) {
+    let rangeSelectionPrompt = '';
+    if ('anchorDate' in state && isFocused && !state.isReadOnly && isSelectable) {
         // If selection has started add "click to finish selecting range"
-        if (state.anchorDate) rangeSelectionPrompt = stringFormatter.format("finishRangeSelectionPrompt");
-        else rangeSelectionPrompt = stringFormatter.format("startRangeSelectionPrompt");
+        if (state.anchorDate) rangeSelectionPrompt = stringFormatter.format('finishRangeSelectionPrompt');
+        else rangeSelectionPrompt = stringFormatter.format('startRangeSelectionPrompt');
     }
     let descriptionProps = (0, $dm6hl$useDescription)(rangeSelectionPrompt);
     let isAnchorPressed = (0, $dm6hl$useRef)(false);
@@ -97,7 +97,7 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
     let { pressProps: pressProps, isPressed: isPressed } = (0, $dm6hl$usePress)({
         // When dragging to select a range, we don't want dragging over the original anchor
         // again to trigger onPressStart. Cancel presses immediately when the pointer exits.
-        shouldCancelOnPointerExit: "anchorDate" in state && !!state.anchorDate,
+        shouldCancelOnPointerExit: 'anchorDate' in state && !!state.anchorDate,
         preventFocusOnPress: true,
         isDisabled: !isSelectable || state.isReadOnly,
         onPressStart (e) {
@@ -105,7 +105,7 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
                 state.setFocusedDate(date);
                 return;
             }
-            if ("highlightedRange" in state && !state.anchorDate && (e.pointerType === "mouse" || e.pointerType === "touch")) {
+            if ('highlightedRange' in state && !state.anchorDate && (e.pointerType === 'mouse' || e.pointerType === 'touch')) {
                 // Allow dragging the start or end date of a range to modify it
                 // rather than starting a new selection.
                 // Don't allow dragging when invalid, or weird jumping behavior may occur as date ranges
@@ -134,7 +134,7 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
                 };
                 // Start selection on mouse/touch down so users can drag to select a range.
                 // On touch, delay dragging to determine if the user really meant to scroll.
-                if (e.pointerType === "touch") touchDragTimerRef.current = setTimeout(startDragging, 200);
+                if (e.pointerType === 'touch') touchDragTimerRef.current = setTimeout(startDragging, 200);
                 else startDragging();
             }
         },
@@ -146,7 +146,7 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
         },
         onPress () {
             // For non-range selection, always select on press up.
-            if (!("anchorDate" in state) && !state.isReadOnly) {
+            if (!('anchorDate' in state) && !state.isReadOnly) {
                 state.selectDate(date);
                 state.setFocusedDate(date);
             }
@@ -156,11 +156,11 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
             // If the user tapped quickly, the date won't be selected yet and the
             // timer will still be in progress. In this case, select the date on touch up.
             // Timer is cleared in onPressEnd.
-            if ("anchorDate" in state && touchDragTimerRef.current) {
+            if ('anchorDate' in state && touchDragTimerRef.current) {
                 state.selectDate(date);
                 state.setFocusedDate(date);
             }
-            if ("anchorDate" in state) {
+            if ('anchorDate' in state) {
                 if (isRangeBoundaryPressed.current) // When clicking on the start or end date of an already selected range,
                 // start a new selection on press up to also allow dragging the date to
                 // change the existing range.
@@ -169,7 +169,7 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
                     // When releasing a drag or pressing the end date of a range, select it.
                     state.selectDate(date);
                     state.setFocusedDate(date);
-                } else if (e.pointerType === "keyboard" && !state.anchorDate) {
+                } else if (e.pointerType === 'keyboard' && !state.anchorDate) {
                     // For range selection, auto-advance the focused date by one if using keyboard.
                     // This gives an indication that you're selecting a range rather than a single date.
                     // For mouse, this is unnecessary because users will see the indication on hover. For screen readers,
@@ -182,7 +182,7 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
                         days: 1
                     });
                     if (!state.isInvalid(nextDay)) state.setFocusedDate(nextDay);
-                } else if (e.pointerType === "virtual") {
+                } else if (e.pointerType === 'virtual') {
                     // For screen readers, just select the date on click.
                     state.selectDate(date);
                     state.setFocusedDate(date);
@@ -203,7 +203,7 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
             // Also only scroll into view if the cell actually got focused.
             // There are some cases where the cell might be disabled or inside,
             // an inert container and we don't want to scroll then.
-            if ((0, $dm6hl$getInteractionModality)() !== "pointer" && document.activeElement === ref.current) (0, $dm6hl$scrollIntoViewport)(ref.current, {
+            if ((0, $dm6hl$getInteractionModality)() !== 'pointer' && document.activeElement === ref.current) (0, $dm6hl$scrollIntoViewport)(ref.current, {
                 containingElement: (0, $dm6hl$getScrollParent)(ref.current)
             });
         }
@@ -212,43 +212,43 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
         ref
     ]);
     let cellDateFormatter = (0, $dm6hl$useDateFormatter)({
-        day: "numeric",
+        day: 'numeric',
         timeZone: state.timeZone,
         calendar: date.calendar.identifier
     });
-    let formattedDate = (0, $dm6hl$useMemo)(()=>cellDateFormatter.formatToParts(nativeDate).find((part)=>part.type === "day").value, [
+    let formattedDate = (0, $dm6hl$useMemo)(()=>cellDateFormatter.formatToParts(nativeDate).find((part)=>part.type === 'day').value, [
         cellDateFormatter,
         nativeDate
     ]);
     return {
         cellProps: {
-            role: "gridcell",
-            "aria-disabled": !isSelectable || null,
-            "aria-selected": isSelected || null,
-            "aria-invalid": isInvalid || null
+            role: 'gridcell',
+            'aria-disabled': !isSelectable || null,
+            'aria-selected': isSelected || null,
+            'aria-invalid': isInvalid || null
         },
         buttonProps: (0, $dm6hl$mergeProps)(pressProps, {
             onFocus () {
                 if (!isDisabled) state.setFocusedDate(date);
             },
             tabIndex: tabIndex,
-            role: "button",
-            "aria-disabled": !isSelectable || null,
-            "aria-label": label,
-            "aria-invalid": isInvalid || null,
-            "aria-describedby": [
+            role: 'button',
+            'aria-disabled': !isSelectable || null,
+            'aria-label': label,
+            'aria-invalid': isInvalid || null,
+            'aria-describedby': [
                 isInvalid ? errorMessageId : null,
-                descriptionProps["aria-describedby"]
-            ].filter(Boolean).join(" ") || undefined,
+                descriptionProps['aria-describedby']
+            ].filter(Boolean).join(' ') || undefined,
             onPointerEnter (e) {
                 // Highlight the date on hover or drag over a date when selecting a range.
-                if ("highlightDate" in state && (e.pointerType !== "touch" || state.isDragging) && isSelectable) state.highlightDate(date);
+                if ('highlightDate' in state && (e.pointerType !== 'touch' || state.isDragging) && isSelectable) state.highlightDate(date);
             },
             onPointerDown (e) {
                 // This is necessary on touch devices to allow dragging
                 // outside the original pressed element.
                 // (JSDOM does not support this)
-                if ("releasePointerCapture" in e.target) e.target.releasePointerCapture(e.pointerId);
+                if ('releasePointerCapture' in e.target) e.target.releasePointerCapture(e.pointerId);
             },
             onContextMenu (e) {
                 // Prevent context menu on long press.
@@ -268,4 +268,4 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
 
 
 export {$36a0ac60f04457c5$export$136073280381448e as useCalendarCell};
-//# sourceMappingURL=useCalendarCell.mjs.map
+//# sourceMappingURL=useCalendarCell.module.js.map

package/dist/useCalendarCell.module.js

@@ -30,12 +30,12 @@ function $parcel$interopDefault(a) {
 function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
     let { date: date, isDisabled: isDisabled } = props;
     let { errorMessageId: errorMessageId, selectedDateDescription: selectedDateDescription } = (0, $a074e1e2d0f0a665$export$653eddfc964b0f8a).get(state);
-    let stringFormatter = (0, $dm6hl$useLocalizedStringFormatter)((0, ($parcel$interopDefault($dm6hl$intlStringsmodulejs))), "@react-aria/calendar");
+    let stringFormatter = (0, $dm6hl$useLocalizedStringFormatter)((0, ($parcel$interopDefault($dm6hl$intlStringsmodulejs))), '@react-aria/calendar');
     let dateFormatter = (0, $dm6hl$useDateFormatter)({
-        weekday: "long",
-        day: "numeric",
-        month: "long",
-        year: "numeric",
+        weekday: 'long',
+        day: 'numeric',
+        month: 'long',
+        year: 'numeric',
         era: (0, $a074e1e2d0f0a665$export$134cbb7fb09a9522)(date),
         timeZone: state.timeZone
     });
@@ -44,7 +44,7 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
     isDisabled = isDisabled || state.isCellDisabled(date);
     let isUnavailable = state.isCellUnavailable(date);
     let isSelectable = !isDisabled && !isUnavailable;
-    let isInvalid = state.isValueInvalid && ("highlightedRange" in state ? !state.anchorDate && state.highlightedRange && date.compare(state.highlightedRange.start) >= 0 && date.compare(state.highlightedRange.end) <= 0 : state.value && (0, $dm6hl$isSameDay)(state.value, date));
+    let isInvalid = state.isValueInvalid && ('highlightedRange' in state ? !state.anchorDate && state.highlightedRange && date.compare(state.highlightedRange.start) >= 0 && date.compare(state.highlightedRange.end) <= 0 : state.value && (0, $dm6hl$isSameDay)(state.value, date));
     if (isInvalid) isSelected = true;
     // For performance, reuse the same date object as before if the new date prop is the same.
     // This allows subsequent useMemo results to be reused.
@@ -56,21 +56,21 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
     // aria-label should be localize Day of week, Month, Day and Year without Time.
     let isDateToday = (0, $dm6hl$isToday)(date, state.timeZone);
     let label = (0, $dm6hl$useMemo)(()=>{
-        let label = "";
+        let label = '';
         // If this is a range calendar, add a description of the full selected range
         // to the first and last selected date.
-        if ("highlightedRange" in state && state.value && !state.anchorDate && ((0, $dm6hl$isSameDay)(date, state.value.start) || (0, $dm6hl$isSameDay)(date, state.value.end))) label = selectedDateDescription + ", ";
+        if ('highlightedRange' in state && state.value && !state.anchorDate && ((0, $dm6hl$isSameDay)(date, state.value.start) || (0, $dm6hl$isSameDay)(date, state.value.end))) label = selectedDateDescription + ', ';
         label += dateFormatter.format(nativeDate);
         if (isDateToday) // If date is today, set appropriate string depending on selected state:
-        label = stringFormatter.format(isSelected ? "todayDateSelected" : "todayDate", {
+        label = stringFormatter.format(isSelected ? 'todayDateSelected' : 'todayDate', {
             date: label
         });
         else if (isSelected) // If date is selected but not today:
-        label = stringFormatter.format("dateSelected", {
+        label = stringFormatter.format('dateSelected', {
             date: label
         });
-        if (state.minValue && (0, $dm6hl$isSameDay)(date, state.minValue)) label += ", " + stringFormatter.format("minimumDate");
-        else if (state.maxValue && (0, $dm6hl$isSameDay)(date, state.maxValue)) label += ", " + stringFormatter.format("maximumDate");
+        if (state.minValue && (0, $dm6hl$isSameDay)(date, state.minValue)) label += ', ' + stringFormatter.format('minimumDate');
+        else if (state.maxValue && (0, $dm6hl$isSameDay)(date, state.maxValue)) label += ', ' + stringFormatter.format('maximumDate');
         return label;
     }, [
         dateFormatter,
@@ -84,11 +84,11 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
     ]);
     // When a cell is focused and this is a range calendar, add a prompt to help
     // screenreader users know that they are in a range selection mode.
-    let rangeSelectionPrompt = "";
-    if ("anchorDate" in state && isFocused && !state.isReadOnly && isSelectable) {
+    let rangeSelectionPrompt = '';
+    if ('anchorDate' in state && isFocused && !state.isReadOnly && isSelectable) {
         // If selection has started add "click to finish selecting range"
-        if (state.anchorDate) rangeSelectionPrompt = stringFormatter.format("finishRangeSelectionPrompt");
-        else rangeSelectionPrompt = stringFormatter.format("startRangeSelectionPrompt");
+        if (state.anchorDate) rangeSelectionPrompt = stringFormatter.format('finishRangeSelectionPrompt');
+        else rangeSelectionPrompt = stringFormatter.format('startRangeSelectionPrompt');
     }
     let descriptionProps = (0, $dm6hl$useDescription)(rangeSelectionPrompt);
     let isAnchorPressed = (0, $dm6hl$useRef)(false);
@@ -97,7 +97,7 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
     let { pressProps: pressProps, isPressed: isPressed } = (0, $dm6hl$usePress)({
         // When dragging to select a range, we don't want dragging over the original anchor
         // again to trigger onPressStart. Cancel presses immediately when the pointer exits.
-        shouldCancelOnPointerExit: "anchorDate" in state && !!state.anchorDate,
+        shouldCancelOnPointerExit: 'anchorDate' in state && !!state.anchorDate,
         preventFocusOnPress: true,
         isDisabled: !isSelectable || state.isReadOnly,
         onPressStart (e) {
@@ -105,7 +105,7 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
                 state.setFocusedDate(date);
                 return;
             }
-            if ("highlightedRange" in state && !state.anchorDate && (e.pointerType === "mouse" || e.pointerType === "touch")) {
+            if ('highlightedRange' in state && !state.anchorDate && (e.pointerType === 'mouse' || e.pointerType === 'touch')) {
                 // Allow dragging the start or end date of a range to modify it
                 // rather than starting a new selection.
                 // Don't allow dragging when invalid, or weird jumping behavior may occur as date ranges
@@ -134,7 +134,7 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
                 };
                 // Start selection on mouse/touch down so users can drag to select a range.
                 // On touch, delay dragging to determine if the user really meant to scroll.
-                if (e.pointerType === "touch") touchDragTimerRef.current = setTimeout(startDragging, 200);
+                if (e.pointerType === 'touch') touchDragTimerRef.current = setTimeout(startDragging, 200);
                 else startDragging();
             }
         },
@@ -146,7 +146,7 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
         },
         onPress () {
             // For non-range selection, always select on press up.
-            if (!("anchorDate" in state) && !state.isReadOnly) {
+            if (!('anchorDate' in state) && !state.isReadOnly) {
                 state.selectDate(date);
                 state.setFocusedDate(date);
             }
@@ -156,11 +156,11 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
             // If the user tapped quickly, the date won't be selected yet and the
             // timer will still be in progress. In this case, select the date on touch up.
             // Timer is cleared in onPressEnd.
-            if ("anchorDate" in state && touchDragTimerRef.current) {
+            if ('anchorDate' in state && touchDragTimerRef.current) {
                 state.selectDate(date);
                 state.setFocusedDate(date);
             }
-            if ("anchorDate" in state) {
+            if ('anchorDate' in state) {
                 if (isRangeBoundaryPressed.current) // When clicking on the start or end date of an already selected range,
                 // start a new selection on press up to also allow dragging the date to
                 // change the existing range.
@@ -169,7 +169,7 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
                     // When releasing a drag or pressing the end date of a range, select it.
                     state.selectDate(date);
                     state.setFocusedDate(date);
-                } else if (e.pointerType === "keyboard" && !state.anchorDate) {
+                } else if (e.pointerType === 'keyboard' && !state.anchorDate) {
                     // For range selection, auto-advance the focused date by one if using keyboard.
                     // This gives an indication that you're selecting a range rather than a single date.
                     // For mouse, this is unnecessary because users will see the indication on hover. For screen readers,
@@ -182,7 +182,7 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
                         days: 1
                     });
                     if (!state.isInvalid(nextDay)) state.setFocusedDate(nextDay);
-                } else if (e.pointerType === "virtual") {
+                } else if (e.pointerType === 'virtual') {
                     // For screen readers, just select the date on click.
                     state.selectDate(date);
                     state.setFocusedDate(date);
@@ -203,7 +203,7 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
             // Also only scroll into view if the cell actually got focused.
             // There are some cases where the cell might be disabled or inside,
             // an inert container and we don't want to scroll then.
-            if ((0, $dm6hl$getInteractionModality)() !== "pointer" && document.activeElement === ref.current) (0, $dm6hl$scrollIntoViewport)(ref.current, {
+            if ((0, $dm6hl$getInteractionModality)() !== 'pointer' && document.activeElement === ref.current) (0, $dm6hl$scrollIntoViewport)(ref.current, {
                 containingElement: (0, $dm6hl$getScrollParent)(ref.current)
             });
         }
@@ -212,43 +212,43 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
         ref
     ]);
     let cellDateFormatter = (0, $dm6hl$useDateFormatter)({
-        day: "numeric",
+        day: 'numeric',
         timeZone: state.timeZone,
         calendar: date.calendar.identifier
     });
-    let formattedDate = (0, $dm6hl$useMemo)(()=>cellDateFormatter.formatToParts(nativeDate).find((part)=>part.type === "day").value, [
+    let formattedDate = (0, $dm6hl$useMemo)(()=>cellDateFormatter.formatToParts(nativeDate).find((part)=>part.type === 'day').value, [
         cellDateFormatter,
         nativeDate
     ]);
     return {
         cellProps: {
-            role: "gridcell",
-            "aria-disabled": !isSelectable || null,
-            "aria-selected": isSelected || null,
-            "aria-invalid": isInvalid || null
+            role: 'gridcell',
+            'aria-disabled': !isSelectable || null,
+            'aria-selected': isSelected || null,
+            'aria-invalid': isInvalid || null
         },
         buttonProps: (0, $dm6hl$mergeProps)(pressProps, {
             onFocus () {
                 if (!isDisabled) state.setFocusedDate(date);
             },
             tabIndex: tabIndex,
-            role: "button",
-            "aria-disabled": !isSelectable || null,
-            "aria-label": label,
-            "aria-invalid": isInvalid || null,
-            "aria-describedby": [
+            role: 'button',
+            'aria-disabled': !isSelectable || null,
+            'aria-label': label,
+            'aria-invalid': isInvalid || null,
+            'aria-describedby': [
                 isInvalid ? errorMessageId : null,
-                descriptionProps["aria-describedby"]
-            ].filter(Boolean).join(" ") || undefined,
+                descriptionProps['aria-describedby']
+            ].filter(Boolean).join(' ') || undefined,
             onPointerEnter (e) {
                 // Highlight the date on hover or drag over a date when selecting a range.
-                if ("highlightDate" in state && (e.pointerType !== "touch" || state.isDragging) && isSelectable) state.highlightDate(date);
+                if ('highlightDate' in state && (e.pointerType !== 'touch' || state.isDragging) && isSelectable) state.highlightDate(date);
             },
             onPointerDown (e) {
                 // This is necessary on touch devices to allow dragging
                 // outside the original pressed element.
                 // (JSDOM does not support this)
-                if ("releasePointerCapture" in e.target) e.target.releasePointerCapture(e.pointerId);
+                if ('releasePointerCapture' in e.target) e.target.releasePointerCapture(e.pointerId);
             },
             onContextMenu (e) {
                 // Prevent context menu on long press.