@react-aria/datepicker 3.16.0 → 3.17.0

package/dist/useDateRangePicker.main.js

@@ -1,224 +0,0 @@
-var $4acc2f407c169e55$exports = require("./useDateField.main.js");
-var $c1905b78f6d2f5bf$exports = require("./intlStrings.main.js");
-var $715562ad3b4cced4$exports = require("./useDatePickerGroup.main.js");
-var $Xt1Bd$reactariafocus = require("@react-aria/focus");
-var $Xt1Bd$reactstatelyform = require("@react-stately/form");
-var $Xt1Bd$reactariautils = require("@react-aria/utils");
-var $Xt1Bd$reactarialabel = require("@react-aria/label");
-var $Xt1Bd$reactariainteractions = require("@react-aria/interactions");
-var $Xt1Bd$reactariai18n = require("@react-aria/i18n");
-var $Xt1Bd$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, "useDateRangePicker", () => $20f695b1b69e6b9e$export$12fd5f0e9f4bb192);
-/*
- * 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 $20f695b1b69e6b9e$export$12fd5f0e9f4bb192(props, state, ref) {
-    var _state_value, _state_defaultValue, _state_value1, _state_defaultValue1, _state_dateRange;
-    let stringFormatter = (0, $Xt1Bd$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($c1905b78f6d2f5bf$exports))), '@react-aria/datepicker');
-    let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = state.displayValidation;
-    let { labelProps: labelProps, fieldProps: fieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $Xt1Bd$reactarialabel.useField)({
-        ...props,
-        labelElementType: 'span',
-        isInvalid: isInvalid,
-        errorMessage: props.errorMessage || validationErrors
-    });
-    let labelledBy = fieldProps['aria-labelledby'] || fieldProps.id;
-    let { locale: locale } = (0, $Xt1Bd$reactariai18n.useLocale)();
-    let range = state.formatValue(locale, {
-        month: 'long'
-    });
-    let description = range ? stringFormatter.format('selectedRangeDescription', {
-        startDate: range.start,
-        endDate: range.end
-    }) : '';
-    let descProps = (0, $Xt1Bd$reactariautils.useDescription)(description);
-    let startFieldProps = {
-        'aria-label': stringFormatter.format('startDate'),
-        'aria-labelledby': labelledBy
-    };
-    let endFieldProps = {
-        'aria-label': stringFormatter.format('endDate'),
-        'aria-labelledby': labelledBy
-    };
-    let buttonId = (0, $Xt1Bd$reactariautils.useId)();
-    let dialogId = (0, $Xt1Bd$reactariautils.useId)();
-    let groupProps = (0, $715562ad3b4cced4$exports.useDatePickerGroup)(state, ref);
-    let ariaDescribedBy = [
-        descProps['aria-describedby'],
-        fieldProps['aria-describedby']
-    ].filter(Boolean).join(' ') || undefined;
-    let focusManager = (0, $Xt1Bd$react.useMemo)(()=>(0, $Xt1Bd$reactariafocus.createFocusManager)(ref, {
-            // Exclude the button from the focus manager.
-            accept: (element)=>element.id !== buttonId
-        }), [
-        ref,
-        buttonId
-    ]);
-    let commonFieldProps = {
-        [(0, $4acc2f407c169e55$exports.focusManagerSymbol)]: focusManager,
-        [(0, $4acc2f407c169e55$exports.roleSymbol)]: '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, $Xt1Bd$reactariautils.filterDOMProps)(props);
-    let isFocused = (0, $Xt1Bd$react.useRef)(false);
-    let { focusWithinProps: focusWithinProps } = (0, $Xt1Bd$reactariainteractions.useFocusWithin)({
-        ...props,
-        isDisabled: state.isOpen,
-        onBlurWithin: (e)=>{
-            // Ignore when focus moves into the popover.
-            let dialog = document.getElementById(dialogId);
-            if (!(0, $Xt1Bd$reactariautils.nodeContains)(dialog, e.relatedTarget)) {
-                var _props_onBlur, _props_onFocusChange;
-                isFocused.current = false;
-                (_props_onBlur = props.onBlur) === null || _props_onBlur === void 0 ? void 0 : _props_onBlur.call(props, e);
-                (_props_onFocusChange = props.onFocusChange) === null || _props_onFocusChange === void 0 ? void 0 : _props_onFocusChange.call(props, false);
-            }
-        },
-        onFocusWithin: (e)=>{
-            if (!isFocused.current) {
-                var _props_onFocus, _props_onFocusChange;
-                isFocused.current = true;
-                (_props_onFocus = props.onFocus) === null || _props_onFocus === void 0 ? void 0 : _props_onFocus.call(props, e);
-                (_props_onFocusChange = props.onFocusChange) === null || _props_onFocusChange === void 0 ? void 0 : _props_onFocusChange.call(props, true);
-            }
-        }
-    });
-    let startFieldValidation = (0, $Xt1Bd$react.useRef)((0, $Xt1Bd$reactstatelyform.DEFAULT_VALIDATION_RESULT));
-    let endFieldValidation = (0, $Xt1Bd$react.useRef)((0, $Xt1Bd$reactstatelyform.DEFAULT_VALIDATION_RESULT));
-    var _state_value_start, _state_value_end;
-    return {
-        groupProps: (0, $Xt1Bd$reactariautils.mergeProps)(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 = (_state_value = state.value) === null || _state_value === void 0 ? void 0 : _state_value.start) !== null && _state_value_start !== void 0 ? _state_value_start : null,
-            defaultValue: (_state_defaultValue = state.defaultValue) === null || _state_defaultValue === void 0 ? void 0 : _state_defaultValue.start,
-            onChange: (start)=>state.setDateTime('start', start),
-            autoFocus: props.autoFocus,
-            name: props.startName,
-            form: props.form,
-            [(0, $Xt1Bd$reactstatelyform.privateValidationStateProp)]: {
-                realtimeValidation: state.realtimeValidation,
-                displayValidation: state.displayValidation,
-                updateValidation (e) {
-                    startFieldValidation.current = e;
-                    state.updateValidation((0, $Xt1Bd$reactstatelyform.mergeValidation)(e, endFieldValidation.current));
-                },
-                resetValidation: state.resetValidation,
-                commitValidation: state.commitValidation
-            }
-        },
-        endFieldProps: {
-            ...endFieldProps,
-            ...commonFieldProps,
-            value: (_state_value_end = (_state_value1 = state.value) === null || _state_value1 === void 0 ? void 0 : _state_value1.end) !== null && _state_value_end !== void 0 ? _state_value_end : null,
-            defaultValue: (_state_defaultValue1 = state.defaultValue) === null || _state_defaultValue1 === void 0 ? void 0 : _state_defaultValue1.end,
-            onChange: (end)=>state.setDateTime('end', end),
-            name: props.endName,
-            form: props.form,
-            [(0, $Xt1Bd$reactstatelyform.privateValidationStateProp)]: {
-                realtimeValidation: state.realtimeValidation,
-                displayValidation: state.displayValidation,
-                updateValidation (e) {
-                    endFieldValidation.current = e;
-                    state.updateValidation((0, $Xt1Bd$reactstatelyform.mergeValidation)(startFieldValidation.current, e));
-                },
-                resetValidation: state.resetValidation,
-                commitValidation: state.commitValidation
-            }
-        },
-        descriptionProps: descriptionProps,
-        errorMessageProps: errorMessageProps,
-        calendarProps: {
-            autoFocus: true,
-            value: ((_state_dateRange = state.dateRange) === null || _state_dateRange === void 0 ? void 0 : _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
-    };
-}
-
-
-//# sourceMappingURL=useDateRangePicker.main.js.map

package/dist/useDateRangePicker.main.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/@react-aria/datepicker/src/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 '@react-types/button';\nimport {AriaDatePickerProps, AriaDateRangePickerProps, DateValue} from '@react-types/datepicker';\nimport {AriaDialogProps} from '@react-types/dialog';\nimport {createFocusManager} from '@react-aria/focus';\nimport {DateRange, RangeCalendarProps} from '@react-types/calendar';\nimport {DateRangePickerState} from '@react-stately/datepicker';\nimport {DEFAULT_VALIDATION_RESULT, mergeValidation, privateValidationStateProp} from '@react-stately/form';\nimport {DOMAttributes, GroupDOMAttributes, KeyboardEvent, RefObject, ValidationResult} from '@react-types/shared';\nimport {filterDOMProps, mergeProps, nodeContains, useDescription, useId} from '@react-aria/utils';\nimport {focusManagerSymbol, roleSymbol} from './useDateField';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {useDatePickerGroup} from './useDatePickerGroup';\nimport {useField} from '@react-aria/label';\nimport {useFocusWithin} from '@react-aria/interactions';\nimport {useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useMemo, useRef} from 'react';\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.main.js.map"}

package/dist/useDateRangePicker.mjs

@@ -1,219 +0,0 @@
-import {focusManagerSymbol as $16f0b7bb276bc17e$export$7b3062cd49e80452, roleSymbol as $16f0b7bb276bc17e$export$300019f83c56d282} from "./useDateField.mjs";
-import $eIQ1H$intlStringsmodulejs from "./intlStrings.mjs";
-import {useDatePickerGroup as $3dfb0f96be0d6a08$export$4a931266a3838b86} from "./useDatePickerGroup.mjs";
-import {createFocusManager as $eIQ1H$createFocusManager} from "@react-aria/focus";
-import {DEFAULT_VALIDATION_RESULT as $eIQ1H$DEFAULT_VALIDATION_RESULT, privateValidationStateProp as $eIQ1H$privateValidationStateProp, mergeValidation as $eIQ1H$mergeValidation} from "@react-stately/form";
-import {useDescription as $eIQ1H$useDescription, useId as $eIQ1H$useId, filterDOMProps as $eIQ1H$filterDOMProps, nodeContains as $eIQ1H$nodeContains, mergeProps as $eIQ1H$mergeProps} from "@react-aria/utils";
-import {useField as $eIQ1H$useField} from "@react-aria/label";
-import {useFocusWithin as $eIQ1H$useFocusWithin} from "@react-aria/interactions";
-import {useLocalizedStringFormatter as $eIQ1H$useLocalizedStringFormatter, useLocale as $eIQ1H$useLocale} from "@react-aria/i18n";
-import {useMemo as $eIQ1H$useMemo, useRef as $eIQ1H$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 $887cac91b7cc8801$export$12fd5f0e9f4bb192(props, state, ref) {
-    var _state_value, _state_defaultValue, _state_value1, _state_defaultValue1, _state_dateRange;
-    let stringFormatter = (0, $eIQ1H$useLocalizedStringFormatter)((0, ($parcel$interopDefault($eIQ1H$intlStringsmodulejs))), '@react-aria/datepicker');
-    let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = state.displayValidation;
-    let { labelProps: labelProps, fieldProps: fieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $eIQ1H$useField)({
-        ...props,
-        labelElementType: 'span',
-        isInvalid: isInvalid,
-        errorMessage: props.errorMessage || validationErrors
-    });
-    let labelledBy = fieldProps['aria-labelledby'] || fieldProps.id;
-    let { locale: locale } = (0, $eIQ1H$useLocale)();
-    let range = state.formatValue(locale, {
-        month: 'long'
-    });
-    let description = range ? stringFormatter.format('selectedRangeDescription', {
-        startDate: range.start,
-        endDate: range.end
-    }) : '';
-    let descProps = (0, $eIQ1H$useDescription)(description);
-    let startFieldProps = {
-        'aria-label': stringFormatter.format('startDate'),
-        'aria-labelledby': labelledBy
-    };
-    let endFieldProps = {
-        'aria-label': stringFormatter.format('endDate'),
-        'aria-labelledby': labelledBy
-    };
-    let buttonId = (0, $eIQ1H$useId)();
-    let dialogId = (0, $eIQ1H$useId)();
-    let groupProps = (0, $3dfb0f96be0d6a08$export$4a931266a3838b86)(state, ref);
-    let ariaDescribedBy = [
-        descProps['aria-describedby'],
-        fieldProps['aria-describedby']
-    ].filter(Boolean).join(' ') || undefined;
-    let focusManager = (0, $eIQ1H$useMemo)(()=>(0, $eIQ1H$createFocusManager)(ref, {
-            // Exclude the button from the focus manager.
-            accept: (element)=>element.id !== buttonId
-        }), [
-        ref,
-        buttonId
-    ]);
-    let commonFieldProps = {
-        [(0, $16f0b7bb276bc17e$export$7b3062cd49e80452)]: focusManager,
-        [(0, $16f0b7bb276bc17e$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, $eIQ1H$filterDOMProps)(props);
-    let isFocused = (0, $eIQ1H$useRef)(false);
-    let { focusWithinProps: focusWithinProps } = (0, $eIQ1H$useFocusWithin)({
-        ...props,
-        isDisabled: state.isOpen,
-        onBlurWithin: (e)=>{
-            // Ignore when focus moves into the popover.
-            let dialog = document.getElementById(dialogId);
-            if (!(0, $eIQ1H$nodeContains)(dialog, e.relatedTarget)) {
-                var _props_onBlur, _props_onFocusChange;
-                isFocused.current = false;
-                (_props_onBlur = props.onBlur) === null || _props_onBlur === void 0 ? void 0 : _props_onBlur.call(props, e);
-                (_props_onFocusChange = props.onFocusChange) === null || _props_onFocusChange === void 0 ? void 0 : _props_onFocusChange.call(props, false);
-            }
-        },
-        onFocusWithin: (e)=>{
-            if (!isFocused.current) {
-                var _props_onFocus, _props_onFocusChange;
-                isFocused.current = true;
-                (_props_onFocus = props.onFocus) === null || _props_onFocus === void 0 ? void 0 : _props_onFocus.call(props, e);
-                (_props_onFocusChange = props.onFocusChange) === null || _props_onFocusChange === void 0 ? void 0 : _props_onFocusChange.call(props, true);
-            }
-        }
-    });
-    let startFieldValidation = (0, $eIQ1H$useRef)((0, $eIQ1H$DEFAULT_VALIDATION_RESULT));
-    let endFieldValidation = (0, $eIQ1H$useRef)((0, $eIQ1H$DEFAULT_VALIDATION_RESULT));
-    var _state_value_start, _state_value_end;
-    return {
-        groupProps: (0, $eIQ1H$mergeProps)(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 = (_state_value = state.value) === null || _state_value === void 0 ? void 0 : _state_value.start) !== null && _state_value_start !== void 0 ? _state_value_start : null,
-            defaultValue: (_state_defaultValue = state.defaultValue) === null || _state_defaultValue === void 0 ? void 0 : _state_defaultValue.start,
-            onChange: (start)=>state.setDateTime('start', start),
-            autoFocus: props.autoFocus,
-            name: props.startName,
-            form: props.form,
-            [(0, $eIQ1H$privateValidationStateProp)]: {
-                realtimeValidation: state.realtimeValidation,
-                displayValidation: state.displayValidation,
-                updateValidation (e) {
-                    startFieldValidation.current = e;
-                    state.updateValidation((0, $eIQ1H$mergeValidation)(e, endFieldValidation.current));
-                },
-                resetValidation: state.resetValidation,
-                commitValidation: state.commitValidation
-            }
-        },
-        endFieldProps: {
-            ...endFieldProps,
-            ...commonFieldProps,
-            value: (_state_value_end = (_state_value1 = state.value) === null || _state_value1 === void 0 ? void 0 : _state_value1.end) !== null && _state_value_end !== void 0 ? _state_value_end : null,
-            defaultValue: (_state_defaultValue1 = state.defaultValue) === null || _state_defaultValue1 === void 0 ? void 0 : _state_defaultValue1.end,
-            onChange: (end)=>state.setDateTime('end', end),
-            name: props.endName,
-            form: props.form,
-            [(0, $eIQ1H$privateValidationStateProp)]: {
-                realtimeValidation: state.realtimeValidation,
-                displayValidation: state.displayValidation,
-                updateValidation (e) {
-                    endFieldValidation.current = e;
-                    state.updateValidation((0, $eIQ1H$mergeValidation)(startFieldValidation.current, e));
-                },
-                resetValidation: state.resetValidation,
-                commitValidation: state.commitValidation
-            }
-        },
-        descriptionProps: descriptionProps,
-        errorMessageProps: errorMessageProps,
-        calendarProps: {
-            autoFocus: true,
-            value: ((_state_dateRange = state.dateRange) === null || _state_dateRange === void 0 ? void 0 : _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 {$887cac91b7cc8801$export$12fd5f0e9f4bb192 as useDateRangePicker};
-//# sourceMappingURL=useDateRangePicker.module.js.map