@react-spectrum/datepicker 3.0.0 → 3.1.2

package/dist/module.js

@@ -12,7 +12,7 @@ import {useDatePicker as $aayOp$useDatePicker, useDateField as $aayOp$useDateFie
 import {useDatePickerState as $aayOp$useDatePickerState, useDateFieldState as $aayOp$useDateFieldState, useTimeFieldState as $aayOp$useTimeFieldState, useDateRangePickerState as $aayOp$useDateRangePickerState} from "@react-stately/datepicker";
 import {useFocusRing as $aayOp$useFocusRing, FocusRing as $aayOp$FocusRing, createFocusManager as $aayOp$createFocusManager} from "@react-aria/focus";
 import {useHover as $aayOp$useHover} from "@react-aria/interactions";
-import {useLocale as $aayOp$useLocale, useDateFormatter as $aayOp$useDateFormatter} from "@react-aria/i18n";
+import {useLocale as $aayOp$useLocale, useLocalizedStringFormatter as $aayOp$useLocalizedStringFormatter, useDateFormatter as $aayOp$useDateFormatter} from "@react-aria/i18n";
 import {useProviderProps as $aayOp$useProviderProps, useProvider as $aayOp$useProvider} from "@react-spectrum/provider";
 import {createCalendar as $aayOp$createCalendar} from "@internationalized/date";
 import $aayOp$spectrumiconsuiAlertMedium from "@spectrum-icons/ui/AlertMedium";
@@ -200,6 +200,7 @@ $parcel$export($c14528ddc146317f$exports, "is-hovered", () => $c14528ddc146317f$
 $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--valid", () => $c14528ddc146317f$export$c2abbc3f970170b7, (v) => $c14528ddc146317f$export$c2abbc3f970170b7 = v);
 $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--invalid", () => $c14528ddc146317f$export$58e50b10d30123df, (v) => $c14528ddc146317f$export$58e50b10d30123df = v);
 $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--loadable", () => $c14528ddc146317f$export$14fd30fea6f1348c, (v) => $c14528ddc146317f$export$14fd30fea6f1348c = v);
+$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-wrapper", () => $c14528ddc146317f$export$dd1165e0e6012973, (v) => $c14528ddc146317f$export$dd1165e0e6012973 = v);
 $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-validationIcon", () => $c14528ddc146317f$export$cf0ead5b44db0da3, (v) => $c14528ddc146317f$export$cf0ead5b44db0da3 = v);
 $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-icon", () => $c14528ddc146317f$export$222d1ccd1870be1d, (v) => $c14528ddc146317f$export$222d1ccd1870be1d = v);
 $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-inputIcon", () => $c14528ddc146317f$export$c1cdcaa5fe76a871, (v) => $c14528ddc146317f$export$c1cdcaa5fe76a871 = v);
@@ -216,6 +217,7 @@ var $c14528ddc146317f$export$b8813cd5d7824ce7;
 var $c14528ddc146317f$export$c2abbc3f970170b7;
 var $c14528ddc146317f$export$58e50b10d30123df;
 var $c14528ddc146317f$export$14fd30fea6f1348c;
+var $c14528ddc146317f$export$dd1165e0e6012973;
 var $c14528ddc146317f$export$cf0ead5b44db0da3;
 var $c14528ddc146317f$export$222d1ccd1870be1d;
 var $c14528ddc146317f$export$c1cdcaa5fe76a871;
@@ -232,6 +234,7 @@ $c14528ddc146317f$export$b8813cd5d7824ce7 = "is-hovered_73bc77";
 $c14528ddc146317f$export$c2abbc3f970170b7 = "spectrum-Textfield--valid_73bc77";
 $c14528ddc146317f$export$58e50b10d30123df = "spectrum-Textfield--invalid_73bc77";
 $c14528ddc146317f$export$14fd30fea6f1348c = "spectrum-Textfield--loadable_73bc77";
+$c14528ddc146317f$export$dd1165e0e6012973 = "spectrum-Textfield-wrapper_73bc77";
 $c14528ddc146317f$export$cf0ead5b44db0da3 = "spectrum-Textfield-validationIcon_73bc77";
 $c14528ddc146317f$export$222d1ccd1870be1d = "spectrum-Textfield-icon_73bc77";
 $c14528ddc146317f$export$c1cdcaa5fe76a871 = "spectrum-Textfield-inputIcon_73bc77";
@@ -249,20 +252,22 @@ function $79348162c55d687f$var$Input(props, ref) {
     // not cause a layout shift.
     let [reservePadding1, setReservePadding] = $aayOp$useValueEffect(false);
     let onResize = $aayOp$useCallback(()=>setReservePadding(function*(reservePadding) {
-            if (reservePadding) // Try to collapse padding if the content is clipped.
-            {
-                if (inputRef.current.scrollWidth > inputRef.current.offsetWidth) {
+            if (inputRef.current) {
+                if (reservePadding) // Try to collapse padding if the content is clipped.
+                {
+                    if (inputRef.current.scrollWidth > inputRef.current.offsetWidth) {
+                        let width = inputRef.current.parentElement.offsetWidth;
+                        yield false;
+                        // If removing padding causes a layout shift, add it back.
+                        if (inputRef.current.parentElement.offsetWidth !== width) yield true;
+                    }
+                } else // Try to add padding if the content is not clipped.
+                if (inputRef.current.offsetWidth >= inputRef.current.scrollWidth) {
                     let width = inputRef.current.parentElement.offsetWidth;
-                    yield false;
-                    // If removing padding causes a layout shift, add it back.
-                    if (inputRef.current.parentElement.offsetWidth !== width) yield true;
+                    yield true;
+                    // If adding padding does not change the width (i.e. width is constrained), remove it again.
+                    if (inputRef.current.parentElement.offsetWidth === width) yield false;
                 }
-            } else // Try to add padding if the content is not clipped.
-            if (inputRef.current.offsetWidth >= inputRef.current.scrollWidth) {
-                let width = inputRef.current.parentElement.offsetWidth;
-                yield true;
-                // If adding padding does not change the width (i.e. width is constrained), remove it again.
-                if (inputRef.current.parentElement.offsetWidth === width) yield false;
             }
         })
     , [
@@ -323,6 +328,317 @@ function $79348162c55d687f$var$Input(props, ref) {
 const $79348162c55d687f$export$f5b8910cec6cf069 = /*#__PURE__*/ $aayOp$react.forwardRef($79348162c55d687f$var$Input);
 
 
+var $71a986712918c3de$exports = {};
+var $557f7da83617ebdf$exports = {};
+$557f7da83617ebdf$exports = {
+    "endTime": `وقت الانتهاء`,
+    "startTime": `وقت البدء`,
+    "time": `الوقت`
+};
+
+
+var $d9d9d0bb24b4de48$exports = {};
+$d9d9d0bb24b4de48$exports = {
+    "endTime": `Краен час`,
+    "startTime": `Начален час`,
+    "time": `Време`
+};
+
+
+var $957f034d30ca532a$exports = {};
+$957f034d30ca532a$exports = {
+    "endTime": `Konečný čas`,
+    "startTime": `Počáteční čas`,
+    "time": `Čas`
+};
+
+
+var $b5644a9daaf97251$exports = {};
+$b5644a9daaf97251$exports = {
+    "endTime": `Sluttidspunkt`,
+    "startTime": `Starttidspunkt`,
+    "time": `Klokkeslæt`
+};
+
+
+var $7766b8cb542dd7d4$exports = {};
+$7766b8cb542dd7d4$exports = {
+    "endTime": `Endzeit`,
+    "startTime": `Startzeit`,
+    "time": `Uhrzeit`
+};
+
+
+var $ac788cb25511130e$exports = {};
+$ac788cb25511130e$exports = {
+    "endTime": `Χρόνος λήξης`,
+    "startTime": `Ώρα έναρξης`,
+    "time": `Χρόνος`
+};
+
+
+var $1729b68fc5d3f126$exports = {};
+$1729b68fc5d3f126$exports = {
+    "time": `Time`,
+    "startTime": `Start time`,
+    "endTime": `End time`
+};
+
+
+var $76a414311c9ecad7$exports = {};
+$76a414311c9ecad7$exports = {
+    "endTime": `Hora de finalización`,
+    "startTime": `Hora de inicio`,
+    "time": `Hora`
+};
+
+
+var $2c9039f4a2d8ea02$exports = {};
+$2c9039f4a2d8ea02$exports = {
+    "endTime": `Lõpuaeg`,
+    "startTime": `Algusaeg`,
+    "time": `Aeg`
+};
+
+
+var $59d615bd839f58d3$exports = {};
+$59d615bd839f58d3$exports = {
+    "endTime": `Päättymisaika`,
+    "startTime": `Alkamisaika`,
+    "time": `Aika`
+};
+
+
+var $ab45056fafb7a102$exports = {};
+$ab45056fafb7a102$exports = {
+    "endTime": `Heure de fin`,
+    "startTime": `Heure de début`,
+    "time": `Heure`
+};
+
+
+var $67d5b76c8e7450d9$exports = {};
+$67d5b76c8e7450d9$exports = {
+    "endTime": `שעת סיום`,
+    "startTime": `שעת התחלה`,
+    "time": `זמן`
+};
+
+
+var $2f9e52c02bf38498$exports = {};
+$2f9e52c02bf38498$exports = {
+    "endTime": `Vrijeme završetka`,
+    "startTime": `Vrijeme početka`,
+    "time": `Vrijeme`
+};
+
+
+var $a151dd0df33d619b$exports = {};
+$a151dd0df33d619b$exports = {
+    "endTime": `Befejezés ideje`,
+    "startTime": `Kezdés ideje`,
+    "time": `Idő`
+};
+
+
+var $a3dd26e20adf6e63$exports = {};
+$a3dd26e20adf6e63$exports = {
+    "endTime": `Ora di fine`,
+    "startTime": `Ora di inizio`,
+    "time": `Ora`
+};
+
+
+var $60886f131a8aaf64$exports = {};
+$60886f131a8aaf64$exports = {
+    "endTime": `終了時刻`,
+    "startTime": `開始時刻`,
+    "time": `時刻`
+};
+
+
+var $be521f3abe2a5b42$exports = {};
+$be521f3abe2a5b42$exports = {
+    "endTime": `종료 시간`,
+    "startTime": `시작 시간`,
+    "time": `시간`
+};
+
+
+var $18449f05cd88144d$exports = {};
+$18449f05cd88144d$exports = {
+    "endTime": `Pabaigos laikas`,
+    "startTime": `Pradžios laikas`,
+    "time": `Laikas`
+};
+
+
+var $ab3b62ef853668f6$exports = {};
+$ab3b62ef853668f6$exports = {
+    "endTime": `Beigu laiks`,
+    "startTime": `Sākuma laiks`,
+    "time": `Laiks`
+};
+
+
+var $bd4ef464092f2e3d$exports = {};
+$bd4ef464092f2e3d$exports = {
+    "endTime": `Sluttid`,
+    "startTime": `Starttid`,
+    "time": `Tid`
+};
+
+
+var $615f888e9fb9e405$exports = {};
+$615f888e9fb9e405$exports = {
+    "endTime": `Eindtijd`,
+    "startTime": `Starttijd`,
+    "time": `Tijd`
+};
+
+
+var $348051b3267461b4$exports = {};
+$348051b3267461b4$exports = {
+    "endTime": `Godzina końcowa`,
+    "startTime": `Godzina początkowa`,
+    "time": `Godzina`
+};
+
+
+var $80e1f5b9b1708516$exports = {};
+$80e1f5b9b1708516$exports = {
+    "endTime": `Hora final`,
+    "startTime": `Hora inicial`,
+    "time": `Hora`
+};
+
+
+var $3f165936910f27a7$exports = {};
+$3f165936910f27a7$exports = {
+    "endTime": `Terminar tempo`,
+    "startTime": `Iniciar tempo`,
+    "time": `Tempo`
+};
+
+
+var $725af9f963c35984$exports = {};
+$725af9f963c35984$exports = {
+    "endTime": `Ora de sfârșit`,
+    "startTime": `Ora de început`,
+    "time": `Ora`
+};
+
+
+var $5ced0dcf66f00658$exports = {};
+$5ced0dcf66f00658$exports = {
+    "endTime": `Время окончания`,
+    "startTime": `Время начала`,
+    "time": `Время`
+};
+
+
+var $f99469db2a9ce4d6$exports = {};
+$f99469db2a9ce4d6$exports = {
+    "endTime": `Čas ukončenia`,
+    "startTime": `Čas začiatku`,
+    "time": `Čas`
+};
+
+
+var $23b4f990ce23d252$exports = {};
+$23b4f990ce23d252$exports = {
+    "endTime": `Končni čas`,
+    "startTime": `Začetni čas`,
+    "time": `Čas`
+};
+
+
+var $76c292be85991194$exports = {};
+$76c292be85991194$exports = {
+    "endTime": `Završno vreme`,
+    "startTime": `Početno vreme`,
+    "time": `Vreme`
+};
+
+
+var $eb1e0d6d87dadd36$exports = {};
+$eb1e0d6d87dadd36$exports = {
+    "endTime": `Sluttid`,
+    "startTime": `Starttid`,
+    "time": `Tid`
+};
+
+
+var $c111b245b4961c2e$exports = {};
+$c111b245b4961c2e$exports = {
+    "endTime": `Bitiş saati`,
+    "startTime": `Başlangıç saati`,
+    "time": `Saat`
+};
+
+
+var $64c0344455eff457$exports = {};
+$64c0344455eff457$exports = {
+    "endTime": `Час завершення`,
+    "startTime": `Час початку`,
+    "time": `Час`
+};
+
+
+var $08d7bccfda7015e7$exports = {};
+$08d7bccfda7015e7$exports = {
+    "endTime": `结束时间`,
+    "startTime": `开始时间`,
+    "time": `时间`
+};
+
+
+var $c7c7bc6cc4226b9e$exports = {};
+$c7c7bc6cc4226b9e$exports = {
+    "endTime": `結束時間`,
+    "startTime": `開始時間`,
+    "time": `時間`
+};
+
+
+$71a986712918c3de$exports = {
+    "ar-AE": $557f7da83617ebdf$exports,
+    "bg-BG": $d9d9d0bb24b4de48$exports,
+    "cs-CZ": $957f034d30ca532a$exports,
+    "da-DK": $b5644a9daaf97251$exports,
+    "de-DE": $7766b8cb542dd7d4$exports,
+    "el-GR": $ac788cb25511130e$exports,
+    "en-US": $1729b68fc5d3f126$exports,
+    "es-ES": $76a414311c9ecad7$exports,
+    "et-EE": $2c9039f4a2d8ea02$exports,
+    "fi-FI": $59d615bd839f58d3$exports,
+    "fr-FR": $ab45056fafb7a102$exports,
+    "he-IL": $67d5b76c8e7450d9$exports,
+    "hr-HR": $2f9e52c02bf38498$exports,
+    "hu-HU": $a151dd0df33d619b$exports,
+    "it-IT": $a3dd26e20adf6e63$exports,
+    "ja-JP": $60886f131a8aaf64$exports,
+    "ko-KR": $be521f3abe2a5b42$exports,
+    "lt-LT": $18449f05cd88144d$exports,
+    "lv-LV": $ab3b62ef853668f6$exports,
+    "nb-NO": $bd4ef464092f2e3d$exports,
+    "nl-NL": $615f888e9fb9e405$exports,
+    "pl-PL": $348051b3267461b4$exports,
+    "pt-BR": $80e1f5b9b1708516$exports,
+    "pt-PT": $3f165936910f27a7$exports,
+    "ro-RO": $725af9f963c35984$exports,
+    "ru-RU": $5ced0dcf66f00658$exports,
+    "sk-SK": $f99469db2a9ce4d6$exports,
+    "sl-SI": $23b4f990ce23d252$exports,
+    "sr-SP": $76c292be85991194$exports,
+    "sv-SE": $eb1e0d6d87dadd36$exports,
+    "tr-TR": $c111b245b4961c2e$exports,
+    "uk-UA": $64c0344455eff457$exports,
+    "zh-CN": $08d7bccfda7015e7$exports,
+    "zh-TW": $c7c7bc6cc4226b9e$exports
+};
+
+
 
 
 
@@ -534,6 +850,7 @@ function $beaeefa091999363$var$DatePicker(props, ref) {
     let { isOpen: isOpen , setOpen: setOpen  } = state;
     let { direction: direction  } = $aayOp$useLocale();
     let domRef = $04e96200274b03de$export$71a23a36270e4bf0(ref);
+    let stringFormatter = $aayOp$useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($71a986712918c3de$exports)));
     let { isFocused: isFocused , isFocusVisible: isFocusVisible , focusProps: focusProps  } = $aayOp$useFocusRing({
         within: true,
         isTextInput: true,
@@ -564,7 +881,7 @@ function $beaeefa091999363$var$DatePicker(props, ref) {
     let timePlaceholder = placeholder && 'hour' in placeholder ? placeholder : null;
     let timeMinValue = props.minValue && 'hour' in props.minValue ? props.minValue : null;
     let timeMaxValue = props.maxValue && 'hour' in props.maxValue ? props.maxValue : null;
-    let timeGranularity = state.granularity === 'hour' || state.granularity === 'minute' || state.granularity === 'second' || state.granularity === 'millisecond' ? state.granularity : null;
+    let timeGranularity = state.granularity === 'hour' || state.granularity === 'minute' || state.granularity === 'second' ? state.granularity : null;
     let showTimeField = !!timeGranularity;
     let visibleMonths = $04e96200274b03de$export$12ce2869ce471b1f(maxVisibleMonths);
     return(/*#__PURE__*/ $aayOp$react.createElement($aayOp$Field, {
@@ -620,7 +937,7 @@ function $beaeefa091999363$var$DatePicker(props, ref) {
     }), showTimeField && /*#__PURE__*/ $aayOp$react.createElement("div", {
         className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports)), 'react-spectrum-Datepicker-timeFields')
     }, /*#__PURE__*/ $aayOp$react.createElement($f0a04554754386b6$export$5eaee2322dd727eb, {
-        label: "Time",
+        label: stringFormatter.format('time'),
         value: state.timeValue,
         onChange: state.setTimeValue,
         placeholderValue: timePlaceholder,
@@ -657,6 +974,7 @@ function $beaeefa091999363$var$DatePicker(props, ref) {
 
 
 
+
 
 
 function $cb301300011a98f7$var$DateRangePicker(props, ref) {
@@ -675,6 +993,7 @@ function $cb301300011a98f7$var$DateRangePicker(props, ref) {
     let { isOpen: isOpen , setOpen: setOpen  } = state;
     let { direction: direction  } = $aayOp$useLocale();
     let domRef = $04e96200274b03de$export$71a23a36270e4bf0(ref);
+    let stringFormatter = $aayOp$useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($71a986712918c3de$exports)));
     let { isFocused: isFocused , isFocusVisible: isFocusVisible , focusProps: focusProps  } = $aayOp$useFocusRing({
         within: true,
         isTextInput: true,
@@ -705,7 +1024,7 @@ function $cb301300011a98f7$var$DateRangePicker(props, ref) {
     let timePlaceholder = placeholder && 'hour' in placeholder ? placeholder : null;
     let timeMinValue = props.minValue && 'hour' in props.minValue ? props.minValue : null;
     let timeMaxValue = props.maxValue && 'hour' in props.maxValue ? props.maxValue : null;
-    let timeGranularity = state.granularity === 'hour' || state.granularity === 'minute' || state.granularity === 'second' || state.granularity === 'millisecond' ? state.granularity : null;
+    let timeGranularity = state.granularity === 'hour' || state.granularity === 'minute' || state.granularity === 'second' ? state.granularity : null;
     let showTimeField = !!timeGranularity;
     let visibleMonths = $04e96200274b03de$export$12ce2869ce471b1f(maxVisibleMonths);
     return(/*#__PURE__*/ $aayOp$react.createElement($aayOp$Field, {
@@ -769,7 +1088,7 @@ function $cb301300011a98f7$var$DateRangePicker(props, ref) {
         marginTop: "size-100",
         UNSAFE_className: $aayOp$classNames((/*@__PURE__*/$parcel$interopDefault($465eb3a688ef3440$exports)), 'react-spectrum-Datepicker-timeFields')
     }, /*#__PURE__*/ $aayOp$react.createElement($f0a04554754386b6$export$5eaee2322dd727eb, {
-        label: "Start time",
+        label: stringFormatter.format('startTime'),
         value: ((ref1 = state.timeRange) === null || ref1 === void 0 ? void 0 : ref1.start) || null,
         onChange: (v)=>state.setTime('start', v)
         ,
@@ -781,7 +1100,7 @@ function $cb301300011a98f7$var$DateRangePicker(props, ref) {
         hideTimeZone: props.hideTimeZone,
         flex: true
     }), /*#__PURE__*/ $aayOp$react.createElement($f0a04554754386b6$export$5eaee2322dd727eb, {
-        label: "End time",
+        label: stringFormatter.format('endTime'),
         value: ((ref2 = state.timeRange) === null || ref2 === void 0 ? void 0 : ref2.end) || null,
         onChange: (v)=>state.setTime('end', v)
         ,