@react-aria/datepicker 3.9.0 → 3.9.2

package/dist/import.mjs

@@ -4,12 +4,11 @@ import {privateValidationStateProp as $cIPI0$privateValidationStateProp, DEFAULT
 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";
-import {useLocalizedStringFormatter as $cIPI0$useLocalizedStringFormatter, useLocale as $cIPI0$useLocale, useDateFormatter as $cIPI0$useDateFormatter, useFilter as $cIPI0$useFilter} from "@react-aria/i18n";
+import {useLocalizedStringFormatter as $cIPI0$useLocalizedStringFormatter, useLocale as $cIPI0$useLocale, useDateFormatter as $cIPI0$useDateFormatter, useFilter as $cIPI0$useFilter, useLocalizedStringDictionary as $cIPI0$useLocalizedStringDictionary} from "@react-aria/i18n";
 import {useFormValidation as $cIPI0$useFormValidation} from "@react-aria/form";
 import {toCalendar as $cIPI0$toCalendar, CalendarDate as $cIPI0$CalendarDate} from "@internationalized/date";
 import {NumberParser as $cIPI0$NumberParser} from "@internationalized/number";
 import {useSpinButton as $cIPI0$useSpinButton} from "@react-aria/spinbutton";
-import {LocalizedStringDictionary as $cIPI0$LocalizedStringDictionary} from "@internationalized/string";
 
 
 function $parcel$interopDefault(a) {
@@ -916,7 +915,7 @@ function $16f0b7bb276bc17e$export$5591b0b878c1a989(props, state, ref) {
         },
         onFocusWithinChange: props.onFocusChange
     });
