@react-aria/datepicker 3.0.0-nightly.3142 → 3.0.0-nightly.3167

package/dist/module.js

@@ -1,10 +1,10 @@
-import {createFocusManager as $cIPI0$createFocusManager, useFocusManager as $cIPI0$useFocusManager} from "@react-aria/focus";
+import {createFocusManager as $cIPI0$createFocusManager, getFocusableTreeWalker as $cIPI0$getFocusableTreeWalker} from "@react-aria/focus";
 import {useId as $cIPI0$useId, useDescription as $cIPI0$useDescription, mergeProps as $cIPI0$mergeProps, isMac as $cIPI0$isMac, scrollIntoView as $cIPI0$scrollIntoView, getScrollParent as $cIPI0$getScrollParent, useEvent as $cIPI0$useEvent, isIOS as $cIPI0$isIOS, useLabels as $cIPI0$useLabels} from "@react-aria/utils";
 import {useField as $cIPI0$useField} from "@react-aria/label";
 import {useMessageFormatter as $cIPI0$useMessageFormatter, useLocale as $cIPI0$useLocale, useDateFormatter as $cIPI0$useDateFormatter, useFilter as $cIPI0$useFilter} from "@react-aria/i18n";
 import {usePress as $cIPI0$usePress, useFocusWithin as $cIPI0$useFocusWithin} from "@react-aria/interactions";
 import {NumberParser as $cIPI0$NumberParser} from "@internationalized/number";
-import $cIPI0$react, {useRef as $cIPI0$useRef, useMemo as $cIPI0$useMemo} from "react";
+import $cIPI0$react, {useRef as $cIPI0$useRef, useMemo as $cIPI0$useMemo, useEffect as $cIPI0$useEffect} from "react";
 import {useSpinButton as $cIPI0$useSpinButton} from "@react-aria/spinbutton";
 import {MessageDictionary as $cIPI0$MessageDictionary} from "@internationalized/message";
 
