@react-stately/datepicker 3.0.0-nightly.3113 → 3.0.0-nightly.3114

package/dist/utils.module.js

@@ -0,0 +1,179 @@
+import $bUJMr$intlStringsmodulejs from "./intlStrings.module.js";
+import {DateFormatter as $bUJMr$DateFormatter, Time as $bUJMr$Time, toCalendar as $bUJMr$toCalendar, now as $bUJMr$now, toCalendarDate as $bUJMr$toCalendarDate, toCalendarDateTime as $bUJMr$toCalendarDateTime} from "@internationalized/date";
+import {LocalizedStringDictionary as $bUJMr$LocalizedStringDictionary, LocalizedStringFormatter as $bUJMr$LocalizedStringFormatter} from "@internationalized/string";
+import {mergeValidation as $bUJMr$mergeValidation, VALID_VALIDITY_STATE as $bUJMr$VALID_VALIDITY_STATE} from "@react-stately/form";
+import {useState as $bUJMr$useState} from "react";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+const $35a22f14a1f04b11$var$dictionary = new (0, $bUJMr$LocalizedStringDictionary)((0, ($parcel$interopDefault($bUJMr$intlStringsmodulejs))));
+function $35a22f14a1f04b11$var$getLocale() {
+    // Match browser language setting here, NOT react-aria's I18nProvider, so that we match other browser-provided
+    // validation messages, which to not respect our provider's language.
+    // @ts-ignore
+    return typeof navigator !== 'undefined' && (navigator.language || navigator.userLanguage) || 'en-US';
+}
+function $35a22f14a1f04b11$export$f18627323ab57ac0(value, minValue, maxValue, isDateUnavailable, options) {
+    let rangeOverflow = value != null && maxValue != null && value.compare(maxValue) > 0;
+    let rangeUnderflow = value != null && minValue != null && value.compare(minValue) < 0;
+    let isUnavailable = value != null && (isDateUnavailable === null || isDateUnavailable === void 0 ? void 0 : isDateUnavailable(value)) || false;
+    let isInvalid = rangeOverflow || rangeUnderflow || isUnavailable;
+    let errors = [];
+    if (isInvalid) {
+        let locale = $35a22f14a1f04b11$var$getLocale();
+        let strings = (0, $bUJMr$LocalizedStringDictionary).getGlobalDictionaryForPackage('@react-stately/datepicker') || $35a22f14a1f04b11$var$dictionary;
+        let formatter = new (0, $bUJMr$LocalizedStringFormatter)(locale, strings);
+        let dateFormatter = new (0, $bUJMr$DateFormatter)(locale, $35a22f14a1f04b11$export$7e319ea407e63bc0({}, options));
+        let timeZone = dateFormatter.resolvedOptions().timeZone;
+        if (rangeUnderflow) errors.push(formatter.format('rangeUnderflow', {
+            minValue: dateFormatter.format(minValue.toDate(timeZone))
+        }));
+        if (rangeOverflow) errors.push(formatter.format('rangeOverflow', {
+            maxValue: dateFormatter.format(maxValue.toDate(timeZone))
+        }));
+        if (isUnavailable) errors.push(formatter.format('unavailableDate'));
+    }
+    return {
+        isInvalid: isInvalid,
+        validationErrors: errors,
+        validationDetails: {
+            badInput: isUnavailable,
+            customError: false,
+            patternMismatch: false,
+            rangeOverflow: rangeOverflow,
+            rangeUnderflow: rangeUnderflow,
+            stepMismatch: false,
+            tooLong: false,
+            tooShort: false,
+            typeMismatch: false,
+            valueMissing: false,
+            valid: !isInvalid
+        }
+    };
+}
+function $35a22f14a1f04b11$export$80ff8fc0ae339c13(value, minValue, maxValue, isDateUnavailable, options) {
+    let startValidation = $35a22f14a1f04b11$export$f18627323ab57ac0(value === null || value === void 0 ? void 0 : value.start, minValue, maxValue, isDateUnavailable, options);
+    let endValidation = $35a22f14a1f04b11$export$f18627323ab57ac0(value === null || value === void 0 ? void 0 : value.end, minValue, maxValue, isDateUnavailable, options);
+    let result = (0, $bUJMr$mergeValidation)(startValidation, endValidation);
+    if (value.end != null && value.start != null && value.end.compare(value.start) < 0) {
+        let strings = (0, $bUJMr$LocalizedStringDictionary).getGlobalDictionaryForPackage('@react-stately/datepicker') || $35a22f14a1f04b11$var$dictionary;
+        result = (0, $bUJMr$mergeValidation)(result, {
+            isInvalid: true,
+            validationErrors: [
+                strings.getStringForLocale('rangeReversed', $35a22f14a1f04b11$var$getLocale())
+            ],
+            validationDetails: {
+                ...(0, $bUJMr$VALID_VALIDITY_STATE),
+                rangeUnderflow: true,
+                rangeOverflow: true,
+                valid: false
+            }
+        });
+    }
+    return result;
+}
+const $35a22f14a1f04b11$var$DEFAULT_FIELD_OPTIONS = {
+    year: 'numeric',
+    month: 'numeric',
+    day: 'numeric',
+    hour: 'numeric',
+    minute: '2-digit',
+    second: '2-digit'
+};
+const $35a22f14a1f04b11$var$TWO_DIGIT_FIELD_OPTIONS = {
+    year: 'numeric',
+    month: '2-digit',
+    day: '2-digit',
+    hour: '2-digit',
+    minute: '2-digit',
+    second: '2-digit'
+};
+function $35a22f14a1f04b11$export$7e319ea407e63bc0(fieldOptions, options) {
+    let defaultFieldOptions = options.shouldForceLeadingZeros ? $35a22f14a1f04b11$var$TWO_DIGIT_FIELD_OPTIONS : $35a22f14a1f04b11$var$DEFAULT_FIELD_OPTIONS;
+    fieldOptions = {
+        ...defaultFieldOptions,
+        ...fieldOptions
+    };
+    let granularity = options.granularity || 'minute';
+    let keys = Object.keys(fieldOptions);
+    var _options_maxGranularity;
+    let startIdx = keys.indexOf((_options_maxGranularity = options.maxGranularity) !== null && _options_maxGranularity !== void 0 ? _options_maxGranularity : 'year');
+    if (startIdx < 0) startIdx = 0;
+    let endIdx = keys.indexOf(granularity);
+    if (endIdx < 0) endIdx = 2;
+    if (startIdx > endIdx) throw new Error('maxGranularity must be greater than granularity');
+    let opts = keys.slice(startIdx, endIdx + 1).reduce((opts, key)=>{
+        opts[key] = fieldOptions[key];
+        return opts;
+    }, {});
+    if (options.hourCycle != null) opts.hour12 = options.hourCycle === 12;
+    opts.timeZone = options.timeZone || 'UTC';
+    let hasTime = granularity === 'hour' || granularity === 'minute' || granularity === 'second';
+    if (hasTime && options.timeZone && !options.hideTimeZone) opts.timeZoneName = 'short';
+    if (options.showEra && startIdx === 0) opts.era = 'short';
+    return opts;
+}
+function $35a22f14a1f04b11$export$c5221a78ef73c5e9(placeholderValue) {
+    if (placeholderValue && 'hour' in placeholderValue) return placeholderValue;
+    return new (0, $bUJMr$Time)();
+}
+function $35a22f14a1f04b11$export$61a490a80c552550(value, calendar) {
+    if (value === null) return null;
+    if (!value) return undefined;
+    return (0, $bUJMr$toCalendar)(value, calendar);
+}
+function $35a22f14a1f04b11$export$66aa2b09de4b1ea5(placeholderValue, granularity, calendar, timeZone) {
+    if (placeholderValue) return $35a22f14a1f04b11$export$61a490a80c552550(placeholderValue, calendar);
+    let date = (0, $bUJMr$toCalendar)((0, $bUJMr$now)(timeZone).set({
+        hour: 0,
+        minute: 0,
+        second: 0,
+        millisecond: 0
+    }), calendar);
+    if (granularity === 'year' || granularity === 'month' || granularity === 'day') return (0, $bUJMr$toCalendarDate)(date);
+    if (!timeZone) return (0, $bUJMr$toCalendarDateTime)(date);
+    return date;
+}
+function $35a22f14a1f04b11$export$2440da353cedad43(v, granularity) {
+    // Compute default granularity and time zone from the value. If the value becomes null, keep the last values.
+    let defaultTimeZone = v && 'timeZone' in v ? v.timeZone : undefined;
+    let defaultGranularity = v && 'minute' in v ? 'minute' : 'day';
+    // props.granularity must actually exist in the value if one is provided.
+    if (v && granularity && !(granularity in v)) throw new Error('Invalid granularity ' + granularity + ' for value ' + v.toString());
+    let [lastValue, setLastValue] = (0, $bUJMr$useState)([
+        defaultGranularity,
+        defaultTimeZone
+    ]);
+    // If the granularity or time zone changed, update the last value.
+    if (v && (lastValue[0] !== defaultGranularity || lastValue[1] !== defaultTimeZone)) setLastValue([
+        defaultGranularity,
+        defaultTimeZone
+    ]);
+    if (!granularity) granularity = v ? defaultGranularity : lastValue[0];
+    let timeZone = v ? defaultTimeZone : lastValue[1];
+    return [
+        granularity,
+        timeZone
+    ];
+}
+
+
+export {$35a22f14a1f04b11$export$f18627323ab57ac0 as getValidationResult, $35a22f14a1f04b11$export$7e319ea407e63bc0 as getFormatOptions, $35a22f14a1f04b11$export$80ff8fc0ae339c13 as getRangeValidationResult, $35a22f14a1f04b11$export$c5221a78ef73c5e9 as getPlaceholderTime, $35a22f14a1f04b11$export$61a490a80c552550 as convertValue, $35a22f14a1f04b11$export$66aa2b09de4b1ea5 as createPlaceholderDate, $35a22f14a1f04b11$export$2440da353cedad43 as useDefaultProps};
+//# sourceMappingURL=utils.module.js.map

