react-aria 3.46.0 → 3.48.0

package/dist/private/datepicker/useDateRangePicker.mjs

@@ -0,0 +1,225 @@
+import {createFocusManager as $535772f9d2c1f38d$export$c5251b9e124bf29} from "../focus/FocusScope.mjs";
+import {filterDOMProps as $8e9d2fae0ecb9001$export$457c3d6518dd4c6f} from "../utils/filterDOMProps.mjs";
+import {focusManagerSymbol as $7541913c0284d84b$export$7b3062cd49e80452, roleSymbol as $7541913c0284d84b$export$300019f83c56d282} from "./useDateField.mjs";
+import $mOyc5$intlStringsmjs from "./intlStrings.mjs";
+import {mergeProps as $bbaa08b3cd72f041$export$9d1611c77c2fe928} from "../utils/mergeProps.mjs";
+import {nodeContains as $23f2114a1b82827e$export$4282f70798064fe0} from "../utils/shadowdom/DOMFunctions.mjs";
+import {useDatePickerGroup as $6a440d0e2d99dd46$export$4a931266a3838b86} from "./useDatePickerGroup.mjs";
+import {useDescription as $121970af65029459$export$f8aeda7b10753fa1} from "../utils/useDescription.mjs";
+import {useField as $191c9b6d48a0a4e2$export$294aa081a6c6f55d} from "../label/useField.mjs";
+import {useFocusWithin as $2c9edc598a03d523$export$420e68273165f4ec} from "../interactions/useFocusWithin.mjs";
+import {useId as $390e54f620492c70$export$f680877a34711e37} from "../utils/useId.mjs";
+import {useLocale as $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7} from "../i18n/I18nProvider.mjs";
+import {useLocalizedStringFormatter as $cf2482eff2eeeec2$export$f12b703ca79dfbb1} from "../i18n/useLocalizedStringFormatter.mjs";
+import {DEFAULT_VALIDATION_RESULT as $mOyc5$DEFAULT_VALIDATION_RESULT, privateValidationStateProp as $mOyc5$privateValidationStateProp, mergeValidation as $mOyc5$mergeValidation} from "react-stately/private/form/useFormValidationState";
+import {useMemo as $mOyc5$useMemo, useRef as $mOyc5$useRef} 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.
+ */ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function $cccdba1b2bb08448$export$12fd5f0e9f4bb192(props, state, ref) {
+    let stringFormatter = (0, $cf2482eff2eeeec2$export$f12b703ca79dfbb1)((0, ($parcel$interopDefault($mOyc5$intlStringsmjs))), '@react-aria/datepicker');
+    let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = state.displayValidation;
+    let { labelProps: labelProps, fieldProps: fieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $191c9b6d48a0a4e2$export$294aa081a6c6f55d)({
+        ...props,
+        labelElementType: 'span',
+        isInvalid: isInvalid,
+        errorMessage: props.errorMessage || validationErrors
+    });
+    let labelledBy = fieldProps['aria-labelledby'] || fieldProps.id;
+    let { locale: locale } = (0, $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7)();
+    let range = state.formatValue(locale, {
+        month: 'long'
+    });
+    let description = range ? stringFormatter.format('selectedRangeDescription', {
+        startDate: range.start,
+        endDate: range.end
+    }) : '';
+    let descProps = (0, $121970af65029459$export$f8aeda7b10753fa1)(description);
+    let startFieldProps = {
+        'aria-label': stringFormatter.format('startDate'),
+        'aria-labelledby': labelledBy
+    };
+    let endFieldProps = {
+        'aria-label': stringFormatter.format('endDate'),
+        'aria-labelledby': labelledBy
+    };
+    let buttonId = (0, $390e54f620492c70$export$f680877a34711e37)();
+    let dialogId = (0, $390e54f620492c70$export$f680877a34711e37)();
+    let groupProps = (0, $6a440d0e2d99dd46$export$4a931266a3838b86)(state, ref);
+    let ariaDescribedBy = [
+        descProps['aria-describedby'],
+        fieldProps['aria-describedby']
+    ].filter(Boolean).join(' ') || undefined;
+    let focusManager = (0, $mOyc5$useMemo)(()=>(0, $535772f9d2c1f38d$export$c5251b9e124bf29)(ref, {
+            // Exclude the button from the focus manager.
+            accept: (element)=>element.id !== buttonId
+        }), [
+        ref,
+        buttonId
+    ]);
+    let commonFieldProps = {
+        [(0, $7541913c0284d84b$export$7b3062cd49e80452)]: focusManager,
+        [(0, $7541913c0284d84b$export$300019f83c56d282)]: 'presentation',
+        'aria-describedby': ariaDescribedBy,
+        placeholderValue: props.placeholderValue,
+        hideTimeZone: props.hideTimeZone,
+        hourCycle: props.hourCycle,
+        granularity: props.granularity,
+        shouldForceLeadingZeros: props.shouldForceLeadingZeros,
+        isDisabled: props.isDisabled,
+        isReadOnly: props.isReadOnly,
+        isRequired: props.isRequired,
+        validationBehavior: props.validationBehavior
+    };
+    let domProps = (0, $8e9d2fae0ecb9001$export$457c3d6518dd4c6f)(props);
+    let isFocused = (0, $mOyc5$useRef)(false);
+    let { focusWithinProps: focusWithinProps } = (0, $2c9edc598a03d523$export$420e68273165f4ec)({
+        ...props,
+        isDisabled: state.isOpen,
+        onBlurWithin: (e)=>{
+            // Ignore when focus moves into the popover.
+            let dialog = document.getElementById(dialogId);
+            if (!(0, $23f2114a1b82827e$export$4282f70798064fe0)(dialog, e.relatedTarget)) {
+                isFocused.current = false;
+                props.onBlur?.(e);
+                props.onFocusChange?.(false);
+            }
+        },
+        onFocusWithin: (e)=>{
+            if (!isFocused.current) {
+                isFocused.current = true;
+                props.onFocus?.(e);
+                props.onFocusChange?.(true);
+            }
+        }
+    });
+    let startFieldValidation = (0, $mOyc5$useRef)((0, $mOyc5$DEFAULT_VALIDATION_RESULT));
+    let endFieldValidation = (0, $mOyc5$useRef)((0, $mOyc5$DEFAULT_VALIDATION_RESULT));
+    return {
+        groupProps: (0, $bbaa08b3cd72f041$export$9d1611c77c2fe928)(domProps, groupProps, fieldProps, descProps, focusWithinProps, {
+            role: 'group',
+            'aria-disabled': props.isDisabled || null,
+            'aria-describedby': ariaDescribedBy,
+            onKeyDown (e) {
+                if (state.isOpen) return;
+                if (props.onKeyDown) props.onKeyDown(e);
+            },
+            onKeyUp (e) {
+                if (state.isOpen) return;
+                if (props.onKeyUp) props.onKeyUp(e);
+            }
+        }),
+        labelProps: {
+            ...labelProps,
+            onClick: ()=>{
+                focusManager.focusFirst();
+            }
+        },
+        buttonProps: {
+            ...descProps,
+            id: buttonId,
+            'aria-haspopup': 'dialog',
+            'aria-label': stringFormatter.format('calendar'),
+            'aria-labelledby': `${buttonId} ${labelledBy}`,
+            'aria-describedby': ariaDescribedBy,
+            'aria-expanded': state.isOpen,
+            isDisabled: props.isDisabled || props.isReadOnly,
+            onPress: ()=>state.setOpen(true)
+        },
+        dialogProps: {
+            id: dialogId,
+            'aria-labelledby': `${buttonId} ${labelledBy}`
+        },
+        startFieldProps: {
+            ...startFieldProps,
+            ...commonFieldProps,
+            value: state.value?.start ?? null,
+            defaultValue: state.defaultValue?.start,
+            onChange: (start)=>state.setDateTime('start', start),
+            autoFocus: props.autoFocus,
+            name: props.startName,
+            form: props.form,
+            [(0, $mOyc5$privateValidationStateProp)]: {
+                realtimeValidation: state.realtimeValidation,
+                displayValidation: state.displayValidation,
+                updateValidation (e) {
+                    startFieldValidation.current = e;
+                    state.updateValidation((0, $mOyc5$mergeValidation)(e, endFieldValidation.current));
+                },
+                resetValidation: state.resetValidation,
+                commitValidation: state.commitValidation
+            }
+        },
+        endFieldProps: {
+            ...endFieldProps,
+            ...commonFieldProps,
+            value: state.value?.end ?? null,
+            defaultValue: state.defaultValue?.end,
+            onChange: (end)=>state.setDateTime('end', end),
+            name: props.endName,
+            form: props.form,
+            [(0, $mOyc5$privateValidationStateProp)]: {
+                realtimeValidation: state.realtimeValidation,
+                displayValidation: state.displayValidation,
+                updateValidation (e) {
+                    endFieldValidation.current = e;
+                    state.updateValidation((0, $mOyc5$mergeValidation)(startFieldValidation.current, e));
+                },
+                resetValidation: state.resetValidation,
+                commitValidation: state.commitValidation
+            }
+        },
+        descriptionProps: descriptionProps,
+        errorMessageProps: errorMessageProps,
+        calendarProps: {
+            autoFocus: true,
+            value: state.dateRange?.start && state.dateRange.end ? state.dateRange : null,
+            onChange: state.setDateRange,
+            minValue: props.minValue,
+            maxValue: props.maxValue,
+            isDisabled: props.isDisabled,
+            isReadOnly: props.isReadOnly,
+            isDateUnavailable: props.isDateUnavailable,
+            allowsNonContiguousRanges: props.allowsNonContiguousRanges,
+            defaultFocusedValue: state.dateRange ? undefined : props.placeholderValue,
+            isInvalid: state.isInvalid,
+            errorMessage: typeof props.errorMessage === 'function' ? props.errorMessage(state.displayValidation) : props.errorMessage || state.displayValidation.validationErrors.join(' '),
+            firstDayOfWeek: props.firstDayOfWeek,
+            pageBehavior: props.pageBehavior
+        },
+        isInvalid: isInvalid,
+        validationErrors: validationErrors,
+        validationDetails: validationDetails
+    };
+}
+
+
+export {$cccdba1b2bb08448$export$12fd5f0e9f4bb192 as useDateRangePicker};
+//# sourceMappingURL=useDateRangePicker.mjs.map

