@react-aria/datepicker 3.0.0-nightly.2388 → 3.0.0-nightly.2394

package/dist/module.js

@@ -1062,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
         },
@@ -1092,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
         }
     };
@@ -1424,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.
@@ -1445,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,
@@ -1558,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)({
@@ -1630,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
         }
     };