package/dist/utils.module.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/@react-stately/datepicker/src/utils.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {Calendar, DateFormatter, now, Time, toCalendar, toCalendarDate, toCalendarDateTime} from '@internationalized/date';\nimport {DatePickerProps, DateValue, Granularity, TimeValue} from '@react-types/datepicker';\n// @ts-ignore\nimport i18nMessages from '../intl/*.json';\nimport {LocalizedStringDictionary, LocalizedStringFormatter} from '@internationalized/string';\nimport {mergeValidation, VALID_VALIDITY_STATE} from '@react-stately/form';\nimport {RangeValue, ValidationResult} from '@react-types/shared';\nimport {useState} from 'react';\n\nconst dictionary = new LocalizedStringDictionary(i18nMessages);\n\nfunction getLocale() {\n  // Match browser language setting here, NOT react-aria's I18nProvider, so that we match other browser-provided\n  // validation messages, which to not respect our provider's language.\n  // @ts-ignore\n  return (typeof navigator !== 'undefined' && (navigator.language || navigator.userLanguage)) || 'en-US';\n}\n\nexport function getValidationResult(\n  value: DateValue,\n  minValue: DateValue,\n  maxValue: DateValue,\n  isDateUnavailable: (v: DateValue) => boolean,\n  options: FormatterOptions\n): ValidationResult {\n  let rangeOverflow = value != null && maxValue != null && value.compare(maxValue) > 0;\n  let rangeUnderflow = value != null && minValue != null && value.compare(minValue) < 0;\n  let isUnavailable = (value != null && isDateUnavailable?.(value)) || false;\n  let isInvalid = rangeOverflow || rangeUnderflow || isUnavailable;\n  let errors = [];\n\n  if (isInvalid) {\n    let locale = getLocale();\n    let strings = LocalizedStringDictionary.getGlobalDictionaryForPackage('@react-stately/datepicker') || dictionary;\n    let formatter = new LocalizedStringFormatter(locale, strings);\n    let dateFormatter = new DateFormatter(locale, getFormatOptions({}, options));\n    let timeZone = dateFormatter.resolvedOptions().timeZone;\n\n    if (rangeUnderflow) {\n      errors.push(formatter.format('rangeUnderflow', {minValue: dateFormatter.format(minValue.toDate(timeZone))}));\n    }\n\n    if (rangeOverflow) {\n      errors.push(formatter.format('rangeOverflow', {maxValue: dateFormatter.format(maxValue.toDate(timeZone))}));\n    }\n\n    if (isUnavailable) {\n      errors.push(formatter.format('unavailableDate'));\n    }\n  }\n\n  return {\n    isInvalid,\n    validationErrors: errors,\n    validationDetails: {\n      badInput: isUnavailable,\n      customError: false,\n      patternMismatch: false,\n      rangeOverflow,\n      rangeUnderflow,\n      stepMismatch: false,\n      tooLong: false,\n      tooShort: false,\n      typeMismatch: false,\n      valueMissing: false,\n      valid: !isInvalid\n    }\n  };\n}\n\nexport function getRangeValidationResult(\n  value: RangeValue<DateValue>,\n  minValue: DateValue,\n  maxValue: DateValue,\n  isDateUnavailable: (v: DateValue) => boolean,\n  options: FormatterOptions\n) {\n  let startValidation = getValidationResult(\n    value?.start,\n    minValue,\n    maxValue,\n    isDateUnavailable,\n    options\n  );\n\n  let endValidation = getValidationResult(\n    value?.end,\n    minValue,\n    maxValue,\n    isDateUnavailable,\n    options\n  );\n\n  let result = mergeValidation(startValidation, endValidation);\n  if (value.end != null && value.start != null && value.end.compare(value.start) < 0) {\n    let strings = LocalizedStringDictionary.getGlobalDictionaryForPackage('@react-stately/datepicker') || dictionary;\n    result = mergeValidation(result, {\n      isInvalid: true,\n      validationErrors: [strings.getStringForLocale('rangeReversed', getLocale())],\n      validationDetails: {\n        ...VALID_VALIDITY_STATE,\n        rangeUnderflow: true,\n        rangeOverflow: true,\n        valid: false\n      }\n    });\n  }\n\n  return result;\n}\n\nexport type FieldOptions = Pick<Intl.DateTimeFormatOptions, 'year' | 'month' | 'day' | 'hour' | 'minute' | 'second'>;\nexport interface FormatterOptions {\n  timeZone?: string,\n  hideTimeZone?: boolean,\n  granularity?: DatePickerProps<any>['granularity'],\n  maxGranularity?: 'year' | 'month' | DatePickerProps<any>['granularity'],\n  hourCycle?: 12 | 24,\n  showEra?: boolean,\n  shouldForceLeadingZeros?: boolean\n}\n\nconst DEFAULT_FIELD_OPTIONS: FieldOptions = {\n  year: 'numeric',\n  month: 'numeric',\n  day: 'numeric',\n  hour: 'numeric',\n  minute: '2-digit',\n  second: '2-digit'\n};\n\nconst TWO_DIGIT_FIELD_OPTIONS: FieldOptions = {\n  year: 'numeric',\n  month: '2-digit',\n  day: '2-digit',\n  hour: '2-digit',\n  minute: '2-digit',\n  second: '2-digit'\n};\n\nexport function getFormatOptions(\n  fieldOptions: FieldOptions,\n  options: FormatterOptions\n): Intl.DateTimeFormatOptions {\n  let defaultFieldOptions = options.shouldForceLeadingZeros ? TWO_DIGIT_FIELD_OPTIONS : DEFAULT_FIELD_OPTIONS;\n  fieldOptions = {...defaultFieldOptions, ...fieldOptions};\n  let granularity = options.granularity || 'minute';\n  let keys = Object.keys(fieldOptions);\n  let startIdx = keys.indexOf(options.maxGranularity ?? 'year');\n  if (startIdx < 0) {\n    startIdx = 0;\n  }\n\n  let endIdx = keys.indexOf(granularity);\n  if (endIdx < 0) {\n    endIdx = 2;\n  }\n\n  if (startIdx > endIdx) {\n    throw new Error('maxGranularity must be greater than granularity');\n  }\n\n  let opts: Intl.DateTimeFormatOptions = keys.slice(startIdx, endIdx + 1).reduce((opts, key) => {\n    opts[key] = fieldOptions[key];\n    return opts;\n  }, {});\n\n  if (options.hourCycle != null) {\n    opts.hour12 = options.hourCycle === 12;\n  }\n\n  opts.timeZone = options.timeZone || 'UTC';\n\n  let hasTime = granularity === 'hour' || granularity === 'minute' || granularity === 'second';\n  if (hasTime && options.timeZone && !options.hideTimeZone) {\n    opts.timeZoneName = 'short';\n  }\n\n  if (options.showEra && startIdx === 0) {\n    opts.era = 'short';\n  }\n\n  return opts;\n}\n\nexport function getPlaceholderTime(placeholderValue: DateValue): TimeValue {\n  if (placeholderValue && 'hour' in placeholderValue) {\n    return placeholderValue;\n  }\n\n  return new Time();\n}\n\nexport function convertValue(value: DateValue, calendar: Calendar): DateValue {\n  if (value === null) {\n    return null;\n  }\n\n  if (!value) {\n    return undefined;\n  }\n\n  return toCalendar(value, calendar);\n}\n\n\nexport function createPlaceholderDate(placeholderValue: DateValue, granularity: string, calendar: Calendar, timeZone: string) {\n  if (placeholderValue) {\n    return convertValue(placeholderValue, calendar);\n  }\n\n  let date = toCalendar(now(timeZone).set({\n    hour: 0,\n    minute: 0,\n    second: 0,\n    millisecond: 0\n  }), calendar);\n\n  if (granularity === 'year' || granularity === 'month' || granularity === 'day') {\n    return toCalendarDate(date);\n  }\n\n  if (!timeZone) {\n    return toCalendarDateTime(date);\n  }\n\n  return date;\n}\n\nexport function useDefaultProps(v: DateValue, granularity: Granularity): [Granularity, string] {\n  // Compute default granularity and time zone from the value. If the value becomes null, keep the last values.\n  let defaultTimeZone = (v && 'timeZone' in v ? v.timeZone : undefined);\n  let defaultGranularity: Granularity = (v && 'minute' in v ? 'minute' : 'day');\n\n  // props.granularity must actually exist in the value if one is provided.\n  if (v && granularity && !(granularity in v)) {\n    throw new Error('Invalid granularity ' + granularity + ' for value ' + v.toString());\n  }\n\n  let [lastValue, setLastValue] = useState<[Granularity, string]>([defaultGranularity, defaultTimeZone]);\n\n  // If the granularity or time zone changed, update the last value.\n  if (v && (lastValue[0] !== defaultGranularity || lastValue[1] !== defaultTimeZone)) {\n    setLastValue([defaultGranularity, defaultTimeZone]);\n  }\n\n  if (!granularity) {\n    granularity = v ? defaultGranularity : lastValue[0];\n  }\n\n  let timeZone = v ? defaultTimeZone : lastValue[1];\n  return [granularity, timeZone];\n}\n"],"names":[],"version":3,"file":"utils.module.js.map"}