package/dist/private/datepicker/useDateRangePicker.mjs.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/react-aria/src/datepicker/useDateRangePicker.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 {AriaButtonProps} from '../button/useButton';\n\nimport {AriaDatePickerProps} from './useDatePicker';\nimport {AriaDialogProps} from '../dialog/useDialog';\nimport {AriaLabelingProps, DOMAttributes, DOMProps, GroupDOMAttributes, InputDOMProps, KeyboardEvent, RefObject, ValidationResult} from '@react-types/shared';\nimport {createFocusManager} from '../focus/FocusScope';\nimport {DateRange, DateRangePickerProps, DateRangePickerState, DateValue} from 'react-stately/useDateRangePickerState';\nimport {DEFAULT_VALIDATION_RESULT, mergeValidation, privateValidationStateProp} from 'react-stately/private/form/useFormValidationState';\nimport {filterDOMProps} from '../utils/filterDOMProps';\nimport {focusManagerSymbol, roleSymbol} from './useDateField';\nimport intlMessages from '../../intl/datepicker/*.json';\nimport {mergeProps} from '../utils/mergeProps';\nimport {nodeContains} from '../utils/shadowdom/DOMFunctions';\nimport {RangeCalendarProps} from 'react-stately/useRangeCalendarState';\nimport {useDatePickerGroup} from './useDatePickerGroup';\n// @ts-ignore\nimport {useDescription} from '../utils/useDescription';\nimport {useField} from '../label/useField';\nimport {useFocusWithin} from '../interactions/useFocusWithin';\nimport {useId} from '../utils/useId';\nimport {useLocale} from '../i18n/I18nProvider';\nimport {useLocalizedStringFormatter} from '../i18n/useLocalizedStringFormatter';\nimport {useMemo, useRef} from 'react';\n\nexport interface AriaDateRangePickerProps<T extends DateValue> extends DateRangePickerProps<T>, AriaLabelingProps, Omit<InputDOMProps, 'name'>, DOMProps {}\n\nexport interface DateRangePickerAria extends ValidationResult {\n  /** Props for the date range picker's visible label element, if any. */\n  labelProps: DOMAttributes,\n  /** Props for the grouping element containing the date fields and button. */\n  groupProps: GroupDOMAttributes,\n  /** Props for the start date field. */\n  startFieldProps: AriaDatePickerProps<DateValue>,\n  /** Props for the end date field. */\n  endFieldProps: AriaDatePickerProps<DateValue>,\n  /** Props for the popover trigger button. */\n  buttonProps: AriaButtonProps,\n  /** Props for the description element, if any. */\n  descriptionProps: DOMAttributes,\n  /** Props for the error message element, if any. */\n  errorMessageProps: DOMAttributes,\n  /** Props for the popover dialog. */\n  dialogProps: AriaDialogProps,\n  /** Props for the range calendar within the popover dialog. */\n  calendarProps: RangeCalendarProps<DateValue>\n}\n\n/**\n * Provides the behavior and accessibility implementation for a date picker component.\n * A date range picker combines two DateFields and a RangeCalendar popover to allow\n * users to enter or select a date and time range.\n */\nexport function useDateRangePicker<T extends DateValue>(props: AriaDateRangePickerProps<T>, state: DateRangePickerState, ref: RefObject<Element | null>): DateRangePickerAria {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/datepicker');\n  let {isInvalid, validationErrors, validationDetails} = state.displayValidation;\n  let {labelProps, fieldProps, descriptionProps, errorMessageProps} = useField({\n    ...props,\n    labelElementType: 'span',\n    isInvalid,\n    errorMessage: props.errorMessage || validationErrors\n  });\n\n  let labelledBy = fieldProps['aria-labelledby'] || fieldProps.id;\n\n  let {locale} = useLocale();\n  let range = state.formatValue(locale, {month: 'long'});\n  let description = range ? stringFormatter.format('selectedRangeDescription', {startDate: range.start, endDate: range.end}) : '';\n  let descProps = useDescription(description);\n\n  let startFieldProps = {\n    'aria-label': stringFormatter.format('startDate'),\n    'aria-labelledby': labelledBy\n  };\n\n  let endFieldProps = {\n    'aria-label': stringFormatter.format('endDate'),\n    'aria-labelledby': labelledBy\n  };\n\n  let buttonId = useId();\n  let dialogId = useId();\n\n  let groupProps = useDatePickerGroup(state, ref);\n\n  let ariaDescribedBy = [descProps['aria-describedby'], fieldProps['aria-describedby']].filter(Boolean).join(' ') || undefined;\n  let focusManager = useMemo(() => createFocusManager(ref, {\n    // Exclude the button from the focus manager.\n    accept: element => element.id !== buttonId\n  }), [ref, buttonId]);\n\n  let commonFieldProps = {\n    [focusManagerSymbol]: focusManager,\n    [roleSymbol]: 'presentation',\n    'aria-describedby': ariaDescribedBy,\n    placeholderValue: props.placeholderValue,\n    hideTimeZone: props.hideTimeZone,\n    hourCycle: props.hourCycle,\n    granularity: props.granularity,\n    shouldForceLeadingZeros: props.shouldForceLeadingZeros,\n    isDisabled: props.isDisabled,\n    isReadOnly: props.isReadOnly,\n    isRequired: props.isRequired,\n    validationBehavior: props.validationBehavior\n  };\n\n  let domProps = filterDOMProps(props);\n\n  let isFocused = useRef(false);\n  let {focusWithinProps} = useFocusWithin({\n    ...props,\n    isDisabled: state.isOpen,\n    onBlurWithin: e => {\n      // Ignore when focus moves into the popover.\n      let dialog = document.getElementById(dialogId);\n      if (!nodeContains(dialog, e.relatedTarget)) {\n        isFocused.current = false;\n        props.onBlur?.(e);\n        props.onFocusChange?.(false);\n      }\n    },\n    onFocusWithin: e => {\n      if (!isFocused.current) {\n        isFocused.current = true;\n        props.onFocus?.(e);\n        props.onFocusChange?.(true);\n      }\n    }\n  });\n\n  let startFieldValidation = useRef(DEFAULT_VALIDATION_RESULT);\n  let endFieldValidation = useRef(DEFAULT_VALIDATION_RESULT);\n\n  return {\n    groupProps: mergeProps(domProps, groupProps, fieldProps, descProps, focusWithinProps, {\n      role: 'group' as const,\n      'aria-disabled': props.isDisabled || null,\n      'aria-describedby': ariaDescribedBy,\n      onKeyDown(e: KeyboardEvent) {\n        if (state.isOpen) {\n          return;\n        }\n\n        if (props.onKeyDown) {\n          props.onKeyDown(e);\n        }\n      },\n      onKeyUp(e: KeyboardEvent) {\n        if (state.isOpen) {\n          return;\n        }\n\n        if (props.onKeyUp) {\n          props.onKeyUp(e);\n        }\n      }\n    }),\n    labelProps: {\n      ...labelProps,\n      onClick: () => {\n        focusManager.focusFirst();\n      }\n    },\n    buttonProps: {\n      ...descProps,\n      id: buttonId,\n      'aria-haspopup': 'dialog',\n      'aria-label': stringFormatter.format('calendar'),\n      'aria-labelledby': `${buttonId} ${labelledBy}`,\n      'aria-describedby': ariaDescribedBy,\n      'aria-expanded': state.isOpen,\n      isDisabled: props.isDisabled || props.isReadOnly,\n      onPress: () => state.setOpen(true)\n    },\n    dialogProps: {\n      id: dialogId,\n      'aria-labelledby': `${buttonId} ${labelledBy}`\n    },\n    startFieldProps: {\n      ...startFieldProps,\n      ...commonFieldProps,\n      value: state.value?.start ?? null,\n      defaultValue: state.defaultValue?.start,\n      onChange: start => state.setDateTime('start', start),\n      autoFocus: props.autoFocus,\n      name: props.startName,\n      form: props.form,\n      [privateValidationStateProp]: {\n        realtimeValidation: state.realtimeValidation,\n        displayValidation: state.displayValidation,\n        updateValidation(e) {\n          startFieldValidation.current = e;\n          state.updateValidation(mergeValidation(e, endFieldValidation.current));\n        },\n        resetValidation: state.resetValidation,\n        commitValidation: state.commitValidation\n      }\n    },\n    endFieldProps: {\n      ...endFieldProps,\n      ...commonFieldProps,\n      value: state.value?.end ?? null,\n      defaultValue: state.defaultValue?.end,\n      onChange: end => state.setDateTime('end', end),\n      name: props.endName,\n      form: props.form,\n      [privateValidationStateProp]: {\n        realtimeValidation: state.realtimeValidation,\n        displayValidation: state.displayValidation,\n        updateValidation(e) {\n          endFieldValidation.current = e;\n          state.updateValidation(mergeValidation(startFieldValidation.current, e));\n        },\n        resetValidation: state.resetValidation,\n        commitValidation: state.commitValidation\n      }\n    },\n    descriptionProps,\n    errorMessageProps,\n    calendarProps: {\n      autoFocus: true,\n      value: state.dateRange?.start && state.dateRange.end ? state.dateRange as DateRange : null,\n      onChange: state.setDateRange,\n      minValue: props.minValue,\n      maxValue: props.maxValue,\n      isDisabled: props.isDisabled,\n      isReadOnly: props.isReadOnly,\n      isDateUnavailable: props.isDateUnavailable,\n      allowsNonContiguousRanges: props.allowsNonContiguousRanges,\n      defaultFocusedValue: state.dateRange ? undefined : props.placeholderValue,\n      isInvalid: state.isInvalid,\n      errorMessage: typeof props.errorMessage === 'function' ? props.errorMessage(state.displayValidation) : (props.errorMessage || state.displayValidation.validationErrors.join(' ')),\n      firstDayOfWeek: props.firstDayOfWeek,\n      pageBehavior: props.pageBehavior\n    },\n    isInvalid,\n    validationErrors,\n    validationDetails\n  };\n}\n"],"names":[],"version":3,"file":"useDateRangePicker.mjs.map"}