-    let stringFormatter = (0, $cIPI0$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($dfb4eba373ed9493$exports))));
+    let stringFormatter = (0, $cIPI0$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($dfb4eba373ed9493$exports))), "@react-aria/datepicker");
     let message = state.maxGranularity === "hour" ? "selectedTimeDescription" : "selectedDateDescription";
     let field = state.maxGranularity === "hour" ? "time" : "date";
     let description = state.value ? stringFormatter.format(message, {
@@ -1028,7 +1027,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($dfb4eba373ed9493$exports))));
+    let stringFormatter = (0, $cIPI0$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($dfb4eba373ed9493$exports))), "@react-aria/datepicker");
     let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = state.displayValidation;
     let { labelProps: labelProps, fieldProps: fieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $cIPI0$useField)({
         ...props,
@@ -1113,6 +1112,7 @@ function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
             "aria-labelledby": `${buttonId} ${labelledBy}`,
             "aria-describedby": ariaDescribedBy,
             "aria-expanded": state.isOpen,
+            isDisabled: props.isDisabled || props.isReadOnly,
             onPress: ()=>state.setOpen(true)
         },
         dialogProps: {
@@ -1169,9 +1169,9 @@ function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
 
 
 
-
 function $3aeceb3a64eb8358$export$d42c60378c8168f8() {
     let { locale: locale } = (0, $cIPI0$useLocale)();
+    let dictionary = (0, $cIPI0$useLocalizedStringDictionary)((0, (/*@__PURE__*/$parcel$interopDefault($dfb4eba373ed9493$exports))), "@react-aria/datepicker");
     return (0, $cIPI0$useMemo)(()=>{
         // Try to use Intl.DisplayNames if possible. It may be supported in browsers, but not support the dateTimeField
         // type as that was only added in v2. https://github.com/tc39/intl-displaynames-v2
@@ -1181,19 +1181,20 @@ function $3aeceb3a64eb8358$export$d42c60378c8168f8() {
                 type: "dateTimeField"
             });
         } catch (err) {
-            return new $3aeceb3a64eb8358$var$DisplayNamesPolyfill(locale);
+            return new $3aeceb3a64eb8358$var$DisplayNamesPolyfill(locale, dictionary);
         }
     }, [
-        locale
+        locale,
+        dictionary
     ]);
 }
 class $3aeceb3a64eb8358$var$DisplayNamesPolyfill {
     of(field) {
         return this.dictionary.getStringForLocale(field, this.locale);
     }
-    constructor(locale){
+    constructor(locale, dictionary){
         this.locale = locale;
-        this.dictionary = new (0, $cIPI0$LocalizedStringDictionary)((0, (/*@__PURE__*/$parcel$interopDefault($dfb4eba373ed9493$exports))));
+        this.dictionary = dictionary;
     }
 }
 
@@ -1548,7 +1549,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($dfb4eba373ed9493$exports))));
+    let stringFormatter = (0, $cIPI0$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($dfb4eba373ed9493$exports))), "@react-aria/datepicker");
     let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = state.displayValidation;
     let { labelProps: labelProps, fieldProps: fieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $cIPI0$useField)({
         ...props,
@@ -1640,6 +1641,7 @@ function $887cac91b7cc8801$export$12fd5f0e9f4bb192(props, state, ref) {
             "aria-labelledby": `${buttonId} ${labelledBy}`,
             "aria-describedby": ariaDescribedBy,
             "aria-expanded": state.isOpen,
+            isDisabled: props.isDisabled || props.isReadOnly,
             onPress: ()=>state.setOpen(true)
         },
         dialogProps: {

package/dist/main.js

@@ -9,7 +9,6 @@ var $IwcIq$reactariaform = require("@react-aria/form");
 var $IwcIq$internationalizeddate = require("@internationalized/date");
 var $IwcIq$internationalizednumber = require("@internationalized/number");
 var $IwcIq$reactariaspinbutton = require("@react-aria/spinbutton");
-var $IwcIq$internationalizedstring = require("@internationalized/string");
 
 
 function $parcel$export(e, n, v, s) {
@@ -927,7 +926,7 @@ function $4acc2f407c169e55$export$5591b0b878c1a989(props, state, ref) {
         },
         onFocusWithinChange: props.onFocusChange
     });
-    let stringFormatter = (0, $IwcIq$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($c1905b78f6d2f5bf$exports))));
+    let stringFormatter = (0, $IwcIq$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($c1905b78f6d2f5bf$exports))), "@react-aria/datepicker");
     let message = state.maxGranularity === "hour" ? "selectedTimeDescription" : "selectedDateDescription";
     let field = state.maxGranularity === "hour" ? "time" : "date";
     let description = state.value ? stringFormatter.format(message, {
@@ -1039,7 +1038,7 @@ function $e90ae7c26a69c6b1$export$42df105a73306d51(props, state, ref) {
     let buttonId = (0, $IwcIq$reactariautils.useId)();
     let dialogId = (0, $IwcIq$reactariautils.useId)();
     let fieldId = (0, $IwcIq$reactariautils.useId)();
-    let stringFormatter = (0, $IwcIq$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($c1905b78f6d2f5bf$exports))));
+    let stringFormatter = (0, $IwcIq$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($c1905b78f6d2f5bf$exports))), "@react-aria/datepicker");
     let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = state.displayValidation;
     let { labelProps: labelProps, fieldProps: fieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $IwcIq$reactarialabel.useField)({
         ...props,
@@ -1124,6 +1123,7 @@ function $e90ae7c26a69c6b1$export$42df105a73306d51(props, state, ref) {
             "aria-labelledby": `${buttonId} ${labelledBy}`,
             "aria-describedby": ariaDescribedBy,
             "aria-expanded": state.isOpen,
+            isDisabled: props.isDisabled || props.isReadOnly,
             onPress: ()=>state.setOpen(true)
         },
         dialogProps: {
@@ -1180,9 +1180,9 @@ function $e90ae7c26a69c6b1$export$42df105a73306d51(props, state, ref) {
 
 
 
-
 function $934ac650a0aceb4b$export$d42c60378c8168f8() {
     let { locale: locale } = (0, $IwcIq$reactariai18n.useLocale)();
+    let dictionary = (0, $IwcIq$reactariai18n.useLocalizedStringDictionary)((0, (/*@__PURE__*/$parcel$interopDefault($c1905b78f6d2f5bf$exports))), "@react-aria/datepicker");
     return (0, $IwcIq$react.useMemo)(()=>{
         // Try to use Intl.DisplayNames if possible. It may be supported in browsers, but not support the dateTimeField
         // type as that was only added in v2. https://github.com/tc39/intl-displaynames-v2
@@ -1192,19 +1192,20 @@ function $934ac650a0aceb4b$export$d42c60378c8168f8() {
                 type: "dateTimeField"
             });
         } catch (err) {
-            return new $934ac650a0aceb4b$var$DisplayNamesPolyfill(locale);
+            return new $934ac650a0aceb4b$var$DisplayNamesPolyfill(locale, dictionary);
         }
     }, [
-        locale
+        locale,
+        dictionary
     ]);
 }
 class $934ac650a0aceb4b$var$DisplayNamesPolyfill {
     of(field) {
         return this.dictionary.getStringForLocale(field, this.locale);
     }
-    constructor(locale){
+    constructor(locale, dictionary){
         this.locale = locale;
-        this.dictionary = new (0, $IwcIq$internationalizedstring.LocalizedStringDictionary)((0, (/*@__PURE__*/$parcel$interopDefault($c1905b78f6d2f5bf$exports))));
+        this.dictionary = dictionary;
     }
 }
 
@@ -1559,7 +1560,7 @@ function $5c015c6316d1904d$var$commonPrefixLength(strings) {
 
 function $20f695b1b69e6b9e$export$12fd5f0e9f4bb192(props, state, ref) {
     var _state_value, _state_value1;
-    let stringFormatter = (0, $IwcIq$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($c1905b78f6d2f5bf$exports))));
+    let stringFormatter = (0, $IwcIq$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($c1905b78f6d2f5bf$exports))), "@react-aria/datepicker");
     let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = state.displayValidation;
     let { labelProps: labelProps, fieldProps: fieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $IwcIq$reactarialabel.useField)({
         ...props,
@@ -1651,6 +1652,7 @@ function $20f695b1b69e6b9e$export$12fd5f0e9f4bb192(props, state, ref) {
             "aria-labelledby": `${buttonId} ${labelledBy}`,
             "aria-describedby": ariaDescribedBy,
             "aria-expanded": state.isOpen,
+            isDisabled: props.isDisabled || props.isReadOnly,
             onPress: ()=>state.setOpen(true)
         },
         dialogProps: {