package/dist/zh-CN.main.js

@@ -0,0 +1,9 @@
+module.exports = {
+    "rangeOverflow": (args)=>`\u{503C}\u{5FC5}\u{987B}\u{662F} ${args.maxValue} \u{6216}\u{66F4}\u{65E9}\u{65E5}\u{671F}\u{3002}`,
+    "rangeReversed": `\u{5F00}\u{59CB}\u{65E5}\u{671F}\u{5FC5}\u{987B}\u{65E9}\u{4E8E}\u{7ED3}\u{675F}\u{65E5}\u{671F}\u{3002}`,
+    "rangeUnderflow": (args)=>`\u{503C}\u{5FC5}\u{987B}\u{662F} ${args.minValue} \u{6216}\u{66F4}\u{665A}\u{65E5}\u{671F}\u{3002}`,
+    "unavailableDate": `\u{6240}\u{9009}\u{65E5}\u{671F}\u{4E0D}\u{53EF}\u{7528}\u{3002}`
+};
+
+
+//# sourceMappingURL=zh-CN.main.js.map

package/dist/zh-CN.main.js.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,iBAAiB;IAAG,iBAAiB,CAAC,OAAS,CAAC,iCAAK,EAAE,KAAK,QAAQ,CAAC,iDAAO,CAAC;IAC3E,iBAAiB,CAAC,wGAAa,CAAC;IAChC,kBAAkB,CAAC,OAAS,CAAC,iCAAK,EAAE,KAAK,QAAQ,CAAC,iDAAO,CAAC;IAC1D,mBAAmB,CAAC,gEAAQ,CAAC;AAC/B","sources":["packages/@react-stately/datepicker/intl/zh-CN.json"],"sourcesContent":["{\n  \"rangeOverflow\": \"值必须是 {maxValue} 或更早日期。\",\n  \"rangeReversed\": \"开始日期必须早于结束日期。\",\n  \"rangeUnderflow\": \"值必须是 {minValue} 或更晚日期。\",\n  \"unavailableDate\": \"所选日期不可用。\"\n}\n"],"names":[],"version":3,"file":"zh-CN.main.js.map"}

