@react-aria/datepicker 3.2.1 → 3.4.0

package/dist/module.js

@@ -1,5 +1,5 @@
 import {createFocusManager as $cIPI0$createFocusManager, getFocusableTreeWalker as $cIPI0$getFocusableTreeWalker} from "@react-aria/focus";
-import {useId as $cIPI0$useId, useDescription as $cIPI0$useDescription, filterDOMProps as $cIPI0$filterDOMProps, mergeProps as $cIPI0$mergeProps, isMac as $cIPI0$isMac, scrollIntoView as $cIPI0$scrollIntoView, getScrollParent as $cIPI0$getScrollParent, useEvent as $cIPI0$useEvent, useLayoutEffect as $cIPI0$useLayoutEffect, isIOS as $cIPI0$isIOS, useLabels as $cIPI0$useLabels} from "@react-aria/utils";
+import {useId as $cIPI0$useId, useDescription as $cIPI0$useDescription, filterDOMProps as $cIPI0$filterDOMProps, mergeProps as $cIPI0$mergeProps, isMac as $cIPI0$isMac, scrollIntoViewport as $cIPI0$scrollIntoViewport, getScrollParent as $cIPI0$getScrollParent, useEvent as $cIPI0$useEvent, useLayoutEffect as $cIPI0$useLayoutEffect, isIOS as $cIPI0$isIOS, useLabels as $cIPI0$useLabels} from "@react-aria/utils";
 import $cIPI0$react, {useMemo as $cIPI0$useMemo, useRef as $cIPI0$useRef, useEffect as $cIPI0$useEffect} from "react";
 import {useField as $cIPI0$useField} from "@react-aria/label";
 import {useFocusWithin as $cIPI0$useFocusWithin, usePress as $cIPI0$usePress} from "@react-aria/interactions";
@@ -982,6 +982,7 @@ function $16f0b7bb276bc17e$export$4c842f6a241dc825(props, state, ref) {
 function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
     let buttonId = (0, $cIPI0$useId)();
     let dialogId = (0, $cIPI0$useId)();
+    let fieldId = (0, $cIPI0$useId)();
     let stringFormatter = (0, $cIPI0$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($204383cf4f6b0d06$exports))));
     let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = (0, $cIPI0$useField)({
         ...props,
@@ -1035,6 +1036,7 @@ function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
         },
         fieldProps: {
             ...fieldProps,
+            id: fieldId,
             [(0, $16f0b7bb276bc17e$export$300019f83c56d282)]: "presentation",
             "aria-describedby": ariaDescribedBy,
             value: state.value,
@@ -1060,6 +1062,7 @@ function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
             "aria-label": stringFormatter.format("calendar"),
             "aria-labelledby": `${labelledBy} ${buttonId}`,
             "aria-describedby": ariaDescribedBy,
+            "aria-expanded": state.isOpen || undefined,
             onPress: ()=>state.setOpen(true)
         },
         dialogProps: {
@@ -1341,7 +1344,9 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
     };
     let onFocus = ()=>{
         enteredKeys.current = "";
-        (0, $cIPI0$scrollIntoView)((0, $cIPI0$getScrollParent)(ref.current), ref.current);
+        (0, $cIPI0$scrollIntoViewport)(ref.current, {
+            containingElement: (0, $cIPI0$getScrollParent)(ref.current)
+        });
         // Collapse selection to start or Chrome won't fire input events.
         let selection = window.getSelection();
         selection.collapse(ref.current);
@@ -1576,6 +1581,7 @@ function $887cac91b7cc8801$export$12fd5f0e9f4bb192(props, state, ref) {
             "aria-label": stringFormatter.format("calendar"),
             "aria-labelledby": `${labelledBy} ${buttonId}`,
             "aria-describedby": ariaDescribedBy,
+            "aria-expanded": state.isOpen || undefined,
             onPress: ()=>state.setOpen(true)
         },
         dialogProps: {