package/dist/private/datepicker/useDateSegment.cjs

@@ -0,0 +1,389 @@
+var $da02ee888921bc9e$exports = require("../utils/shadowdom/DOMFunctions.cjs");
+var $d865e4ff74ef4a73$exports = require("../utils/getScrollParent.cjs");
+var $f6a0574fa98a3f25$exports = require("./useDateField.cjs");
+var $d0b4a781cf26e80b$exports = require("../utils/platform.cjs");
+var $89b39774f3b79dbb$exports = require("../utils/mergeProps.cjs");
+var $9a1324d6ffd8bbb0$exports = require("../utils/scrollIntoView.cjs");
+var $b8ffb0adc97ab95f$exports = require("../i18n/useDateFormatter.cjs");
+var $8c5a06cee2b48b29$exports = require("./useDisplayNames.cjs");
+var $6e76e65001bbcda2$exports = require("../utils/useEvent.cjs");
+var $c4ede287f8af6ae2$exports = require("../i18n/useFilter.cjs");
+var $7ac82d1fee77eb8a$exports = require("../utils/useId.cjs");
+var $3f0180db35edfbf7$exports = require("../utils/useLabels.cjs");
+var $429333cab433657c$exports = require("../utils/useLayoutEffect.cjs");
+var $2522e612fa919664$exports = require("../i18n/I18nProvider.cjs");
+var $fcf004be7e8533a5$exports = require("../spinbutton/useSpinButton.cjs");
+var $5hSAi$internationalizeddate = require("@internationalized/date");
+var $5hSAi$internationalizednumber = require("@internationalized/number");
+var $5hSAi$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, "useDateSegment", function () { return $76567d92a57bde85$export$1315d136e6f7581; });
+/*
+ * 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 $76567d92a57bde85$export$1315d136e6f7581(segment, state, ref) {
+    let enteredKeys = (0, $5hSAi$react.useRef)('');
+    let { locale: locale, direction: direction } = (0, $2522e612fa919664$exports.useLocale)();
+    let displayNames = (0, $8c5a06cee2b48b29$exports.useDisplayNames)();
+    let { ariaLabel: ariaLabel, ariaLabelledBy: ariaLabelledBy, ariaDescribedBy: ariaDescribedBy, focusManager: focusManager } = (0, $f6a0574fa98a3f25$exports.hookData).get(state);
+    let textValue = segment.isPlaceholder ? '' : segment.text;
+    let options = (0, $5hSAi$react.useMemo)(()=>state.dateFormatter.resolvedOptions(), [
+        state.dateFormatter
+    ]);
+    let monthDateFormatter = (0, $b8ffb0adc97ab95f$exports.useDateFormatter)({
+        month: 'long',
+        timeZone: options.timeZone
+    });
+    let hourDateFormatter = (0, $b8ffb0adc97ab95f$exports.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, $fcf004be7e8533a5$exports.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 ?? undefined,
+        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.incrementToMax(segment.type);
+        },
+        onDecrementToMin: ()=>{
+            enteredKeys.current = '';
+            state.decrementToMin(segment.type);
+        }
+    });
+    let parser = (0, $5hSAi$react.useMemo)(()=>new (0, $5hSAi$internationalizednumber.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' || segment.type === 'era') 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, $d0b4a781cf26e80b$exports.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, $c4ede287f8af6ae2$exports.useFilter)({
+        sensitivity: 'base'
+    });
+    let amPmFormatter = (0, $b8ffb0adc97ab95f$exports.useDateFormatter)({
+        hour: 'numeric',
+        hour12: true
+    });
+    let am = (0, $5hSAi$react.useMemo)(()=>{
+        let date = new Date();
+        date.setHours(0);
+        return amPmFormatter.formatToParts(date).find((part)=>part.type === 'dayPeriod').value;
+    }, [
+        amPmFormatter
+    ]);
+    let pm = (0, $5hSAi$react.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, $b8ffb0adc97ab95f$exports.useDateFormatter)({
+        year: 'numeric',
+        era: 'narrow',
+        timeZone: 'UTC'
+    });
+    let eras = (0, $5hSAi$react.useMemo)(()=>{
+        if (segment.type !== 'era') return [];
+        let date = (0, $5hSAi$internationalizeddate.toCalendar)(new (0, $5hSAi$internationalizeddate.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 = $76567d92a57bde85$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', 1);
+                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;
+                    if (segment.maxValue !== undefined && numberValue > segment.maxValue) segmentValue = parser.parse(key);
+                    if (isNaN(numberValue)) return;
+                    state.setSegment(segment.type, segmentValue);
+                    if (segment.maxValue !== undefined && (Number(numberValue + '0') > segment.maxValue || newValue.length >= String(segment.maxValue).length)) {
+                        enteredKeys.current = '';
+                        focusManager.focusNext();
+                    } else enteredKeys.current = newValue;
+                    break;
+                }
+        }
+    };
+    let onFocus = ()=>{
+        enteredKeys.current = '';
+        if (ref.current) (0, $9a1324d6ffd8bbb0$exports.scrollIntoViewport)(ref.current, {
+            containingElement: (0, $d865e4ff74ef4a73$exports.getScrollParent)(ref.current)
+        });
+        // Collapse selection to start or Chrome won't fire input events.
+        let selection = window.getSelection();
+        selection?.collapse(ref.current);
+    };
+    let documentRef = (0, $5hSAi$react.useRef)(typeof document !== 'undefined' ? document : null);
+    (0, $6e76e65001bbcda2$exports.useEvent)(documentRef, 'selectionchange', ()=>{
+        // Enforce that the selection is collapsed when inside a date segment.
+        // Otherwise, when tapping on a segment in Android Chrome and then entering text,
+        // composition events will be fired that break the DOM structure and crash the page.
+        let selection = window.getSelection();
+        if (selection?.anchorNode && (0, $da02ee888921bc9e$exports.nodeContains)(ref.current, selection?.anchorNode)) selection.collapse(ref.current);
+    });
+    let compositionRef = (0, $5hSAi$react.useRef)('');
+    (0, $6e76e65001bbcda2$exports.useEvent)(ref, 'beforeinput', (e)=>{
+        if (!ref.current) return;
+        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, $6e76e65001bbcda2$exports.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.
+                if (ref.current) 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 (data != null && (startsWith(am, data) || startsWith(pm, data))) onInput(data);
+                break;
+        }
+    });
+    (0, $429333cab433657c$exports.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 ((0, $da02ee888921bc9e$exports.getActiveElement)() === element) {
+                let prev = focusManager.focusPrevious();
+                if (!prev) focusManager.focusNext();
+            }
+        };
+    }, [
+        ref,
+        focusManager
+    ]);
+    // spinbuttons cannot be focused with VoiceOver on iOS.
+    let touchPropOverrides = (0, $d0b4a781cf26e80b$exports.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, $5hSAi$react.useMemo)(()=>state.segments.find((s)=>s.isEditable), [
+        state.segments
+    ]);
+    if (segment !== firstSegment && !state.isInvalid) ariaDescribedBy = undefined;
+    let id = (0, $7ac82d1fee77eb8a$exports.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, $3f0180db35edfbf7$exports.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
+        }
+    };
+    let segmentStyle = {
+        caretColor: 'transparent'
+    };
+    if (direction === 'rtl') {
+        // While the bidirectional algorithm seems to work properly on inline elements with actual values, it returns different results for placeholder strings. 
+        // To ensure placeholder render in correct format, we apply the CSS equivalent of LRE (left-to-right embedding). See https://www.unicode.org/reports/tr9/#Explicit_Directional_Embeddings.
+        // However, we apply this to both placeholders and date segments with an actual value because the date segments will shift around when deleting otherwise. 
+        segmentStyle.unicodeBidi = 'embed';
+        let format = options[segment.type];
+        if (format === 'numeric' || format === '2-digit') segmentStyle.direction = 'ltr';
+    }
+    return {
+        segmentProps: (0, $89b39774f3b79dbb$exports.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,
+            autoCorrect: isEditable ? 'off' : undefined,
+            // Capitalization was changed in React 17...
+            [parseInt((0, ($parcel$interopDefault($5hSAi$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: segmentStyle,
+            // Prevent pointer events from reaching useDatePickerGroup, and allow native browser behavior to focus the segment.
+            onPointerDown (e) {
+                e.stopPropagation();
+            },
+            onMouseDown (e) {
+                e.stopPropagation();
+            }
+        })
+    };
+}
+function $76567d92a57bde85$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;
+}
+
+
+//# sourceMappingURL=useDateSegment.cjs.map