package/dist/zh-CN.mjs

@@ -0,0 +1,11 @@
+var $e6cc491d590dfda5$exports = {};
+$e6cc491d590dfda5$exports = {
+    "rangeOverflow": (args)=>`\u{503C}\u{5FC5}\u{987B}\u{662F} ${args.maxValue} \u{6216}\u{66F4}\u{65E9}\u{65E5}\u{671F}\u{3002}`,
+    "rangeReversed": `\u{5F00}\u{59CB}\u{65E5}\u{671F}\u{5FC5}\u{987B}\u{65E9}\u{4E8E}\u{7ED3}\u{675F}\u{65E5}\u{671F}\u{3002}`,
+    "rangeUnderflow": (args)=>`\u{503C}\u{5FC5}\u{987B}\u{662F} ${args.minValue} \u{6216}\u{66F4}\u{665A}\u{65E5}\u{671F}\u{3002}`,
+    "unavailableDate": `\u{6240}\u{9009}\u{65E5}\u{671F}\u{4E0D}\u{53EF}\u{7528}\u{3002}`
+};
+
+
+export {$e6cc491d590dfda5$exports as default};
+//# sourceMappingURL=zh-CN.module.js.map

package/dist/zh-CN.module.js

@@ -0,0 +1,11 @@
+var $e6cc491d590dfda5$exports = {};
+$e6cc491d590dfda5$exports = {
+    "rangeOverflow": (args)=>`\u{503C}\u{5FC5}\u{987B}\u{662F} ${args.maxValue} \u{6216}\u{66F4}\u{65E9}\u{65E5}\u{671F}\u{3002}`,
+    "rangeReversed": `\u{5F00}\u{59CB}\u{65E5}\u{671F}\u{5FC5}\u{987B}\u{65E9}\u{4E8E}\u{7ED3}\u{675F}\u{65E5}\u{671F}\u{3002}`,
+    "rangeUnderflow": (args)=>`\u{503C}\u{5FC5}\u{987B}\u{662F} ${args.minValue} \u{6216}\u{66F4}\u{665A}\u{65E5}\u{671F}\u{3002}`,
+    "unavailableDate": `\u{6240}\u{9009}\u{65E5}\u{671F}\u{4E0D}\u{53EF}\u{7528}\u{3002}`
+};
+
+
+export {$e6cc491d590dfda5$exports as default};
+//# sourceMappingURL=zh-CN.module.js.map

