@react-aria/datepicker 3.6.0 → 3.7.0

package/dist/module.js

@@ -814,6 +814,7 @@ 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) {
             e.preventDefault();
             e.stopPropagation();
@@ -1061,7 +1062,7 @@ function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
             isDisabled: props.isDisabled,
             isReadOnly: props.isReadOnly,
             isRequired: props.isRequired,
-            validationState: state.validationState,
+            isInvalid: state.isInvalid,
             autoFocus: props.autoFocus,
             name: props.name
         },
@@ -1091,7 +1092,7 @@ function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
             isReadOnly: props.isReadOnly,
             isDateUnavailable: props.isDateUnavailable,
             defaultFocusedValue: state.dateValue ? undefined : props.placeholderValue,
-            validationState: state.validationState,
+            isInvalid: state.isInvalid,
             errorMessage: props.errorMessage
         }
     };
@@ -1423,7 +1424,7 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
     let firstSegment = (0, $cIPI0$useMemo)(()=>state.segments.find((s)=>s.isEditable), [
         state.segments
     ]);
-    if (segment !== firstSegment && state.validationState !== "invalid") ariaDescribedBy = undefined;
+    if (segment !== firstSegment && !state.isInvalid) ariaDescribedBy = undefined;
     let id = (0, $cIPI0$useId)();
     let isEditable = !state.isDisabled && !state.isReadOnly && segment.isEditable;
     // Prepend the label passed from the field to each segment name.
@@ -1444,7 +1445,7 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
         segmentProps: (0, $cIPI0$mergeProps)(spinButtonProps, labelProps, {
             id: id,
             ...touchPropOverrides,
-            "aria-invalid": state.validationState === "invalid" ? "true" : undefined,
+            "aria-invalid": state.isInvalid ? "true" : undefined,
             "aria-describedby": ariaDescribedBy,
             "aria-readonly": state.isReadOnly || !segment.isEditable ? "true" : undefined,
             "data-placeholder": segment.isPlaceholder || undefined,
@@ -1557,7 +1558,7 @@ function $887cac91b7cc8801$export$12fd5f0e9f4bb192(props, state, ref) {
         isDisabled: props.isDisabled,
         isReadOnly: props.isReadOnly,
         isRequired: props.isRequired,
-        validationState: state.validationState
+        isInvalid: state.isInvalid
     };
     let domProps = (0, $cIPI0$filterDOMProps)(props);
     let { focusWithinProps: focusWithinProps  } = (0, $cIPI0$useFocusWithin)({
@@ -1629,7 +1630,7 @@ function $887cac91b7cc8801$export$12fd5f0e9f4bb192(props, state, ref) {
             isDateUnavailable: props.isDateUnavailable,
             allowsNonContiguousRanges: props.allowsNonContiguousRanges,
             defaultFocusedValue: state.dateRange ? undefined : props.placeholderValue,
-            validationState: state.validationState,
+            isInvalid: state.isInvalid,
             errorMessage: props.errorMessage
         }
     };