@react-aria/calendar 3.4.1 → 3.5.1

package/dist/import.mjs

@@ -677,7 +677,7 @@ function $a074e1e2d0f0a665$export$134cbb7fb09a9522(date) {
 function $a074e1e2d0f0a665$export$b6df97c887c38e1a(state) {
     let stringFormatter = (0, $amWdn$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($3904726b442bd9b2$exports))));
     let start, end;
-    if ("highlightedRange" in state) ({ start: start , end: end  } = state.highlightedRange || {});
+    if ("highlightedRange" in state) ({ start: start, end: end } = state.highlightedRange || {});
     else start = end = state.value;
     let dateFormatter = (0, $amWdn$useDateFormatter)({
         weekday: "long",
@@ -800,6 +800,7 @@ function $c4acc1de3ab169cf$export$d652b3ea2d672d5b(props, state) {
     ]);
     let errorMessageId = (0, $amWdn$useSlotId)([
         Boolean(props.errorMessage),
+        props.isInvalid,
         props.validationState
     ]);
     // Pass the label to the child grid elements.
@@ -932,8 +933,8 @@ function $46a4342aab3d8076$export$87e0539f600c24e5(props, state, ref) {
 
 
 function $e3031d1f8c9d64eb$export$cb95147730a423f5(props, state) {
-    let { startDate: startDate = state.visibleRange.start , endDate: endDate = state.visibleRange.end  } = props;
-    let { direction: direction  } = (0, $amWdn$useLocale)();
+    let { startDate: startDate = state.visibleRange.start, endDate: endDate = state.visibleRange.end } = props;
+    let { direction: direction } = (0, $amWdn$useLocale)();
     let onKeyDown = (e)=>{
         switch(e.key){
             case "Enter":
@@ -993,7 +994,7 @@ function $e3031d1f8c9d64eb$export$cb95147730a423f5(props, state) {
         }
     };
     let visibleRangeDescription = (0, $a074e1e2d0f0a665$export$31afe65d91ef6e8)(startDate, endDate, state.timeZone, true);
-    let { ariaLabel: ariaLabel , ariaLabelledBy: ariaLabelledBy  } = (0, $a074e1e2d0f0a665$export$653eddfc964b0f8a).get(state);
+    let { ariaLabel: ariaLabel, ariaLabelledBy: ariaLabelledBy } = (0, $a074e1e2d0f0a665$export$653eddfc964b0f8a).get(state);
     let labelProps = (0, $amWdn$useLabels)({
         "aria-label": [
             ariaLabel,
@@ -1005,7 +1006,7 @@ function $e3031d1f8c9d64eb$export$cb95147730a423f5(props, state) {
         weekday: props.weekdayStyle || "narrow",
         timeZone: state.timeZone
     });
-    let { locale: locale  } = (0, $amWdn$useLocale)();
+    let { locale: locale } = (0, $amWdn$useLocale)();
     let weekDays = (0, $amWdn$useMemo)(()=>{
         let weekStart = (0, $amWdn$startOfWeek)((0, $amWdn$today)(state.timeZone), locale);
         return [
@@ -1060,8 +1061,8 @@ function $e3031d1f8c9d64eb$export$cb95147730a423f5(props, state) {
 
 
 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 { date: date, isDisabled: isDisabled } = props;
+    let { errorMessageId: errorMessageId, selectedDateDescription: selectedDateDescription } = (0, $a074e1e2d0f0a665$export$653eddfc964b0f8a).get(state);
     let stringFormatter = (0, $amWdn$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($3904726b442bd9b2$exports))));
     let dateFormatter = (0, $amWdn$useDateFormatter)({
         weekday: "long",
@@ -1076,7 +1077,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.validationState === "invalid" && ("highlightedRange" in state ? !state.anchorDate && state.highlightedRange && date.compare(state.highlightedRange.start) >= 0 && date.compare(state.highlightedRange.end) <= 0 : state.value && (0, $amWdn$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, $amWdn$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.
@@ -1126,7 +1127,7 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
     let isAnchorPressed = (0, $amWdn$useRef)(false);
     let isRangeBoundaryPressed = (0, $amWdn$useRef)(false);
     let touchDragTimerRef = (0, $amWdn$useRef)(null);
-    let { pressProps: pressProps , isPressed: isPressed  } = (0, $amWdn$usePress)({
+    let { pressProps: pressProps, isPressed: isPressed } = (0, $amWdn$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,

package/dist/main.js

@@ -685,7 +685,7 @@ function $df1d8e967e73ec8e$export$134cbb7fb09a9522(date) {
 function $df1d8e967e73ec8e$export$b6df97c887c38e1a(state) {
     let stringFormatter = (0, $jzHdg$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($bd6dc95a3c5ee5cd$exports))));
     let start, end;
-    if ("highlightedRange" in state) ({ start: start , end: end  } = state.highlightedRange || {});
+    if ("highlightedRange" in state) ({ start: start, end: end } = state.highlightedRange || {});
     else start = end = state.value;
     let dateFormatter = (0, $jzHdg$reactariai18n.useDateFormatter)({
         weekday: "long",
@@ -808,6 +808,7 @@ function $02ef492a56b91cb2$export$d652b3ea2d672d5b(props, state) {
     ]);
     let errorMessageId = (0, $jzHdg$reactariautils.useSlotId)([
         Boolean(props.errorMessage),
+        props.isInvalid,
         props.validationState
     ]);
     // Pass the label to the child grid elements.
@@ -940,8 +941,8 @@ function $c49ada48cbc48220$export$87e0539f600c24e5(props, state, ref) {
 
 
 function $a07388a797d86b95$export$cb95147730a423f5(props, state) {
-    let { startDate: startDate = state.visibleRange.start , endDate: endDate = state.visibleRange.end  } = props;
-    let { direction: direction  } = (0, $jzHdg$reactariai18n.useLocale)();
+    let { startDate: startDate = state.visibleRange.start, endDate: endDate = state.visibleRange.end } = props;
+    let { direction: direction } = (0, $jzHdg$reactariai18n.useLocale)();
     let onKeyDown = (e)=>{
         switch(e.key){
             case "Enter":
@@ -1001,7 +1002,7 @@ function $a07388a797d86b95$export$cb95147730a423f5(props, state) {
         }
     };
     let visibleRangeDescription = (0, $df1d8e967e73ec8e$export$31afe65d91ef6e8)(startDate, endDate, state.timeZone, true);
-    let { ariaLabel: ariaLabel , ariaLabelledBy: ariaLabelledBy  } = (0, $df1d8e967e73ec8e$export$653eddfc964b0f8a).get(state);
+    let { ariaLabel: ariaLabel, ariaLabelledBy: ariaLabelledBy } = (0, $df1d8e967e73ec8e$export$653eddfc964b0f8a).get(state);
     let labelProps = (0, $jzHdg$reactariautils.useLabels)({
         "aria-label": [
             ariaLabel,
@@ -1013,7 +1014,7 @@ function $a07388a797d86b95$export$cb95147730a423f5(props, state) {
         weekday: props.weekdayStyle || "narrow",
         timeZone: state.timeZone
     });
-    let { locale: locale  } = (0, $jzHdg$reactariai18n.useLocale)();
+    let { locale: locale } = (0, $jzHdg$reactariai18n.useLocale)();
     let weekDays = (0, $jzHdg$react.useMemo)(()=>{
         let weekStart = (0, $jzHdg$internationalizeddate.startOfWeek)((0, $jzHdg$internationalizeddate.today)(state.timeZone), locale);
         return [
@@ -1068,8 +1069,8 @@ function $a07388a797d86b95$export$cb95147730a423f5(props, state) {
 
 
 function $4d833327a32c9193$export$136073280381448e(props, state, ref) {
-    let { date: date , isDisabled: isDisabled  } = props;
-    let { errorMessageId: errorMessageId , selectedDateDescription: selectedDateDescription  } = (0, $df1d8e967e73ec8e$export$653eddfc964b0f8a).get(state);
+    let { date: date, isDisabled: isDisabled } = props;
+    let { errorMessageId: errorMessageId, selectedDateDescription: selectedDateDescription } = (0, $df1d8e967e73ec8e$export$653eddfc964b0f8a).get(state);
     let stringFormatter = (0, $jzHdg$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($bd6dc95a3c5ee5cd$exports))));
     let dateFormatter = (0, $jzHdg$reactariai18n.useDateFormatter)({
         weekday: "long",
@@ -1084,7 +1085,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.validationState === "invalid" && ("highlightedRange" in state ? !state.anchorDate && state.highlightedRange && date.compare(state.highlightedRange.start) >= 0 && date.compare(state.highlightedRange.end) <= 0 : state.value && (0, $jzHdg$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, $jzHdg$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.
@@ -1134,7 +1135,7 @@ function $4d833327a32c9193$export$136073280381448e(props, state, ref) {
     let isAnchorPressed = (0, $jzHdg$react.useRef)(false);
     let isRangeBoundaryPressed = (0, $jzHdg$react.useRef)(false);
     let touchDragTimerRef = (0, $jzHdg$react.useRef)(null);
-    let { pressProps: pressProps , isPressed: isPressed  } = (0, $jzHdg$reactariainteractions.usePress)({
+    let { pressProps: pressProps, isPressed: isPressed } = (0, $jzHdg$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,