package/dist/zh-CN.module.js.map

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,iBAAiB,CAAC,OAAS,CAAC,iCAAK,EAAE,KAAK,QAAQ,CAAC,iDAAO,CAAC;IAC3E,iBAAiB,CAAC,wGAAa,CAAC;IAChC,kBAAkB,CAAC,OAAS,CAAC,iCAAK,EAAE,KAAK,QAAQ,CAAC,iDAAO,CAAC;IAC1D,mBAAmB,CAAC,gEAAQ,CAAC;AAC/B","sources":["packages/@react-stately/datepicker/intl/zh-CN.json"],"sourcesContent":["{\n  \"rangeOverflow\": \"值必须是 {maxValue} 或更早日期。\",\n  \"rangeReversed\": \"开始日期必须早于结束日期。\",\n  \"rangeUnderflow\": \"值必须是 {minValue} 或更晚日期。\",\n  \"unavailableDate\": \"所选日期不可用。\"\n}\n"],"names":[],"version":3,"file":"zh-CN.module.js.map"}

package/dist/zh-TW.main.js

@@ -0,0 +1,9 @@
+module.exports = {
+    "rangeOverflow": (args)=>`\u{503C}\u{5FC5}\u{9808}\u{662F} ${args.maxValue} \u{6216}\u{66F4}\u{65E9}\u{3002}`,
+    "rangeReversed": `\u{958B}\u{59CB}\u{65E5}\u{671F}\u{5FC5}\u{9808}\u{5728}\u{7D50}\u{675F}\u{65E5}\u{671F}\u{4E4B}\u{524D}\u{3002}`,
+    "rangeUnderflow": (args)=>`\u{503C}\u{5FC5}\u{9808}\u{662F} ${args.minValue} \u{6216}\u{66F4}\u{665A}\u{3002}`,
+    "unavailableDate": `\u{6240}\u{9078}\u{65E5}\u{671F}\u{7121}\u{6CD5}\u{4F7F}\u{7528}\u{3002}`
+};
+
+
+//# sourceMappingURL=zh-TW.main.js.map

