@react-aria/datepicker 3.4.0 → 3.5.0

package/dist/module.js

@@ -34,7 +34,7 @@ function $parcel$interopDefault(a) {
  * governing permissions and limitations under the License.
  */ 
 
-var $204383cf4f6b0d06$exports = {};
+var $dfb4eba373ed9493$exports = {};
 var $f23889fffbde9058$exports = {};
 $f23889fffbde9058$exports = {
     "calendar": `التقويم`,
@@ -749,7 +749,7 @@ $33fab8219207655a$exports = {
 };
 
 
-$204383cf4f6b0d06$exports = {
+$dfb4eba373ed9493$exports = {
     "ar-AE": $f23889fffbde9058$exports,
     "bg-BG": $09d9badaa8903929$exports,
     "cs-CZ": $151b77e0fd711730$exports,
@@ -899,7 +899,7 @@ function $16f0b7bb276bc17e$export$5591b0b878c1a989(props, state, ref) {
         onFocusWithin: props.onFocus,
         onFocusWithinChange: props.onFocusChange
     });
-    let stringFormatter = (0, $cIPI0$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($204383cf4f6b0d06$exports))));
+    let stringFormatter = (0, $cIPI0$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($dfb4eba373ed9493$exports))));
     let message = state.maxGranularity === "hour" ? "selectedTimeDescription" : "selectedDateDescription";
     let field = state.maxGranularity === "hour" ? "time" : "date";
     let description = state.value ? stringFormatter.format(message, {
@@ -924,8 +924,8 @@ function $16f0b7bb276bc17e$export$5591b0b878c1a989(props, state, ref) {
     $16f0b7bb276bc17e$export$653eddfc964b0f8a.set(state, {
         ariaLabel: props["aria-label"],
         ariaLabelledBy: [
-            props["aria-labelledby"],
-            labelProps.id
+            labelProps.id,
+            props["aria-labelledby"]
         ].filter(Boolean).join(" ") || undefined,
         ariaDescribedBy: describedBy,
         focusManager: focusManager
@@ -983,7 +983,7 @@ 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 stringFormatter = (0, $cIPI0$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($dfb4eba373ed9493$exports))));
     let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = (0, $cIPI0$useField)({
         ...props,
         labelElementType: "span"
@@ -1046,6 +1046,7 @@ function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
             placeholderValue: props.placeholderValue,
             hideTimeZone: props.hideTimeZone,
             hourCycle: props.hourCycle,
+            shouldForceLeadingZeros: props.shouldForceLeadingZeros,
             granularity: props.granularity,
             isDisabled: props.isDisabled,
             isReadOnly: props.isReadOnly,
@@ -1060,14 +1061,14 @@ function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
             id: buttonId,
             "aria-haspopup": "dialog",
             "aria-label": stringFormatter.format("calendar"),
-            "aria-labelledby": `${labelledBy} ${buttonId}`,
+            "aria-labelledby": `${buttonId} ${labelledBy}`,
             "aria-describedby": ariaDescribedBy,
             "aria-expanded": state.isOpen || undefined,
             onPress: ()=>state.setOpen(true)
         },
         dialogProps: {
             id: dialogId,
-            "aria-labelledby": `${labelledBy} ${buttonId}`
+            "aria-labelledby": `${buttonId} ${labelledBy}`
         },
         calendarProps: {
             autoFocus: true,
@@ -1140,7 +1141,7 @@ class $3aeceb3a64eb8358$var$DisplayNamesPolyfill {
     }
     constructor(locale){
         this.locale = locale;
-        this.dictionary = new (0, $cIPI0$LocalizedStringDictionary)((0, (/*@__PURE__*/$parcel$interopDefault($204383cf4f6b0d06$exports))));
+        this.dictionary = new (0, $cIPI0$LocalizedStringDictionary)((0, (/*@__PURE__*/$parcel$interopDefault($dfb4eba373ed9493$exports))));
     }
 }
 
@@ -1418,7 +1419,7 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
     // This is needed because VoiceOver on iOS does not announce groups.
     let name = segment.type === "literal" ? "" : displayNames.of(segment.type);
     let labelProps = (0, $cIPI0$useLabels)({
-        "aria-label": (ariaLabel ? ariaLabel + " " : "") + name,
+        "aria-label": `${name}${ariaLabel ? `, ${ariaLabel}` : ""}${ariaLabelledBy ? ", " : ""}`,
         "aria-labelledby": ariaLabelledBy
     });
     // Literal segments should not be visible to screen readers. We don't really need any of the above,
@@ -1494,7 +1495,7 @@ function $32489daedd52963e$var$commonPrefixLength(strings) {
 
 function $887cac91b7cc8801$export$12fd5f0e9f4bb192(props, state, ref) {
     var _state_value, _state_value1;
-    let stringFormatter = (0, $cIPI0$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($204383cf4f6b0d06$exports))));
+    let stringFormatter = (0, $cIPI0$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($dfb4eba373ed9493$exports))));
     let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = (0, $cIPI0$useField)({
         ...props,
         labelElementType: "span"
@@ -1541,6 +1542,7 @@ function $887cac91b7cc8801$export$12fd5f0e9f4bb192(props, state, ref) {
         hideTimeZone: props.hideTimeZone,
         hourCycle: props.hourCycle,
         granularity: props.granularity,
+        shouldForceLeadingZeros: props.shouldForceLeadingZeros,
         isDisabled: props.isDisabled,
         isReadOnly: props.isReadOnly,
         isRequired: props.isRequired,
@@ -1579,14 +1581,14 @@ function $887cac91b7cc8801$export$12fd5f0e9f4bb192(props, state, ref) {
             id: buttonId,
             "aria-haspopup": "dialog",
             "aria-label": stringFormatter.format("calendar"),
-            "aria-labelledby": `${labelledBy} ${buttonId}`,
+            "aria-labelledby": `${buttonId} ${labelledBy}`,
             "aria-describedby": ariaDescribedBy,
             "aria-expanded": state.isOpen || undefined,
             onPress: ()=>state.setOpen(true)
         },
         dialogProps: {
             id: dialogId,
-            "aria-labelledby": `${labelledBy} ${buttonId}`
+            "aria-labelledby": `${buttonId} ${labelledBy}`
         },
         startFieldProps: {
             ...startFieldProps,