@@ -14,9 +14,6 @@ function $parcel$interopDefault(a) {
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
-var $6057a3d2a53a12fd$exports = {};
-
-$parcel$export($6057a3d2a53a12fd$exports, "useDatePicker", () => $6057a3d2a53a12fd$export$42df105a73306d51);
 
 var $204383cf4f6b0d06$exports = {};
 var $f23889fffbde9058$exports = {};
@@ -196,7 +193,8 @@ $204383cf4f6b0d06$exports = {
 
 
 
-function $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref) {
+
+function $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref1) {
     // Open the popover on alt + arrow down
     let onKeyDown = (e)=>{
         if (e.altKey && e.key === 'ArrowDown' && 'setOpen' in state) {
@@ -207,12 +205,31 @@ function $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref) {
     };
     // Focus the first placeholder segment from the end on mouse down/touch up in the field.
     let focusLast = ()=>{
-        let elements = ref.current.querySelectorAll('[tabindex="0"]');
-        let index = elements.length - 1;
-        while(index >= 0 && elements[index].getAttribute('aria-placeholder'))index--;
-        index = Math.min(index + 1, elements.length - 1);
-        let element = elements[index];
-        if (element) element.focus();
+        var ref;
+        // Try to find the segment prior to the element that was clicked on.
+        let target = (ref = window.event) === null || ref === void 0 ? void 0 : ref.target;
+        let walker = $cIPI0$getFocusableTreeWalker(ref1.current, {
+            tabbable: true
+        });
+        if (target) {
+            walker.currentNode = target;
+            target = walker.previousNode();
+        }
+        // If no target found, find the last element from the end.
+        if (!target) {
+            let last;
+            do {
+                last = walker.lastChild();
+                if (last) target = last;
+            }while (last)
+        }
+        // Now go backwards until we find an element that is not a placeholder.
+        while(target === null || target === void 0 ? void 0 : target.getAttribute('aria-placeholder')){
+            let prev = walker.previousNode();
+            if (prev && prev.getAttribute('aria-placeholder')) target = prev;
+            else break;
+        }
+        if (target) target.focus();
     };
     let { pressProps: pressProps  } = $cIPI0$usePress({
         onPressStart (e) {
@@ -262,7 +279,22 @@ function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
                 focusManager.focusFirst();
             }
         },
-        fieldProps: fieldProps,
+        fieldProps: {
+            ...fieldProps,
+            value: state.value,
+            onChange: state.setValue,
+            minValue: props.minValue,
+            maxValue: props.maxValue,
+            placeholderValue: props.placeholderValue,
+            hideTimeZone: props.hideTimeZone,
+            hourCycle: props.hourCycle,
+            granularity: props.granularity,
+            isDisabled: props.isDisabled,
+            isReadOnly: props.isReadOnly,
+            isRequired: props.isRequired,
+            validationState: state.validationState,
+            autoFocus: props.autoFocus
+        },
         descriptionProps: descriptionProps,
         errorMessageProps: errorMessageProps,
         buttonProps: {
@@ -272,31 +304,155 @@ function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
             'aria-haspopup': 'dialog',
             'aria-label': formatMessage('calendar'),
             'aria-labelledby': `${labelledBy} ${buttonId}`,
-            'aria-describedby': ariaDescribedBy
+            'aria-describedby': ariaDescribedBy,
+            onPress: ()=>state.setOpen(true)
         },
         dialogProps: {
             id: dialogId,
             'aria-labelledby': `${labelledBy} ${buttonId}`
+        },
+        calendarProps: {
+            autoFocus: true,
+            value: state.dateValue,
+            onChange: state.setDateValue,
+            minValue: props.minValue,
+            maxValue: props.maxValue,
+            isDisabled: props.isDisabled,
+            isReadOnly: props.isReadOnly,
+            isDateDisabled: props.isDateDisabled,
+            defaultFocusedValue: state.dateValue ? undefined : props.placeholderValue
         }
     };
 }
 
 
-var $32489daedd52963e$exports = {};
 
-$parcel$export($32489daedd52963e$exports, "useDateSegment", () => $32489daedd52963e$export$1315d136e6f7581);
 
-var $16f0b7bb276bc17e$exports = {};
 
-$parcel$export($16f0b7bb276bc17e$exports, "labelIds", () => $16f0b7bb276bc17e$export$beb2340c1222c6d);
-$parcel$export($16f0b7bb276bc17e$exports, "useDateField", () => $16f0b7bb276bc17e$export$5591b0b878c1a989);
 
 
 
 
 
 
-const $16f0b7bb276bc17e$export$beb2340c1222c6d = new WeakMap();
+
+const $887cac91b7cc8801$export$7b3062cd49e80452 = '__focusManager_' + Date.now();
+function $887cac91b7cc8801$export$12fd5f0e9f4bb192(props, state, ref) {
+    var ref1, ref2;
+    let formatMessage = $cIPI0$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($204383cf4f6b0d06$exports)));
+    let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = $cIPI0$useField({
+        ...props,
+        labelElementType: 'span'
+    });
+    let labelledBy = fieldProps['aria-labelledby'] || fieldProps.id;
+    let { locale: locale  } = $cIPI0$useLocale();
+    let description = state.formatValue(locale, {
+        month: 'long'
+    });
+    let descProps = $cIPI0$useDescription(description);
+    let startFieldProps = $cIPI0$useLabels({
+        'aria-label': formatMessage('startDate'),
+        'aria-labelledby': labelledBy
+    });
+    let endFieldProps = $cIPI0$useLabels({
+        'aria-label': formatMessage('endDate'),
+        'aria-labelledby': labelledBy
+    });
+    let buttonId = $cIPI0$useId();
+    let dialogId = $cIPI0$useId();
+    let groupProps = $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref);
+    let { focusWithinProps: focusWithinProps  } = $cIPI0$useFocusWithin({
+        onBlurWithin () {
+            state.confirmPlaceholder();
+        }
+    });
+    let ariaDescribedBy = [
+        descProps['aria-describedby'],
+        fieldProps['aria-describedby']
+    ].filter(Boolean).join(' ') || undefined;
+    let focusManager = $cIPI0$useMemo(()=>$cIPI0$createFocusManager(ref)
+    , [
+        ref
+    ]);
+    let commonFieldProps = {
+        [$887cac91b7cc8801$export$7b3062cd49e80452]: focusManager,
+        minValue: props.minValue,
+        maxValue: props.maxValue,
+        placeholderValue: props.placeholderValue,
+        hideTimeZone: props.hideTimeZone,
+        hourCycle: props.hourCycle,
+        granularity: props.granularity,
+        isDisabled: props.isDisabled,
+        isReadOnly: props.isReadOnly,
+        isRequired: props.isRequired,
+        validationState: state.validationState
+    };
+    return {
+        groupProps: $cIPI0$mergeProps(groupProps, fieldProps, descProps, focusWithinProps, {
+            role: 'group',
+            'aria-disabled': props.isDisabled || null,
+            'aria-describedby': ariaDescribedBy
+        }),
+        labelProps: {
+            ...labelProps,
+            onClick: ()=>{
+                focusManager.focusFirst();
+            }
+        },
+        buttonProps: {
+            ...descProps,
+            id: buttonId,
+            excludeFromTabOrder: true,
+            'aria-haspopup': 'dialog',
+            'aria-label': formatMessage('calendar'),
+            'aria-labelledby': `${labelledBy} ${buttonId}`,
+            'aria-describedby': ariaDescribedBy,
+            onPress: ()=>state.setOpen(true)
+        },
+        dialogProps: {
+            id: dialogId,
+            'aria-labelledby': `${labelledBy} ${buttonId}`
+        },
+        startFieldProps: {
+            ...startFieldProps,
+            ...commonFieldProps,
+            'aria-describedby': fieldProps['aria-describedby'],
+            value: (ref1 = state.value) === null || ref1 === void 0 ? void 0 : ref1.start,
+            onChange: (start)=>state.setDateTime('start', start)
+            ,
+            autoFocus: props.autoFocus
+        },
+        endFieldProps: {
+            ...endFieldProps,
+            ...commonFieldProps,
+            'aria-describedby': fieldProps['aria-describedby'],
+            value: (ref2 = state.value) === null || ref2 === void 0 ? void 0 : ref2.end,
+            onChange: (end)=>state.setDateTime('end', end)
+        },
+        descriptionProps: descriptionProps,
+        errorMessageProps: errorMessageProps,
+        calendarProps: {
+            autoFocus: true,
+            value: state.dateRange,
+            onChange: state.setDateRange,
+            minValue: props.minValue,
+            maxValue: props.maxValue,
+            isDisabled: props.isDisabled,
+            isReadOnly: props.isReadOnly,
+            isDateDisabled: props.isDateDisabled,
+            defaultFocusedValue: state.dateRange ? undefined : props.placeholderValue
+        }
+    };
+}
+
+
+
+
+
+
+
+
+const $16f0b7bb276bc17e$export$653eddfc964b0f8a = new WeakMap();
 function $16f0b7bb276bc17e$export$5591b0b878c1a989(props, state, ref) {
     let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = $cIPI0$useField({
         ...props,
@@ -317,15 +473,28 @@ function $16f0b7bb276bc17e$export$5591b0b878c1a989(props, state, ref) {
         descProps['aria-describedby'],
         fieldProps['aria-describedby']
     ].filter(Boolean).join(' ') || undefined;
-    $16f0b7bb276bc17e$export$beb2340c1222c6d.set(state, {
+    let propsFocusManager = props[$887cac91b7cc8801$export$7b3062cd49e80452];
+    let focusManager = $cIPI0$useMemo(()=>propsFocusManager || $cIPI0$createFocusManager(ref)
+    , [
+        propsFocusManager,
+        ref
+    ]);
+    $16f0b7bb276bc17e$export$653eddfc964b0f8a.set(state, {
         ariaLabelledBy: segmentLabelledBy,
-        ariaDescribedBy: describedBy
+        ariaDescribedBy: describedBy,
+        focusManager: focusManager
     });
+    let autoFocusRef = $cIPI0$useRef(props.autoFocus);
+    $cIPI0$useEffect(()=>{
+        if (autoFocusRef.current) focusManager.focusFirst();
+        autoFocusRef.current = false;
+    }, [
+        focusManager
+    ]);
     return {
         labelProps: {
             ...labelProps,
             onClick: ()=>{
-                let focusManager = $cIPI0$createFocusManager(ref);
                 focusManager.focusFirst();
             }
         },
@@ -338,6 +507,9 @@ function $16f0b7bb276bc17e$export$5591b0b878c1a989(props, state, ref) {
         errorMessageProps: errorMessageProps
     };
 }
+function $16f0b7bb276bc17e$export$4c842f6a241dc825(props, state, ref) {
+    return $16f0b7bb276bc17e$export$5591b0b878c1a989(props, state, ref);
+}
 
 
 
@@ -380,12 +552,11 @@ class $3aeceb3a64eb8358$var$DisplayNamesPolyfill {
 
 
 
-
-function $32489daedd52963e$export$1315d136e6f7581(props, segment, state, ref) {
+function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
     let enteredKeys = $cIPI0$useRef('');
     let { locale: locale , direction: direction  } = $cIPI0$useLocale();
     let displayNames = $3aeceb3a64eb8358$export$d42c60378c8168f8();
-    let focusManager = $cIPI0$useFocusManager();
+    let { ariaLabelledBy: ariaLabelledBy , ariaDescribedBy: ariaDescribedBy , focusManager: focusManager  } = $16f0b7bb276bc17e$export$653eddfc964b0f8a.get(state);
     let textValue = segment.text;
     let options = $cIPI0$useMemo(()=>state.dateFormatter.resolvedOptions()
     , [
@@ -409,9 +580,9 @@ function $32489daedd52963e$export$1315d136e6f7581(props, segment, state, ref) {
         textValue: textValue,
         minValue: segment.minValue,
         maxValue: segment.maxValue,
-        isDisabled: props.isDisabled,
-        isReadOnly: props.isReadOnly || !segment.isEditable,
-        isRequired: props.isRequired,
+        isDisabled: state.isDisabled,
+        isReadOnly: state.isReadOnly || !segment.isEditable,
+        isRequired: state.isRequired,
         onIncrement: ()=>{
             enteredKeys.current = '';
             state.increment(segment.type);
@@ -444,7 +615,7 @@ function $32489daedd52963e$export$1315d136e6f7581(props, segment, state, ref) {
         locale
     ]);
     let backspace = ()=>{
-        if (parser.isValidPartialNumber(segment.text) && !props.isReadOnly && !segment.isPlaceholder) {
+        if (parser.isValidPartialNumber(segment.text) && !state.isReadOnly && !segment.isPlaceholder) {
             let newValue = segment.text.slice(0, -1);
             let parsed = parser.parse(newValue);
             if (newValue.length === 0 || parsed === 0) state.clearSegment(segment.type);
@@ -461,20 +632,30 @@ function $32489daedd52963e$export$1315d136e6f7581(props, segment, state, ref) {
             case 'ArrowLeft':
                 e.preventDefault();
                 e.stopPropagation();
-                if (direction === 'rtl') focusManager.focusNext();
-                else focusManager.focusPrevious();
+                if (direction === 'rtl') focusManager.focusNext({
+                    tabbable: true
+                });
+                else focusManager.focusPrevious({
+                    tabbable: true
+                });
                 break;
             case 'ArrowRight':
                 e.preventDefault();
                 e.stopPropagation();
-                if (direction === 'rtl') focusManager.focusPrevious();
-                else focusManager.focusNext();
+                if (direction === 'rtl') focusManager.focusPrevious({
+                    tabbable: true
+                });
+                else focusManager.focusNext({
+                    tabbable: true
+                });
                 break;
             case 'Enter':
                 e.preventDefault();
                 e.stopPropagation();
-                if (segment.isPlaceholder && !props.isReadOnly) state.confirmPlaceholder(segment.type);
-                focusManager.focusNext();
+                if (segment.isPlaceholder && !state.isReadOnly) state.confirmPlaceholder(segment.type);
+                focusManager.focusNext({
+                    tabbable: true
+                });
                 break;
             case 'Tab':
                 break;
@@ -512,14 +693,16 @@ function $32489daedd52963e$export$1315d136e6f7581(props, segment, state, ref) {
         amPmFormatter
     ]);
     let onInput = (key)=>{
-        if (props.isDisabled || props.isReadOnly) return;
+        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();
+                focusManager.focusNext({
+                    tabbable: true
+                });
                 break;
             case 'day':
             case 'hour':
@@ -549,7 +732,9 @@ function $32489daedd52963e$export$1315d136e6f7581(props, segment, state, ref) {
                     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();
+                        if (shouldSetValue) focusManager.focusNext({
+                            tabbable: true
+                        });
                     } else enteredKeys.current = newValue;
                     break;
                 }
@@ -572,7 +757,7 @@ function $32489daedd52963e$export$1315d136e6f7581(props, segment, state, ref) {
         switch(e.inputType){
             case 'deleteContentBackward':
             case 'deleteContentForward':
-                if (parser.isValidPartialNumber(segment.text) && !props.isReadOnly) backspace();
+                if (parser.isValidPartialNumber(segment.text) && !state.isReadOnly) backspace();
                 break;
             case 'insertCompositionText':
                 // insertCompositionText cannot be canceled.
@@ -623,7 +808,6 @@ function $32489daedd52963e$export$1315d136e6f7581(props, segment, state, ref) {
         'aria-valuenow': null
     } : {
     };
-    let { ariaLabelledBy: ariaLabelledBy , ariaDescribedBy: ariaDescribedBy  } = $16f0b7bb276bc17e$export$beb2340c1222c6d.get(state);
     // 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 = $cIPI0$useMemo(()=>state.segments.find((s)=>s.isEditable
@@ -632,20 +816,25 @@ function $32489daedd52963e$export$1315d136e6f7581(props, segment, state, ref) {
         state.segments
     ]);
     if (segment !== firstSegment && state.validationState !== 'invalid') ariaDescribedBy = undefined;
-    let id = $cIPI0$useId(props.id);
-    let isEditable = !props.isDisabled && !props.isReadOnly && segment.isEditable;
+    let id = $cIPI0$useId();
+    let isEditable = !state.isDisabled && !state.isReadOnly && segment.isEditable;
+    // 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: $cIPI0$mergeProps(spinButtonProps, pressProps, {
             id: id,
             ...touchPropOverrides,
-            'aria-controls': props['aria-controls'],
-            // 'aria-haspopup': props['aria-haspopup'], // deprecated in ARIA 1.2
             'aria-invalid': state.validationState === 'invalid' ? 'true' : undefined,
-            'aria-label': segment.type !== 'literal' ? displayNames.of(segment.type) : undefined,
+            'aria-label': displayNames.of(segment.type),
             'aria-labelledby': `${ariaLabelledBy} ${id}`,
             'aria-describedby': ariaDescribedBy,
             'aria-placeholder': segment.isPlaceholder ? segment.text : undefined,
-            'aria-readonly': props.isReadOnly || !segment.isEditable ? 'true' : undefined,
+            'aria-readonly': state.isReadOnly || !segment.isEditable ? 'true' : undefined,
             contentEditable: isEditable,
             suppressContentEditableWarning: isEditable,
             spellCheck: isEditable ? 'false' : undefined,
@@ -653,100 +842,22 @@ function $32489daedd52963e$export$1315d136e6f7581(props, segment, state, ref) {
             autoCorrect: isEditable ? 'off' : undefined,
             // Capitalization was changed in React 17...
             [parseInt($cIPI0$react.version, 10) >= 17 ? 'enterKeyHint' : 'enterkeyhint']: isEditable ? 'next' : undefined,
-            inputMode: props.isDisabled || segment.type === 'dayPeriod' || !isEditable ? undefined : 'numeric',
-            tabIndex: props.isDisabled ? undefined : 0,
+            inputMode: state.isDisabled || segment.type === 'dayPeriod' || !isEditable ? undefined : 'numeric',
+            tabIndex: state.isDisabled ? undefined : 0,
             onKeyDown: onKeyDown,
-            onFocus: onFocus
+            onFocus: onFocus,
+            style: {
+                caretColor: 'transparent'
+            }
         })
     };
 }
 
 
 
-var $887cac91b7cc8801$exports = {};
-
-$parcel$export($887cac91b7cc8801$exports, "useDateRangePicker", () => $887cac91b7cc8801$export$12fd5f0e9f4bb192);
-
-
-
-
-
-
-
-function $887cac91b7cc8801$export$12fd5f0e9f4bb192(props, state, ref) {
-    let formatMessage = $cIPI0$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($204383cf4f6b0d06$exports)));
-    let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = $cIPI0$useField({
-        ...props,
-        labelElementType: 'span'
-    });
-    let labelledBy = fieldProps['aria-labelledby'] || fieldProps.id;
-    let { locale: locale  } = $cIPI0$useLocale();
-    let description = state.formatValue(locale, {
-        month: 'long'
-    });
-    let descProps = $cIPI0$useDescription(description);
-    let startFieldProps = $cIPI0$useLabels({
-        'aria-label': formatMessage('startDate'),
-        'aria-labelledby': labelledBy
-    });
-    let endFieldProps = $cIPI0$useLabels({
-        'aria-label': formatMessage('endDate'),
-        'aria-labelledby': labelledBy
-    });
-    let buttonId = $cIPI0$useId();
-    let dialogId = $cIPI0$useId();
-    let groupProps = $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref);
-    let { focusWithinProps: focusWithinProps  } = $cIPI0$useFocusWithin({
-        onBlurWithin () {
-            state.confirmPlaceholder();
-        }
-    });
-    let ariaDescribedBy = [
-        descProps['aria-describedby'],
-        fieldProps['aria-describedby']
-    ].filter(Boolean).join(' ') || undefined;
-    return {
-        groupProps: $cIPI0$mergeProps(groupProps, fieldProps, descProps, focusWithinProps, {
-            role: 'group',
-            'aria-disabled': props.isDisabled || null,
-            'aria-describedby': ariaDescribedBy
-        }),
-        labelProps: {
-            ...labelProps,
-            onClick: ()=>{
-                let focusManager = $cIPI0$createFocusManager(ref);
-                focusManager.focusFirst();
-            }
-        },
-        buttonProps: {
-            ...descProps,
-            id: buttonId,
-            excludeFromTabOrder: true,
-            'aria-haspopup': 'dialog',
-            'aria-label': formatMessage('calendar'),
-            'aria-labelledby': `${labelledBy} ${buttonId}`,
-            'aria-describedby': ariaDescribedBy
-        },
-        dialogProps: {
-            id: dialogId,
-            'aria-labelledby': `${labelledBy} ${buttonId}`
-        },
-        startFieldProps: {
-            ...startFieldProps,
-            'aria-describedby': fieldProps['aria-describedby']
-        },
-        endFieldProps: {
-            ...endFieldProps,
-            'aria-describedby': fieldProps['aria-describedby']
-        },
-        descriptionProps: descriptionProps,
-        errorMessageProps: errorMessageProps
-    };
-}
-
 
 
 
 
-export {$6057a3d2a53a12fd$export$42df105a73306d51 as useDatePicker, $32489daedd52963e$export$1315d136e6f7581 as useDateSegment, $16f0b7bb276bc17e$export$beb2340c1222c6d as labelIds, $16f0b7bb276bc17e$export$5591b0b878c1a989 as useDateField, $887cac91b7cc8801$export$12fd5f0e9f4bb192 as useDateRangePicker, $3aeceb3a64eb8358$export$d42c60378c8168f8 as useDisplayNames};
+export {$6057a3d2a53a12fd$export$42df105a73306d51 as useDatePicker, $32489daedd52963e$export$1315d136e6f7581 as useDateSegment, $16f0b7bb276bc17e$export$5591b0b878c1a989 as useDateField, $16f0b7bb276bc17e$export$4c842f6a241dc825 as useTimeField, $887cac91b7cc8801$export$12fd5f0e9f4bb192 as useDateRangePicker, $3aeceb3a64eb8358$export$d42c60378c8168f8 as useDisplayNames};
 //# sourceMappingURL=module.js.map