package/dist/zh-TW.main.js.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,iBAAiB;IAAG,iBAAiB,CAAC,OAAS,CAAC,iCAAK,EAAE,KAAK,QAAQ,CAAC,iCAAK,CAAC;IACzE,iBAAiB,CAAC,gHAAc,CAAC;IACjC,kBAAkB,CAAC,OAAS,CAAC,iCAAK,EAAE,KAAK,QAAQ,CAAC,iCAAK,CAAC;IACxD,mBAAmB,CAAC,wEAAS,CAAC;AAChC","sources":["packages/@react-stately/datepicker/intl/zh-TW.json"],"sourcesContent":["{\n  \"rangeOverflow\": \"值必須是 {maxValue} 或更早。\",\n  \"rangeReversed\": \"開始日期必須在結束日期之前。\",\n  \"rangeUnderflow\": \"值必須是 {minValue} 或更晚。\",\n  \"unavailableDate\": \"所選日期無法使用。\"\n}\n"],"names":[],"version":3,"file":"zh-TW.main.js.map"}

package/dist/zh-TW.mjs

@@ -0,0 +1,11 @@
+var $9aebf53181a474bd$exports = {};
+$9aebf53181a474bd$exports = {
+    "rangeOverflow": (args)=>`\u{503C}\u{5FC5}\u{9808}\u{662F} ${args.maxValue} \u{6216}\u{66F4}\u{65E9}\u{3002}`,
+    "rangeReversed": `\u{958B}\u{59CB}\u{65E5}\u{671F}\u{5FC5}\u{9808}\u{5728}\u{7D50}\u{675F}\u{65E5}\u{671F}\u{4E4B}\u{524D}\u{3002}`,
+    "rangeUnderflow": (args)=>`\u{503C}\u{5FC5}\u{9808}\u{662F} ${args.minValue} \u{6216}\u{66F4}\u{665A}\u{3002}`,
+    "unavailableDate": `\u{6240}\u{9078}\u{65E5}\u{671F}\u{7121}\u{6CD5}\u{4F7F}\u{7528}\u{3002}`
+};
+
+
+export {$9aebf53181a474bd$exports as default};
+//# sourceMappingURL=zh-TW.module.js.map

package/dist/zh-TW.module.js

@@ -0,0 +1,11 @@
+var $9aebf53181a474bd$exports = {};
+$9aebf53181a474bd$exports = {
+    "rangeOverflow": (args)=>`\u{503C}\u{5FC5}\u{9808}\u{662F} ${args.maxValue} \u{6216}\u{66F4}\u{65E9}\u{3002}`,
+    "rangeReversed": `\u{958B}\u{59CB}\u{65E5}\u{671F}\u{5FC5}\u{9808}\u{5728}\u{7D50}\u{675F}\u{65E5}\u{671F}\u{4E4B}\u{524D}\u{3002}`,
+    "rangeUnderflow": (args)=>`\u{503C}\u{5FC5}\u{9808}\u{662F} ${args.minValue} \u{6216}\u{66F4}\u{665A}\u{3002}`,
+    "unavailableDate": `\u{6240}\u{9078}\u{65E5}\u{671F}\u{7121}\u{6CD5}\u{4F7F}\u{7528}\u{3002}`
+};
+
+
+export {$9aebf53181a474bd$exports as default};
+//# sourceMappingURL=zh-TW.module.js.map

