@react-aria/datepicker 3.9.2 → 3.10.0

package/dist/useDateSegment.module.js

@@ -0,0 +1,357 @@
+import {hookData as $16f0b7bb276bc17e$export$653eddfc964b0f8a} from "./useDateField.module.js";
+import {useDisplayNames as $3aeceb3a64eb8358$export$d42c60378c8168f8} from "./useDisplayNames.module.js";
+import {toCalendar as $4d1jn$toCalendar, CalendarDate as $4d1jn$CalendarDate} from "@internationalized/date";
+import {isMac as $4d1jn$isMac, scrollIntoViewport as $4d1jn$scrollIntoViewport, getScrollParent as $4d1jn$getScrollParent, useEvent as $4d1jn$useEvent, useLayoutEffect as $4d1jn$useLayoutEffect, isIOS as $4d1jn$isIOS, useId as $4d1jn$useId, useLabels as $4d1jn$useLabels, mergeProps as $4d1jn$mergeProps} from "@react-aria/utils";
+import {NumberParser as $4d1jn$NumberParser} from "@internationalized/number";
+import $4d1jn$react, {useRef as $4d1jn$useRef, useMemo as $4d1jn$useMemo} from "react";
+import {useLocale as $4d1jn$useLocale, useDateFormatter as $4d1jn$useDateFormatter, useFilter as $4d1jn$useFilter} from "@react-aria/i18n";
+import {useSpinButton as $4d1jn$useSpinButton} from "@react-aria/spinbutton";
+
+/*
+ * 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.
+ */ 
+
+
+
+
+
+
+
+function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
+    let enteredKeys = (0, $4d1jn$useRef)("");
+    let { locale: locale } = (0, $4d1jn$useLocale)();
+    let displayNames = (0, $3aeceb3a64eb8358$export$d42c60378c8168f8)();
+    let { ariaLabel: ariaLabel, ariaLabelledBy: ariaLabelledBy, ariaDescribedBy: ariaDescribedBy, focusManager: focusManager } = (0, $16f0b7bb276bc17e$export$653eddfc964b0f8a).get(state);
+    let textValue = segment.isPlaceholder ? "" : segment.text;
+    let options = (0, $4d1jn$useMemo)(()=>state.dateFormatter.resolvedOptions(), [
+        state.dateFormatter
+    ]);
+    let monthDateFormatter = (0, $4d1jn$useDateFormatter)({
+        month: "long",
+        timeZone: options.timeZone
+    });
+    let hourDateFormatter = (0, $4d1jn$useDateFormatter)({
+        hour: "numeric",
+        hour12: options.hour12,
+        timeZone: options.timeZone
+    });
+    if (segment.type === "month" && !segment.isPlaceholder) {
+        let monthTextValue = monthDateFormatter.format(state.dateValue);
+        textValue = monthTextValue !== textValue ? `${textValue} \u{2013} ${monthTextValue}` : monthTextValue;
+    } else if (segment.type === "hour" && !segment.isPlaceholder) textValue = hourDateFormatter.format(state.dateValue);
+    let { spinButtonProps: spinButtonProps } = (0, $4d1jn$useSpinButton)({
+        // The ARIA spec says aria-valuenow is optional if there's no value, but aXe seems to require it.
+        // This doesn't seem to have any negative effects with real AT since we also use aria-valuetext.
+        // https://github.com/dequelabs/axe-core/issues/3505
+        value: segment.value,
+        textValue: textValue,
+        minValue: segment.minValue,
+        maxValue: segment.maxValue,
+        isDisabled: state.isDisabled,
+        isReadOnly: state.isReadOnly || !segment.isEditable,
+        isRequired: state.isRequired,
+        onIncrement: ()=>{
+            enteredKeys.current = "";
+            state.increment(segment.type);
+        },
+        onDecrement: ()=>{
+            enteredKeys.current = "";
+            state.decrement(segment.type);
+        },
+        onIncrementPage: ()=>{
+            enteredKeys.current = "";
+            state.incrementPage(segment.type);
+        },
+        onDecrementPage: ()=>{
+            enteredKeys.current = "";
+            state.decrementPage(segment.type);
+        },
+        onIncrementToMax: ()=>{
+            enteredKeys.current = "";
+            state.setSegment(segment.type, segment.maxValue);
+        },
+        onDecrementToMin: ()=>{
+            enteredKeys.current = "";
+            state.setSegment(segment.type, segment.minValue);
+        }
+    });
+    let parser = (0, $4d1jn$useMemo)(()=>new (0, $4d1jn$NumberParser)(locale, {
+            maximumFractionDigits: 0
+        }), [
+        locale
+    ]);
+    let backspace = ()=>{
+        if (segment.text === segment.placeholder) focusManager.focusPrevious();
+        if (parser.isValidPartialNumber(segment.text) && !state.isReadOnly && !segment.isPlaceholder) {
+            let newValue = segment.text.slice(0, -1);
+            let parsed = parser.parse(newValue);
+            newValue = parsed === 0 ? "" : newValue;
+            if (newValue.length === 0 || parsed === 0) state.clearSegment(segment.type);
+            else state.setSegment(segment.type, parsed);
+            enteredKeys.current = newValue;
+        } else if (segment.type === "dayPeriod") state.clearSegment(segment.type);
+    };
+    let onKeyDown = (e)=>{
+        // Firefox does not fire selectstart for Ctrl/Cmd + A
+        // https://bugzilla.mozilla.org/show_bug.cgi?id=1742153
+        if (e.key === "a" && ((0, $4d1jn$isMac)() ? e.metaKey : e.ctrlKey)) e.preventDefault();
+        if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey) return;
+        switch(e.key){
+            case "Backspace":
+            case "Delete":
+                // Safari on iOS does not fire beforeinput for the backspace key because the cursor is at the start.
+                e.preventDefault();
+                e.stopPropagation();
+                backspace();
+                break;
+        }
+    };
+    // Safari dayPeriod option doesn't work...
+    let { startsWith: startsWith } = (0, $4d1jn$useFilter)({
+        sensitivity: "base"
+    });
+    let amPmFormatter = (0, $4d1jn$useDateFormatter)({
+        hour: "numeric",
+        hour12: true
+    });
+    let am = (0, $4d1jn$useMemo)(()=>{
+        let date = new Date();
+        date.setHours(0);
+        return amPmFormatter.formatToParts(date).find((part)=>part.type === "dayPeriod").value;
+    }, [
+        amPmFormatter
+    ]);
+    let pm = (0, $4d1jn$useMemo)(()=>{
+        let date = new Date();
+        date.setHours(12);
+        return amPmFormatter.formatToParts(date).find((part)=>part.type === "dayPeriod").value;
+    }, [
+        amPmFormatter
+    ]);
+    // Get a list of formatted era names so users can type the first character to choose one.
+    let eraFormatter = (0, $4d1jn$useDateFormatter)({
+        year: "numeric",
+        era: "narrow",
+        timeZone: "UTC"
+    });
+    let eras = (0, $4d1jn$useMemo)(()=>{
+        if (segment.type !== "era") return [];
+        let date = (0, $4d1jn$toCalendar)(new (0, $4d1jn$CalendarDate)(1, 1, 1), state.calendar);
+        let eras = state.calendar.getEras().map((era)=>{
+            let eraDate = date.set({
+                year: 1,
+                month: 1,
+                day: 1,
+                era: era
+            }).toDate("UTC");
+            let parts = eraFormatter.formatToParts(eraDate);
+            let formatted = parts.find((p)=>p.type === "era").value;
+            return {
+                era: era,
+                formatted: formatted
+            };
+        });
+        // Remove the common prefix from formatted values. This is so that in calendars with eras like
+        // ERA0 and ERA1 (e.g. Ethiopic), users can press "0" and "1" to select an era. In other cases,
+        // the first letter is used.
+        let prefixLength = $32489daedd52963e$var$commonPrefixLength(eras.map((era)=>era.formatted));
+        if (prefixLength) for (let era of eras)era.formatted = era.formatted.slice(prefixLength);
+        return eras;
+    }, [
+        eraFormatter,
+        state.calendar,
+        segment.type
+    ]);
+    let onInput = (key)=>{
+        if (state.isDisabled || state.isReadOnly) return;
+        let newValue = enteredKeys.current + key;
+        switch(segment.type){
+            case "dayPeriod":
+                if (startsWith(am, key)) state.setSegment("dayPeriod", 0);
+                else if (startsWith(pm, key)) state.setSegment("dayPeriod", 12);
+                else break;
+                focusManager.focusNext();
+                break;
+            case "era":
+                {
+                    let matched = eras.find((e)=>startsWith(e.formatted, key));
+                    if (matched) {
+                        state.setSegment("era", matched.era);
+                        focusManager.focusNext();
+                    }
+                    break;
+                }
+            case "day":
+            case "hour":
+            case "minute":
+            case "second":
+            case "month":
+            case "year":
+                {
+                    if (!parser.isValidPartialNumber(newValue)) return;
+                    let numberValue = parser.parse(newValue);
+                    let segmentValue = numberValue;
+                    let allowsZero = segment.minValue === 0;
+                    if (segment.type === "hour" && state.dateFormatter.resolvedOptions().hour12) {
+                        switch(state.dateFormatter.resolvedOptions().hourCycle){
+                            case "h11":
+                                if (numberValue > 11) segmentValue = parser.parse(key);
+                                break;
+                            case "h12":
+                                allowsZero = false;
+                                if (numberValue > 12) segmentValue = parser.parse(key);
+                                break;
+                        }
+                        if (segment.value >= 12 && numberValue > 1) numberValue += 12;
+                    } else if (numberValue > segment.maxValue) segmentValue = parser.parse(key);
+                    if (isNaN(numberValue)) return;
+                    let shouldSetValue = segmentValue !== 0 || allowsZero;
+                    if (shouldSetValue) state.setSegment(segment.type, segmentValue);
+                    if (Number(numberValue + "0") > segment.maxValue || newValue.length >= String(segment.maxValue).length) {
+                        enteredKeys.current = "";
+                        if (shouldSetValue) focusManager.focusNext();
+                    } else enteredKeys.current = newValue;
+                    break;
+                }
+        }
+    };
+    let onFocus = ()=>{
+        enteredKeys.current = "";
+        (0, $4d1jn$scrollIntoViewport)(ref.current, {
+            containingElement: (0, $4d1jn$getScrollParent)(ref.current)
+        });
+        // Collapse selection to start or Chrome won't fire input events.
+        let selection = window.getSelection();
+        selection.collapse(ref.current);
+    };
+    let compositionRef = (0, $4d1jn$useRef)("");
+    // @ts-ignore - TODO: possibly old TS version? doesn't fail in my editor...
+    (0, $4d1jn$useEvent)(ref, "beforeinput", (e)=>{
+        e.preventDefault();
+        switch(e.inputType){
+            case "deleteContentBackward":
+            case "deleteContentForward":
+                if (parser.isValidPartialNumber(segment.text) && !state.isReadOnly) backspace();
+                break;
+            case "insertCompositionText":
+                // insertCompositionText cannot be canceled.
+                // Record the current state of the element so we can restore it in the `input` event below.
+                compositionRef.current = ref.current.textContent;
+                // Safari gets stuck in a composition state unless we also assign to the value here.
+                // eslint-disable-next-line no-self-assign
+                ref.current.textContent = ref.current.textContent;
+                break;
+            default:
+                if (e.data != null) onInput(e.data);
+                break;
+        }
+    });
+    (0, $4d1jn$useEvent)(ref, "input", (e)=>{
+        let { inputType: inputType, data: data } = e;
+        switch(inputType){
+            case "insertCompositionText":
+                // Reset the DOM to how it was in the beforeinput event.
+                ref.current.textContent = compositionRef.current;
+                // Android sometimes fires key presses of letters as composition events. Need to handle am/pm keys here too.
+                // Can also happen e.g. with Pinyin keyboard on iOS.
+                if (startsWith(am, data) || startsWith(pm, data)) onInput(data);
+                break;
+        }
+    });
+    (0, $4d1jn$useLayoutEffect)(()=>{
+        let element = ref.current;
+        return ()=>{
+            // If the focused segment is removed, focus the previous one, or the next one if there was no previous one.
+            if (document.activeElement === element) {
+                let prev = focusManager.focusPrevious();
+                if (!prev) focusManager.focusNext();
+            }
+        };
+    }, [
+        ref,
+        focusManager
+    ]);
+    // spinbuttons cannot be focused with VoiceOver on iOS.
+    let touchPropOverrides = (0, $4d1jn$isIOS)() || segment.type === "timeZoneName" ? {
+        role: "textbox",
+        "aria-valuemax": null,
+        "aria-valuemin": null,
+        "aria-valuetext": null,
+        "aria-valuenow": null
+    } : {};
+    // Only apply aria-describedby to the first segment, unless the field is invalid. This avoids it being
+    // read every time the user navigates to a new segment.
+    let firstSegment = (0, $4d1jn$useMemo)(()=>state.segments.find((s)=>s.isEditable), [
+        state.segments
+    ]);
+    if (segment !== firstSegment && !state.isInvalid) ariaDescribedBy = undefined;
+    let id = (0, $4d1jn$useId)();
+    let isEditable = !state.isDisabled && !state.isReadOnly && segment.isEditable;
+    // Prepend the label passed from the field to each segment name.
+    // This is needed because VoiceOver on iOS does not announce groups.
+    let name = segment.type === "literal" ? "" : displayNames.of(segment.type);
+    let labelProps = (0, $4d1jn$useLabels)({
+        "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,
+    // but the rules of hooks mean hooks cannot be conditional so we have to put this condition here.
+    if (segment.type === "literal") return {
+        segmentProps: {
+            "aria-hidden": true
+        }
+    };
+    return {
+        segmentProps: (0, $4d1jn$mergeProps)(spinButtonProps, labelProps, {
+            id: id,
+            ...touchPropOverrides,
+            "aria-invalid": state.isInvalid ? "true" : undefined,
+            "aria-describedby": ariaDescribedBy,
+            "aria-readonly": state.isReadOnly || !segment.isEditable ? "true" : undefined,
+            "data-placeholder": segment.isPlaceholder || undefined,
+            contentEditable: isEditable,
+            suppressContentEditableWarning: isEditable,
+            spellCheck: isEditable ? "false" : undefined,
+            autoCapitalize: isEditable ? "off" : undefined,
+            autoCorrect: isEditable ? "off" : undefined,
+            // Capitalization was changed in React 17...
+            [parseInt((0, $4d1jn$react).version, 10) >= 17 ? "enterKeyHint" : "enterkeyhint"]: isEditable ? "next" : undefined,
+            inputMode: state.isDisabled || segment.type === "dayPeriod" || segment.type === "era" || !isEditable ? undefined : "numeric",
+            tabIndex: state.isDisabled ? undefined : 0,
+            onKeyDown: onKeyDown,
+            onFocus: onFocus,
+            style: {
+                caretColor: "transparent"
+            },
+            // Prevent pointer events from reaching useDatePickerGroup, and allow native browser behavior to focus the segment.
+            onPointerDown (e) {
+                e.stopPropagation();
+            },
+            onMouseDown (e) {
+                e.stopPropagation();
+            }
+        })
+    };
+}
+function $32489daedd52963e$var$commonPrefixLength(strings) {
+    // Sort the strings, and compare the characters in the first and last to find the common prefix.
+    strings.sort();
+    let first = strings[0];
+    let last = strings[strings.length - 1];
+    for(let i = 0; i < first.length; i++){
+        if (first[i] !== last[i]) return i;
+    }
+    return 0;
+}
+
+
+export {$32489daedd52963e$export$1315d136e6f7581 as useDateSegment};
+//# sourceMappingURL=useDateSegment.module.js.map

package/dist/useDateSegment.module.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/@react-aria/datepicker/src/useDateSegment.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 {CalendarDate, toCalendar} from '@internationalized/date';\nimport {DateFieldState, DateSegment} from '@react-stately/datepicker';\nimport {DOMAttributes} from '@react-types/shared';\nimport {getScrollParent, isIOS, isMac, mergeProps, scrollIntoViewport, useEvent, useId, useLabels, useLayoutEffect} from '@react-aria/utils';\nimport {hookData} from './useDateField';\nimport {NumberParser} from '@internationalized/number';\nimport React, {RefObject, useMemo, useRef} from 'react';\nimport {useDateFormatter, useFilter, useLocale} from '@react-aria/i18n';\nimport {useDisplayNames} from './useDisplayNames';\nimport {useSpinButton} from '@react-aria/spinbutton';\n\nexport interface DateSegmentAria {\n  /** Props for the segment element. */\n  segmentProps: DOMAttributes\n}\n\n/**\n * Provides the behavior and accessibility implementation for a segment in a date field.\n * A date segment displays an individual unit of a date and time, and allows users to edit\n * the value by typing or using the arrow keys to increment and decrement.\n */\nexport function useDateSegment(segment: DateSegment, state: DateFieldState, ref: RefObject<HTMLElement>): DateSegmentAria {\n  let enteredKeys = useRef('');\n  let {locale} = useLocale();\n  let displayNames = useDisplayNames();\n  let {ariaLabel, ariaLabelledBy, ariaDescribedBy, focusManager} = hookData.get(state);\n\n  let textValue = segment.isPlaceholder ? '' : segment.text;\n  let options = useMemo(() => state.dateFormatter.resolvedOptions(), [state.dateFormatter]);\n  let monthDateFormatter = useDateFormatter({month: 'long', timeZone: options.timeZone});\n  let hourDateFormatter = useDateFormatter({\n    hour: 'numeric',\n    hour12: options.hour12,\n    timeZone: options.timeZone\n  });\n\n  if (segment.type === 'month' && !segment.isPlaceholder) {\n    let monthTextValue = monthDateFormatter.format(state.dateValue);\n    textValue = monthTextValue !== textValue ? `${textValue} – ${monthTextValue}` : monthTextValue;\n  } else if (segment.type === 'hour' && !segment.isPlaceholder) {\n    textValue = hourDateFormatter.format(state.dateValue);\n  }\n\n  let {spinButtonProps} = useSpinButton({\n    // The ARIA spec says aria-valuenow is optional if there's no value, but aXe seems to require it.\n    // This doesn't seem to have any negative effects with real AT since we also use aria-valuetext.\n    // https://github.com/dequelabs/axe-core/issues/3505\n    value: segment.value,\n    textValue,\n    minValue: segment.minValue,\n    maxValue: segment.maxValue,\n    isDisabled: state.isDisabled,\n    isReadOnly: state.isReadOnly || !segment.isEditable,\n    isRequired: state.isRequired,\n    onIncrement: () => {\n      enteredKeys.current = '';\n      state.increment(segment.type);\n    },\n    onDecrement: () => {\n      enteredKeys.current = '';\n      state.decrement(segment.type);\n    },\n    onIncrementPage: () => {\n      enteredKeys.current = '';\n      state.incrementPage(segment.type);\n    },\n    onDecrementPage: () => {\n      enteredKeys.current = '';\n      state.decrementPage(segment.type);\n    },\n    onIncrementToMax: () => {\n      enteredKeys.current = '';\n      state.setSegment(segment.type, segment.maxValue);\n    },\n    onDecrementToMin: () => {\n      enteredKeys.current = '';\n      state.setSegment(segment.type, segment.minValue);\n    }\n  });\n\n  let parser = useMemo(() => new NumberParser(locale, {maximumFractionDigits: 0}), [locale]);\n\n  let backspace = () => {\n    if (segment.text === segment.placeholder) {\n      focusManager.focusPrevious();\n    }\n    if (parser.isValidPartialNumber(segment.text) && !state.isReadOnly && !segment.isPlaceholder) {\n      let newValue = segment.text.slice(0, -1);\n      let parsed = parser.parse(newValue);\n      newValue = parsed === 0 ? '' : newValue;\n      if (newValue.length === 0 || parsed === 0) {\n        state.clearSegment(segment.type);\n      } else {\n        state.setSegment(segment.type, parsed);\n      }\n      enteredKeys.current = newValue;\n    } else if (segment.type === 'dayPeriod') {\n      state.clearSegment(segment.type);\n    }\n  };\n\n  let onKeyDown = (e) => {\n    // Firefox does not fire selectstart for Ctrl/Cmd + A\n    // https://bugzilla.mozilla.org/show_bug.cgi?id=1742153\n    if (e.key === 'a' && (isMac() ? e.metaKey : e.ctrlKey)) {\n      e.preventDefault();\n    }\n\n    if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey) {\n      return;\n    }\n\n    switch (e.key) {\n      case 'Backspace':\n      case 'Delete': {\n        // Safari on iOS does not fire beforeinput for the backspace key because the cursor is at the start.\n        e.preventDefault();\n        e.stopPropagation();\n        backspace();\n        break;\n      }\n    }\n  };\n\n  // Safari dayPeriod option doesn't work...\n  let {startsWith} = useFilter({sensitivity: 'base'});\n  let amPmFormatter = useDateFormatter({hour: 'numeric', hour12: true});\n  let am = useMemo(() => {\n    let date = new Date();\n    date.setHours(0);\n    return amPmFormatter.formatToParts(date).find(part => part.type === 'dayPeriod').value;\n  }, [amPmFormatter]);\n\n  let pm = useMemo(() => {\n    let date = new Date();\n    date.setHours(12);\n    return amPmFormatter.formatToParts(date).find(part => part.type === 'dayPeriod').value;\n  }, [amPmFormatter]);\n\n  // Get a list of formatted era names so users can type the first character to choose one.\n  let eraFormatter = useDateFormatter({year: 'numeric', era: 'narrow', timeZone: 'UTC'});\n  let eras = useMemo(() => {\n    if (segment.type !== 'era') {\n      return [];\n    }\n\n    let date = toCalendar(new CalendarDate(1, 1, 1), state.calendar);\n    let eras = state.calendar.getEras().map(era => {\n      let eraDate = date.set({year: 1, month: 1, day: 1, era}).toDate('UTC');\n      let parts = eraFormatter.formatToParts(eraDate);\n      let formatted = parts.find(p => p.type === 'era').value;\n      return {era, formatted};\n    });\n\n    // Remove the common prefix from formatted values. This is so that in calendars with eras like\n    // ERA0 and ERA1 (e.g. Ethiopic), users can press \"0\" and \"1\" to select an era. In other cases,\n    // the first letter is used.\n    let prefixLength = commonPrefixLength(eras.map(era => era.formatted));\n    if (prefixLength) {\n      for (let era of eras) {\n        era.formatted = era.formatted.slice(prefixLength);\n      }\n    }\n\n    return eras;\n  }, [eraFormatter, state.calendar, segment.type]);\n\n  let onInput = (key: string) => {\n    if (state.isDisabled || state.isReadOnly) {\n      return;\n    }\n\n    let newValue = enteredKeys.current + key;\n\n    switch (segment.type) {\n      case 'dayPeriod':\n        if (startsWith(am, key)) {\n          state.setSegment('dayPeriod', 0);\n        } else if (startsWith(pm, key)) {\n          state.setSegment('dayPeriod', 12);\n        } else {\n          break;\n        }\n        focusManager.focusNext();\n        break;\n      case 'era': {\n        let matched = eras.find(e => startsWith(e.formatted, key));\n        if (matched) {\n          state.setSegment('era', matched.era);\n          focusManager.focusNext();\n        }\n        break;\n      }\n      case 'day':\n      case 'hour':\n      case 'minute':\n      case 'second':\n      case 'month':\n      case 'year': {\n        if (!parser.isValidPartialNumber(newValue)) {\n          return;\n        }\n\n        let numberValue = parser.parse(newValue);\n        let segmentValue = numberValue;\n        let allowsZero = segment.minValue === 0;\n        if (segment.type === 'hour' && state.dateFormatter.resolvedOptions().hour12) {\n          switch (state.dateFormatter.resolvedOptions().hourCycle) {\n            case 'h11':\n              if (numberValue > 11) {\n                segmentValue = parser.parse(key);\n              }\n              break;\n            case 'h12':\n              allowsZero = false;\n              if (numberValue > 12) {\n                segmentValue = parser.parse(key);\n              }\n              break;\n          }\n\n          if (segment.value >= 12 && numberValue > 1) {\n            numberValue += 12;\n          }\n        } else if (numberValue > segment.maxValue) {\n          segmentValue = parser.parse(key);\n        }\n\n        if (isNaN(numberValue)) {\n          return;\n        }\n\n        let shouldSetValue = segmentValue !== 0 || allowsZero;\n        if (shouldSetValue) {\n          state.setSegment(segment.type, segmentValue);\n        }\n\n        if (Number(numberValue + '0') > segment.maxValue || newValue.length >= String(segment.maxValue).length) {\n          enteredKeys.current = '';\n          if (shouldSetValue) {\n            focusManager.focusNext();\n          }\n        } else {\n          enteredKeys.current = newValue;\n        }\n        break;\n      }\n    }\n  };\n\n  let onFocus = () => {\n    enteredKeys.current = '';\n    scrollIntoViewport(ref.current, {containingElement: getScrollParent(ref.current)});\n\n    // Collapse selection to start or Chrome won't fire input events.\n    let selection = window.getSelection();\n    selection.collapse(ref.current);\n  };\n\n  let compositionRef = useRef('');\n  // @ts-ignore - TODO: possibly old TS version? doesn't fail in my editor...\n  useEvent(ref, 'beforeinput', e => {\n    e.preventDefault();\n\n    switch (e.inputType) {\n      case 'deleteContentBackward':\n      case 'deleteContentForward':\n        if (parser.isValidPartialNumber(segment.text) && !state.isReadOnly) {\n          backspace();\n        }\n        break;\n      case 'insertCompositionText':\n        // insertCompositionText cannot be canceled.\n        // Record the current state of the element so we can restore it in the `input` event below.\n        compositionRef.current = ref.current.textContent;\n\n        // Safari gets stuck in a composition state unless we also assign to the value here.\n        // eslint-disable-next-line no-self-assign\n        ref.current.textContent = ref.current.textContent;\n        break;\n      default:\n        if (e.data != null) {\n          onInput(e.data);\n        }\n        break;\n    }\n  });\n\n  useEvent(ref, 'input', (e: InputEvent) => {\n    let {inputType, data} = e;\n    switch (inputType) {\n      case 'insertCompositionText':\n        // Reset the DOM to how it was in the beforeinput event.\n        ref.current.textContent = compositionRef.current;\n\n        // Android sometimes fires key presses of letters as composition events. Need to handle am/pm keys here too.\n        // Can also happen e.g. with Pinyin keyboard on iOS.\n        if (startsWith(am, data) || startsWith(pm, data)) {\n          onInput(data);\n        }\n        break;\n    }\n  });\n\n  useLayoutEffect(() => {\n    let element = ref.current;\n    return () => {\n      // If the focused segment is removed, focus the previous one, or the next one if there was no previous one.\n      if (document.activeElement === element) {\n        let prev = focusManager.focusPrevious();\n        if (!prev) {\n          focusManager.focusNext();\n        }\n      }\n    };\n  }, [ref, focusManager]);\n\n  // spinbuttons cannot be focused with VoiceOver on iOS.\n  let touchPropOverrides = isIOS() || segment.type === 'timeZoneName' ? {\n    role: 'textbox',\n    'aria-valuemax': null,\n    'aria-valuemin': null,\n    'aria-valuetext': null,\n    'aria-valuenow': null\n  } : {};\n\n  // Only apply aria-describedby to the first segment, unless the field is invalid. This avoids it being\n  // read every time the user navigates to a new segment.\n  let firstSegment = useMemo(() => state.segments.find(s => s.isEditable), [state.segments]);\n  if (segment !== firstSegment && !state.isInvalid) {\n    ariaDescribedBy = undefined;\n  }\n\n  let id = useId();\n  let isEditable = !state.isDisabled && !state.isReadOnly && segment.isEditable;\n\n  // Prepend the label passed from the field to each segment name.\n  // This is needed because VoiceOver on iOS does not announce groups.\n  let name = segment.type === 'literal' ? '' : displayNames.of(segment.type);\n  let labelProps = useLabels({\n    'aria-label': `${name}${ariaLabel ? `, ${ariaLabel}` : ''}${ariaLabelledBy ? ', ' : ''}`,\n    'aria-labelledby': ariaLabelledBy\n  });\n\n  // Literal segments should not be visible to screen readers. We don't really need any of the above,\n  // but the rules of hooks mean hooks cannot be conditional so we have to put this condition here.\n  if (segment.type === 'literal') {\n    return {\n      segmentProps: {\n        'aria-hidden': true\n      }\n    };\n  }\n\n  return {\n    segmentProps: mergeProps(spinButtonProps, labelProps, {\n      id,\n      ...touchPropOverrides,\n      'aria-invalid': state.isInvalid ? 'true' : undefined,\n      'aria-describedby': ariaDescribedBy,\n      'aria-readonly': state.isReadOnly || !segment.isEditable ? 'true' : undefined,\n      'data-placeholder': segment.isPlaceholder || undefined,\n      contentEditable: isEditable,\n      suppressContentEditableWarning: isEditable,\n      spellCheck: isEditable ? 'false' : undefined,\n      autoCapitalize: isEditable ? 'off' : undefined,\n      autoCorrect: isEditable ? 'off' : undefined,\n      // Capitalization was changed in React 17...\n      [parseInt(React.version, 10) >= 17 ? 'enterKeyHint' : 'enterkeyhint']: isEditable ? 'next' : undefined,\n      inputMode: state.isDisabled || segment.type === 'dayPeriod' || segment.type === 'era' || !isEditable ? undefined : 'numeric',\n      tabIndex: state.isDisabled ? undefined : 0,\n      onKeyDown,\n      onFocus,\n      style: {\n        caretColor: 'transparent'\n      },\n      // Prevent pointer events from reaching useDatePickerGroup, and allow native browser behavior to focus the segment.\n      onPointerDown(e) {\n        e.stopPropagation();\n      },\n      onMouseDown(e) {\n        e.stopPropagation();\n      }\n    })\n  };\n}\n\nfunction commonPrefixLength(strings: string[]): number {\n  // Sort the strings, and compare the characters in the first and last to find the common prefix.\n  strings.sort();\n  let first = strings[0];\n  let last = strings[strings.length - 1];\n  for (let i = 0; i < first.length; i++) {\n    if (first[i] !== last[i]) {\n      return i;\n    }\n  }\n  return 0;\n}\n"],"names":[],"version":3,"file":"useDateSegment.module.js.map"}

package/dist/useDisplayNames.main.js

@@ -0,0 +1,59 @@
+var $c1905b78f6d2f5bf$exports = require("./intlStrings.main.js");
+var $2nNUW$reactariai18n = require("@react-aria/i18n");
+var $2nNUW$react = require("react");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "useDisplayNames", () => $934ac650a0aceb4b$export$d42c60378c8168f8);
+/*
+ * 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.
+ */ // @ts-ignore
+
+
+
+function $934ac650a0aceb4b$export$d42c60378c8168f8() {
+    let { locale: locale } = (0, $2nNUW$reactariai18n.useLocale)();
+    let dictionary = (0, $2nNUW$reactariai18n.useLocalizedStringDictionary)((0, ($parcel$interopDefault($c1905b78f6d2f5bf$exports))), "@react-aria/datepicker");
+    return (0, $2nNUW$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
+        try {
+            // @ts-ignore
+            return new Intl.DisplayNames(locale, {
+                type: "dateTimeField"
+            });
+        } catch (err) {
+            return new $934ac650a0aceb4b$var$DisplayNamesPolyfill(locale, dictionary);
+        }
+    }, [
+        locale,
+        dictionary
+    ]);
+}
+class $934ac650a0aceb4b$var$DisplayNamesPolyfill {
+    of(field) {
+        return this.dictionary.getStringForLocale(field, this.locale);
+    }
+    constructor(locale, dictionary){
+        this.locale = locale;
+        this.dictionary = dictionary;
+    }
+}
+
+
+//# sourceMappingURL=useDisplayNames.main.js.map

package/dist/useDisplayNames.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC,GAED,aAAa;;;;AAYN,SAAS;IACd,IAAI,UAAC,MAAM,EAAC,GAAG,CAAA,GAAA,8BAAQ;IACvB,IAAI,aAAa,CAAA,GAAA,iDAA2B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAC5D,OAAO,CAAA,GAAA,oBAAM,EAAE;QACb,+GAA+G;QAC/G,kFAAkF;QAClF,IAAI;YACF,aAAa;YACb,OAAO,IAAI,KAAK,YAAY,CAAC,QAAQ;gBAAC,MAAM;YAAe;QAC7D,EAAE,OAAO,KAAK;YACZ,OAAO,IAAI,2CAAqB,QAAQ;QAC1C;IACF,GAAG;QAAC;QAAQ;KAAW;AACzB;AAEA,MAAM;IASJ,GAAG,KAAY,EAAU;QACvB,OAAO,IAAI,CAAC,UAAU,CAAC,kBAAkB,CAAC,OAAO,IAAI,CAAC,MAAM;IAC9D;IAPA,YAAY,MAAc,EAAE,UAAoD,CAAE;QAChF,IAAI,CAAC,MAAM,GAAG;QACd,IAAI,CAAC,UAAU,GAAG;IACpB;AAKF","sources":["packages/@react-aria/datepicker/src/useDisplayNames.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\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {LocalizedStringDictionary} from '@internationalized/string';\nimport {useLocale, useLocalizedStringDictionary} from '@react-aria/i18n';\nimport {useMemo} from 'react';\n\ntype Field = Intl.DateTimeFormatPartTypes;\ninterface DisplayNames {\n  of(field: Field): string\n}\n\n/** @private */\nexport function useDisplayNames(): DisplayNames {\n  let {locale} = useLocale();\n  let dictionary = useLocalizedStringDictionary(intlMessages, '@react-aria/datepicker');\n  return useMemo(() => {\n    // Try to use Intl.DisplayNames if possible. It may be supported in browsers, but not support the dateTimeField\n    // type as that was only added in v2. https://github.com/tc39/intl-displaynames-v2\n    try {\n      // @ts-ignore\n      return new Intl.DisplayNames(locale, {type: 'dateTimeField'});\n    } catch (err) {\n      return new DisplayNamesPolyfill(locale, dictionary);\n    }\n  }, [locale, dictionary]);\n}\n\nclass DisplayNamesPolyfill implements DisplayNames {\n  private locale: string;\n  private dictionary: LocalizedStringDictionary<Field, string>;\n\n  constructor(locale: string, dictionary: LocalizedStringDictionary<Field, string>) {\n    this.locale = locale;\n    this.dictionary = dictionary;\n  }\n\n  of(field: Field): string {\n    return this.dictionary.getStringForLocale(field, this.locale);\n  }\n}\n"],"names":[],"version":3,"file":"useDisplayNames.main.js.map"}

package/dist/useDisplayNames.mjs

@@ -0,0 +1,54 @@
+import $jR5iF$intlStringsmodulejs from "./intlStrings.mjs";
+import {useLocale as $jR5iF$useLocale, useLocalizedStringDictionary as $jR5iF$useLocalizedStringDictionary} from "@react-aria/i18n";
+import {useMemo as $jR5iF$useMemo} 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.
+ */ // @ts-ignore
+
+
+
+function $3aeceb3a64eb8358$export$d42c60378c8168f8() {
+    let { locale: locale } = (0, $jR5iF$useLocale)();
+    let dictionary = (0, $jR5iF$useLocalizedStringDictionary)((0, ($parcel$interopDefault($jR5iF$intlStringsmodulejs))), "@react-aria/datepicker");
+    return (0, $jR5iF$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
+        try {
+            // @ts-ignore
+            return new Intl.DisplayNames(locale, {
+                type: "dateTimeField"
+            });
+        } catch (err) {
+            return new $3aeceb3a64eb8358$var$DisplayNamesPolyfill(locale, dictionary);
+        }
+    }, [
+        locale,
+        dictionary
+    ]);
+}
+class $3aeceb3a64eb8358$var$DisplayNamesPolyfill {
+    of(field) {
+        return this.dictionary.getStringForLocale(field, this.locale);
+    }
+    constructor(locale, dictionary){
+        this.locale = locale;
+        this.dictionary = dictionary;
+    }
+}
+
+
+export {$3aeceb3a64eb8358$export$d42c60378c8168f8 as useDisplayNames};
+//# sourceMappingURL=useDisplayNames.mjs.map

package/dist/useDisplayNames.module.js

@@ -0,0 +1,54 @@
+import $jR5iF$intlStringsmodulejs from "./intlStrings.module.js";
+import {useLocale as $jR5iF$useLocale, useLocalizedStringDictionary as $jR5iF$useLocalizedStringDictionary} from "@react-aria/i18n";
+import {useMemo as $jR5iF$useMemo} 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.
+ */ // @ts-ignore
+
+
+
+function $3aeceb3a64eb8358$export$d42c60378c8168f8() {
+    let { locale: locale } = (0, $jR5iF$useLocale)();
+    let dictionary = (0, $jR5iF$useLocalizedStringDictionary)((0, ($parcel$interopDefault($jR5iF$intlStringsmodulejs))), "@react-aria/datepicker");
+    return (0, $jR5iF$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
+        try {
+            // @ts-ignore
+            return new Intl.DisplayNames(locale, {
+                type: "dateTimeField"
+            });
+        } catch (err) {
+            return new $3aeceb3a64eb8358$var$DisplayNamesPolyfill(locale, dictionary);
+        }
+    }, [
+        locale,
+        dictionary
+    ]);
+}
+class $3aeceb3a64eb8358$var$DisplayNamesPolyfill {
+    of(field) {
+        return this.dictionary.getStringForLocale(field, this.locale);
+    }
+    constructor(locale, dictionary){
+        this.locale = locale;
+        this.dictionary = dictionary;
+    }
+}
+
+
+export {$3aeceb3a64eb8358$export$d42c60378c8168f8 as useDisplayNames};
+//# sourceMappingURL=useDisplayNames.module.js.map

package/dist/useDisplayNames.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC,GAED,aAAa;;;;AAYN,SAAS;IACd,IAAI,UAAC,MAAM,EAAC,GAAG,CAAA,GAAA,gBAAQ;IACvB,IAAI,aAAa,CAAA,GAAA,mCAA2B,EAAE,CAAA,GAAA,oDAAW,GAAG;IAC5D,OAAO,CAAA,GAAA,cAAM,EAAE;QACb,+GAA+G;QAC/G,kFAAkF;QAClF,IAAI;YACF,aAAa;YACb,OAAO,IAAI,KAAK,YAAY,CAAC,QAAQ;gBAAC,MAAM;YAAe;QAC7D,EAAE,OAAO,KAAK;YACZ,OAAO,IAAI,2CAAqB,QAAQ;QAC1C;IACF,GAAG;QAAC;QAAQ;KAAW;AACzB;AAEA,MAAM;IASJ,GAAG,KAAY,EAAU;QACvB,OAAO,IAAI,CAAC,UAAU,CAAC,kBAAkB,CAAC,OAAO,IAAI,CAAC,MAAM;IAC9D;IAPA,YAAY,MAAc,EAAE,UAAoD,CAAE;QAChF,IAAI,CAAC,MAAM,GAAG;QACd,IAAI,CAAC,UAAU,GAAG;IACpB;AAKF","sources":["packages/@react-aria/datepicker/src/useDisplayNames.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\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {LocalizedStringDictionary} from '@internationalized/string';\nimport {useLocale, useLocalizedStringDictionary} from '@react-aria/i18n';\nimport {useMemo} from 'react';\n\ntype Field = Intl.DateTimeFormatPartTypes;\ninterface DisplayNames {\n  of(field: Field): string\n}\n\n/** @private */\nexport function useDisplayNames(): DisplayNames {\n  let {locale} = useLocale();\n  let dictionary = useLocalizedStringDictionary(intlMessages, '@react-aria/datepicker');\n  return useMemo(() => {\n    // Try to use Intl.DisplayNames if possible. It may be supported in browsers, but not support the dateTimeField\n    // type as that was only added in v2. https://github.com/tc39/intl-displaynames-v2\n    try {\n      // @ts-ignore\n      return new Intl.DisplayNames(locale, {type: 'dateTimeField'});\n    } catch (err) {\n      return new DisplayNamesPolyfill(locale, dictionary);\n    }\n  }, [locale, dictionary]);\n}\n\nclass DisplayNamesPolyfill implements DisplayNames {\n  private locale: string;\n  private dictionary: LocalizedStringDictionary<Field, string>;\n\n  constructor(locale: string, dictionary: LocalizedStringDictionary<Field, string>) {\n    this.locale = locale;\n    this.dictionary = dictionary;\n  }\n\n  of(field: Field): string {\n    return this.dictionary.getStringForLocale(field, this.locale);\n  }\n}\n"],"names":[],"version":3,"file":"useDisplayNames.module.js.map"}

package/dist/zh-CN.main.js

@@ -0,0 +1,21 @@
+module.exports = {
+    "calendar": `\u{65E5}\u{5386}`,
+    "day": `\u{65E5}`,
+    "dayPeriod": `\u{4E0A}\u{5348}/\u{4E0B}\u{5348}`,
+    "endDate": `\u{7ED3}\u{675F}\u{65E5}\u{671F}`,
+    "era": `\u{7EAA}\u{5143}`,
+    "hour": `\u{5C0F}\u{65F6}`,
+    "minute": `\u{5206}\u{949F}`,
+    "month": `\u{6708}`,
+    "second": `\u{79D2}`,
+    "selectedDateDescription": (args)=>`\u{9009}\u{5B9A}\u{7684}\u{65E5}\u{671F}\u{FF1A}${args.date}`,
+    "selectedRangeDescription": (args)=>`\u{9009}\u{5B9A}\u{7684}\u{8303}\u{56F4}\u{FF1A}${args.startDate} \u{81F3} ${args.endDate}`,
+    "selectedTimeDescription": (args)=>`\u{9009}\u{5B9A}\u{7684}\u{65F6}\u{95F4}\u{FF1A}${args.time}`,
+    "startDate": `\u{5F00}\u{59CB}\u{65E5}\u{671F}`,
+    "timeZoneName": `\u{65F6}\u{533A}`,
+    "weekday": `\u{5DE5}\u{4F5C}\u{65E5}`,
+    "year": `\u{5E74}`
+};
+
+
+//# sourceMappingURL=zh-CN.main.js.map

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

@@ -0,0 +1 @@
+{"mappings":"AAAA,iBAAiB;IAAG,YAAY,CAAC,gBAAE,CAAC;IAClC,OAAO,CAAC,QAAC,CAAC;IACV,aAAa,CAAC,iCAAK,CAAC;IACpB,WAAW,CAAC,gCAAI,CAAC;IACjB,OAAO,CAAC,gBAAE,CAAC;IACX,QAAQ,CAAC,gBAAE,CAAC;IACZ,UAAU,CAAC,gBAAE,CAAC;IACd,SAAS,CAAC,QAAC,CAAC;IACZ,UAAU,CAAC,QAAC,CAAC;IACb,2BAA2B,CAAC,OAAS,CAAC,gDAAM,EAAE,KAAK,IAAI,CAAC,CAAC;IACzD,4BAA4B,CAAC,OAAS,CAAC,gDAAM,EAAE,KAAK,SAAS,CAAC,UAAG,EAAE,KAAK,OAAO,CAAC,CAAC;IACjF,2BAA2B,CAAC,OAAS,CAAC,gDAAM,EAAE,KAAK,IAAI,CAAC,CAAC;IACzD,aAAa,CAAC,gCAAI,CAAC;IACnB,gBAAgB,CAAC,gBAAE,CAAC;IACpB,WAAW,CAAC,wBAAG,CAAC;IAChB,QAAQ,CAAC,QAAC,CAAC;AACb","sources":["packages/@react-aria/datepicker/intl/zh-CN.json"],"sourcesContent":["{\n  \"calendar\": \"日历\",\n  \"day\": \"日\",\n  \"dayPeriod\": \"上午/下午\",\n  \"endDate\": \"结束日期\",\n  \"era\": \"纪元\",\n  \"hour\": \"小时\",\n  \"minute\": \"分钟\",\n  \"month\": \"月\",\n  \"second\": \"秒\",\n  \"selectedDateDescription\": \"选定的日期：{date}\",\n  \"selectedRangeDescription\": \"选定的范围：{startDate} 至 {endDate}\",\n  \"selectedTimeDescription\": \"选定的时间：{time}\",\n  \"startDate\": \"开始日期\",\n  \"timeZoneName\": \"时区\",\n  \"weekday\": \"工作日\",\n  \"year\": \"年\"\n}\n"],"names":[],"version":3,"file":"zh-CN.main.js.map"}

package/dist/zh-CN.mjs

@@ -0,0 +1,23 @@
+var $51078838e1b16cd7$exports = {};
+$51078838e1b16cd7$exports = {
+    "calendar": `\u{65E5}\u{5386}`,
+    "day": `\u{65E5}`,
+    "dayPeriod": `\u{4E0A}\u{5348}/\u{4E0B}\u{5348}`,
+    "endDate": `\u{7ED3}\u{675F}\u{65E5}\u{671F}`,
+    "era": `\u{7EAA}\u{5143}`,
+    "hour": `\u{5C0F}\u{65F6}`,
+    "minute": `\u{5206}\u{949F}`,
+    "month": `\u{6708}`,
+    "second": `\u{79D2}`,
+    "selectedDateDescription": (args)=>`\u{9009}\u{5B9A}\u{7684}\u{65E5}\u{671F}\u{FF1A}${args.date}`,
+    "selectedRangeDescription": (args)=>`\u{9009}\u{5B9A}\u{7684}\u{8303}\u{56F4}\u{FF1A}${args.startDate} \u{81F3} ${args.endDate}`,
+    "selectedTimeDescription": (args)=>`\u{9009}\u{5B9A}\u{7684}\u{65F6}\u{95F4}\u{FF1A}${args.time}`,
+    "startDate": `\u{5F00}\u{59CB}\u{65E5}\u{671F}`,
+    "timeZoneName": `\u{65F6}\u{533A}`,
+    "weekday": `\u{5DE5}\u{4F5C}\u{65E5}`,
+    "year": `\u{5E74}`
+};
+
+
+export {$51078838e1b16cd7$exports as default};
+//# sourceMappingURL=zh-CN.mjs.map