package/dist/zh-TW.module.js.map

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,iBAAiB,CAAC,OAAS,CAAC,iCAAK,EAAE,KAAK,QAAQ,CAAC,iCAAK,CAAC;IACzE,iBAAiB,CAAC,gHAAc,CAAC;IACjC,kBAAkB,CAAC,OAAS,CAAC,iCAAK,EAAE,KAAK,QAAQ,CAAC,iCAAK,CAAC;IACxD,mBAAmB,CAAC,wEAAS,CAAC;AAChC","sources":["packages/@react-stately/datepicker/intl/zh-TW.json"],"sourcesContent":["{\n  \"rangeOverflow\": \"值必須是 {maxValue} 或更早。\",\n  \"rangeReversed\": \"開始日期必須在結束日期之前。\",\n  \"rangeUnderflow\": \"值必須是 {minValue} 或更晚。\",\n  \"unavailableDate\": \"所選日期無法使用。\"\n}\n"],"names":[],"version":3,"file":"zh-TW.module.js.map"}

package/package.json

@@ -1,10 +1,15 @@
 {
   "name": "@react-stately/datepicker",
-  "version": "3.0.0-nightly.3113+404d41859",
+  "version": "3.0.0-nightly.3114+68403fe55",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
   "module": "dist/module.js",
+  "exports": {
+    "types": "./dist/types.d.ts",
+    "import": "./dist/import.mjs",
+    "require": "./dist/main.js"
+  },
   "types": "dist/types.d.ts",
   "source": "src/index.ts",
   "files": [
@@ -17,18 +22,20 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@babel/runtime": "^7.6.2",
-    "@internationalized/date": "3.0.0-nightly.3113+404d41859",
-    "@react-stately/utils": "3.0.0-nightly.1417+404d41859",
-    "@react-types/datepicker": "3.0.0-nightly.3113+404d41859",
-    "@react-types/shared": "3.0.0-nightly.1417+404d41859",
-    "date-fns": "^1.30.1"
+    "@internationalized/date": "3.5.6-nightly.5042+68403fe55",
+    "@internationalized/string": "3.2.4-nightly.5042+68403fe55",
+    "@react-stately/form": "3.0.6-nightly.5042+68403fe55",
+    "@react-stately/overlays": "3.6.11-nightly.5042+68403fe55",
+    "@react-stately/utils": "3.0.0-nightly.3114+68403fe55",
+    "@react-types/datepicker": "3.0.0-nightly.3114+68403fe55",
+    "@react-types/shared": "3.0.0-nightly.3114+68403fe55",
+    "@swc/helpers": "^0.5.0"
   },
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0-rc.1"
+    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "404d41859b7d6f56201d7fc01bd9f22ae3512937"
+  "gitHead": "68403fe55489dce3de1b3094c957d598ad719861"
 }

package/src/index.ts

@@ -10,7 +10,12 @@
  * governing permissions and limitations under the License.
  */
 
-export * from './useDatePickerState';
-export * from './useDatePickerFieldState';
-export * from './useDateRangePickerState';
-export * from './useTimeFieldState';
+export {useDatePickerState} from './useDatePickerState';
+export {useDateFieldState} from './useDateFieldState';
+export {useDateRangePickerState} from './useDateRangePickerState';
+export {useTimeFieldState} from './useTimeFieldState';
+
+export type {DateFieldStateOptions, DateFieldState, DateSegment, SegmentType} from './useDateFieldState';
+export type {DatePickerStateOptions, DatePickerState} from './useDatePickerState';
+export type {DateRangePickerStateOptions, DateRangePickerState} from './useDateRangePickerState';
+export type {TimeFieldStateOptions, TimeFieldState} from './useTimeFieldState';

package/src/placeholders.ts

@@ -0,0 +1,108 @@
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+import {LocalizedStringDictionary} from '@internationalized/string';
+
+// These placeholders are based on the strings used by the <input type="date">
+// implementations in Chrome and Firefox. Additional languages are supported
+// here than React Spectrum's typical translations.
+const placeholders = new LocalizedStringDictionary({
+  ach: {year: 'mwaka', month: 'dwe', day: 'nino'},
+  af: {year: 'jjjj', month: 'mm', day: 'dd'},
+  am: {year: 'ዓዓዓዓ', month: 'ሚሜ', day: 'ቀቀ'},
+  an: {year: 'aaaa', month: 'mm', day: 'dd'},
+  ar: {year: 'سنة', month: 'شهر', day: 'يوم'},
+  ast: {year: 'aaaa', month: 'mm', day: 'dd'},
+  az: {year: 'iiii', month: 'aa', day: 'gg'},
+  be: {year: 'гггг', month: 'мм', day: 'дд'},
+  bg: {year: 'гггг', month: 'мм', day: 'дд'},
+  bn: {year: 'yyyy', month: 'মিমি', day: 'dd'},
+  br: {year: 'bbbb', month: 'mm', day: 'dd'},
+  bs: {year: 'gggg', month: 'mm', day: 'dd'},
+  ca: {year: 'aaaa', month: 'mm', day: 'dd'},
+  cak: {year: 'jjjj', month: 'ii', day: "q'q'"},
+  ckb: {year: 'ساڵ', month: 'مانگ', day: 'ڕۆژ'},
+  cs: {year: 'rrrr', month: 'mm', day: 'dd'},
+  cy: {year: 'bbbb', month: 'mm', day: 'dd'},
+  da: {year: 'åååå', month: 'mm', day: 'dd'},
+  de: {year: 'jjjj', month: 'mm', day: 'tt'},
+  dsb: {year: 'llll', month: 'mm', day: 'źź'},
+  el: {year: 'εεεε', month: 'μμ', day: 'ηη'},
+  en: {year: 'yyyy', month: 'mm', day: 'dd'},
+  eo: {year: 'jjjj', month: 'mm', day: 'tt'},
+  es: {year: 'aaaa', month: 'mm', day: 'dd'},
+  et: {year: 'aaaa', month: 'kk', day: 'pp'},
+  eu: {year: 'uuuu', month: 'hh', day: 'ee'},
+  fa: {year: 'سال', month: 'ماه', day: 'روز'},
+  ff: {year: 'hhhh', month: 'll', day: 'ññ'},
+  fi: {year: 'vvvv', month: 'kk', day: 'pp'},
+  fr: {year: 'aaaa', month: 'mm', day: 'jj'},
+  fy: {year: 'jjjj', month: 'mm', day: 'dd'},
+  ga: {year: 'bbbb', month: 'mm', day: 'll'},
+  gd: {year: 'bbbb', month: 'mm', day: 'll'},
+  gl: {year: 'aaaa', month: 'mm', day: 'dd'},
+  he: {year: 'שנה', month: 'חודש', day: 'יום'},
+  hr: {year: 'gggg', month: 'mm', day: 'dd'},
+  hsb: {year: 'llll', month: 'mm', day: 'dd'},
+  hu: {year: 'éééé', month: 'hh', day: 'nn'},
+  ia: {year: 'aaaa', month: 'mm', day: 'dd'},
+  id: {year: 'tttt', month: 'bb', day: 'hh'},
+  it: {year: 'aaaa', month: 'mm', day: 'gg'},
+  ja: {year: ' 年 ', month: '月', day: '日'},
+  ka: {year: 'წწწწ', month: 'თთ', day: 'რრ'},
+  kk: {year: 'жжжж', month: 'аа', day: 'кк'},
+  kn: {year: 'ವವವವ', month: 'ಮಿಮೀ', day: 'ದಿದಿ'},
+  ko: {year: '연도', month: '월', day: '일'},
+  lb: {year: 'jjjj', month: 'mm', day: 'dd'},
+  lo: {year: 'ປປປປ', month: 'ດດ', day: 'ວວ'},
+  lt: {year: 'mmmm', month: 'mm', day: 'dd'},
+  lv: {year: 'gggg', month: 'mm', day: 'dd'},
+  meh: {year: 'aaaa', month: 'mm', day: 'dd'},
+  ml: {year: 'വർഷം', month: 'മാസം', day: 'തീയതി'},
+  ms: {year: 'tttt', month: 'mm', day: 'hh'},
+  nl: {year: 'jjjj', month: 'mm', day: 'dd'},
+  nn: {year: 'åååå', month: 'mm', day: 'dd'},
+  no: {year: 'åååå', month: 'mm', day: 'dd'},
+  oc: {year: 'aaaa', month: 'mm', day: 'jj'},
+  pl: {year: 'rrrr', month: 'mm', day: 'dd'},
+  pt: {year: 'aaaa', month: 'mm', day: 'dd'},
+  rm: {year: 'oooo', month: 'mm', day: 'dd'},
+  ro: {year: 'aaaa', month: 'll', day: 'zz'},
+  ru: {year: 'гггг', month: 'мм', day: 'дд'},
+  sc: {year: 'aaaa', month: 'mm', day: 'dd'},
+  scn: {year: 'aaaa', month: 'mm', day: 'jj'},
+  sk: {year: 'rrrr', month: 'mm', day: 'dd'},
+  sl: {year: 'llll', month: 'mm', day: 'dd'},
+  sr: {year: 'гггг', month: 'мм', day: 'дд'},
+  sv: {year: 'åååå', month: 'mm', day: 'dd'},
+  szl: {year: 'rrrr', month: 'mm', day: 'dd'},
+  tg: {year: 'сссс', month: 'мм', day: 'рр'},
+  th: {year: 'ปปปป', month: 'ดด', day: 'วว'},
+  tr: {year: 'yyyy', month: 'aa', day: 'gg'},
+  uk: {year: 'рррр', month: 'мм', day: 'дд'},
+  'zh-CN': {year: '年', month: '月', day: '日'},
+  'zh-TW': {year: '年', month: '月', day: '日'}
+}, 'en');
+
+export function getPlaceholder(field: string, value: string, locale: string) {
+  // Use the actual placeholder value for the era and day period fields.
+  if (field === 'era' || field === 'dayPeriod') {
+    return value;
+  }
+
+  if (field === 'year' || field === 'month' || field === 'day') {
+    return placeholders.getStringForLocale(field, locale);
+  }
+
+  // For time fields (e.g. hour, minute, etc.), use two dashes as the placeholder.
+  return '––';
+}