@gravity-ui/date-components 1.1.0 → 1.1.1

package/dist/cjs/components/DatePicker/hooks/useDatePickerProps.js

@@ -0,0 +1,134 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDatePickerProps = void 0;
+const react_1 = __importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const DateField_1 = require("../../DateField");
+const getButtonSizeForInput_1 = require("../../utils/getButtonSizeForInput");
+const mergeProps_1 = require("../../utils/mergeProps");
+const i18n_1 = require("../i18n");
+function useDatePickerProps(state, _a) {
+    var _b;
+    var { onFocus, onBlur } = _a, props = __rest(_a, ["onFocus", "onBlur"]);
+    const [isActive, setActive] = react_1.default.useState(false);
+    const { focusWithinProps } = (0, uikit_1.useFocusWithin)({
+        onFocusWithin: onFocus,
+        onBlurWithin: onBlur,
+        onFocusWithinChange(isFocusWithin) {
+            setActive(isFocusWithin);
+            if (!isFocusWithin) {
+                state.setOpen(false);
+            }
+        },
+    });
+    const { inputProps } = (0, DateField_1.useDateFieldProps)(state.dateFieldState, props);
+    let error;
+    let validationState = props.validationState;
+    if (validationState) {
+        error = validationState === 'invalid' ? props.errorMessage || true : undefined;
+    }
+    else {
+        validationState = state.dateFieldState.validationState;
+        error = validationState === 'invalid';
+    }
+    const inputRef = react_1.default.useRef(null);
+    const handleRef = (0, uikit_1.useForkRef)(inputRef, inputProps.controlRef);
+    const calendarRef = react_1.default.useRef(null);
+    const calendarButtonRef = react_1.default.useRef(null);
+    const groupRef = react_1.default.useRef(null);
+    function focusInput() {
+        setTimeout(() => {
+            var _a;
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        });
+    }
+    return {
+        groupProps: Object.assign(Object.assign({ ref: groupRef, tabIndex: -1, role: 'group' }, focusWithinProps), { style: props.style, 'aria-disabled': state.disabled || undefined, onKeyDown: (e) => {
+                if (e.altKey && (e.key === 'ArrowDown' || e.key === 'ArrowUp')) {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    state.setOpen(true);
+                }
+            } }),
+        fieldProps: (0, mergeProps_1.mergeProps)(inputProps, state.dateFieldState.isEmpty && !isActive && props.placeholder
+            ? { value: '' }
+            : undefined, { controlRef: handleRef, error }),
+        calendarButtonProps: {
+            ref: calendarButtonRef,
+            size: (0, getButtonSizeForInput_1.getButtonSizeForInput)(props.size),
+            disabled: state.disabled,
+            extraProps: {
+                'aria-label': (0, i18n_1.i18n)('Calendar'),
+                'aria-haspopup': 'dialog',
+                'aria-expanded': state.isOpen,
+            },
+            view: 'flat-secondary',
+            onClick: () => {
+                setActive(true);
+                state.setOpen(!state.isOpen);
+            },
+        },
+        popupProps: {
+            open: state.isOpen,
+            onEscapeKeyDown: () => {
+                state.setOpen(false);
+                focusInput();
+            },
+            onOutsideClick: (e) => {
+                var _a;
+                if (e.target !== calendarButtonRef.current) {
+                    state.setOpen(false);
+                }
+                if (e.target && ((_a = groupRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
+                    focusInput();
+                }
+            },
+            // @ts-expect-error focusTrap in popup was introduced in a newer version of uikit
+            focusTrap: true,
+        },
+        calendarProps: {
+            ref: calendarRef,
+            autoFocus: true,
+            size: props.size === 's' ? 'm' : props.size,
+            disabled: props.disabled,
+            readOnly: props.readOnly,
+            onUpdate: (d) => {
+                state.setDateValue(d);
+                if (!state.hasTime) {
+                    focusInput();
+                }
+            },
+            defaultFocusedValue: (_b = state.dateValue) !== null && _b !== void 0 ? _b : undefined,
+            value: state.dateValue,
+            minValue: props.minValue,
+            maxValue: props.maxValue,
+            isDateUnavailable: props.isDateUnavailable,
+            timeZone: props.timeZone,
+        },
+        timeInputProps: {
+            value: state.timeValue,
+            onUpdate: state.setTimeValue,
+            format: state.timeFormat,
+            readOnly: state.readOnly,
+            disabled: state.disabled,
+            timeZone: props.timeZone,
+            hasClear: props.hasClear,
+            size: props.size,
+        },
+    };
+}
+exports.useDatePickerProps = useDatePickerProps;

package/dist/cjs/components/DatePicker/hooks/useDatePickerState.d.ts

@@ -1,5 +1,6 @@
 import type { DateTime } from '@gravity-ui/date-utils';
-import type { InputBase, ValueBase } from '../../types';
+import type { DateFieldState } from '../../DateField';
+import type { DateFieldBase } from '../../types';
 export type Granularity = 'day' | 'hour' | 'minute' | 'second';
 export interface DatePickerState {
     /** The currently selected date. */
@@ -36,10 +37,8 @@ export interface DatePickerState {
     isOpen: boolean;
     /** Sets whether the calendar popover is open. */
     setOpen(isOpen: boolean): void;
+    dateFieldState: DateFieldState;
 }
-export interface DatePickerStateOptions extends ValueBase<DateTime>, InputBase {
-    placeholderValue?: DateTime;
-    timeZone?: string;
-    format?: string;
+export interface DatePickerStateOptions extends DateFieldBase {
 }
 export declare function useDatePickerState(props: DatePickerStateOptions): DatePickerState;

package/dist/cjs/components/DatePicker/hooks/useDatePickerState.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDatePickerState = void 0;
 const react_1 = __importDefault(require("react"));
+const DateField_1 = require("../../DateField");
 const utils_1 = require("../../DateField/utils");
 const useControlledState_1 = require("../../hooks/useControlledState");
 const dates_1 = require("../../utils/dates");
@@ -81,6 +82,19 @@ function useDatePickerState(props) {
             setSelectedTime(newValue);
         }
     };
+    const dateFieldState = (0, DateField_1.useDateFieldState)({
+        value: value !== null && value !== void 0 ? value : null,
+        onUpdate: setValue,
+        disabled,
+        readOnly,
+        validationState: props.validationState,
+        minValue: props.minValue,
+        maxValue: props.maxValue,
+        isDateUnavailable: props.isDateUnavailable,
+        format,
+        placeholderValue: props.placeholderValue,
+        timeZone: props.timeZone,
+    });
     return {
         value: value !== null && value !== void 0 ? value : null,
         setValue,
@@ -101,6 +115,7 @@ function useDatePickerState(props) {
             }
             setOpen(newIsOpen);
         },
+        dateFieldState,
     };
 }
 exports.useDatePickerState = useDatePickerState;

package/dist/cjs/components/DatePicker/index.d.ts

@@ -1,2 +1,3 @@
 export * from './DatePicker';
 export * from './hooks/useDatePickerState';
+export * from './hooks/useDatePickerProps';

package/dist/cjs/components/DatePicker/index.js

@@ -16,3 +16,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./DatePicker"), exports);
 __exportStar(require("./hooks/useDatePickerState"), exports);
+__exportStar(require("./hooks/useDatePickerProps"), exports);

package/dist/cjs/components/RelativeDatePicker/RelativeDatePicker.css

@@ -1,6 +1,7 @@
 .g-date-relative-date-picker {
   position: relative;
   display: inline-flex;
+  outline: none;
 }
 .g-date-relative-date-picker__field {
   width: 100%;

package/dist/cjs/components/RelativeDatePicker/hooks/useRelativeDatePickerProps.js

@@ -42,7 +42,7 @@ function useRelativeDatePickerProps(state, _a) {
         onBlurWithin: onBlur,
         onFocusWithinChange(isFocusWithin) {
             if (!isFocusWithin) {
-                state.setActive(isFocusWithin);
+                state.setActive(false);
             }
         },
     });
@@ -50,16 +50,12 @@ function useRelativeDatePickerProps(state, _a) {
     if (!state.isActive && isOpen) {
         setOpen(false);
     }
-    const [prevActive, setPrevActive] = react_1.default.useState(state.isActive);
-    if (prevActive !== state.isActive) {
-        setPrevActive(state.isActive);
-        if (state.isActive && !isOpen) {
-            setOpen(true);
-        }
-    }
     const commonInputProps = {
         onFocus: () => {
-            state.setActive(true);
+            if (!state.isActive) {
+                state.setActive(true);
+                setOpen(true);
+            }
         },
     };
     const { inputProps } = (0, DateField_1.useDateFieldProps)(dateFieldState, Object.assign(Object.assign({}, props), { value: undefined, defaultValue: undefined, onUpdate: undefined }));
@@ -68,6 +64,7 @@ function useRelativeDatePickerProps(state, _a) {
         value: relativeDateState.text,
         onUpdate: relativeDateState.setText,
         hasClear: props.hasClear && !relativeDateState.readOnly,
+        placeholder: props.placeholder,
         size: props.size,
     };
     let error;
@@ -82,19 +79,33 @@ function useRelativeDatePickerProps(state, _a) {
                 : dateFieldState.validationState;
         error = validationState === 'invalid';
     }
-    const wasActiveBeforeClickRef = react_1.default.useRef(state.isActive);
     const inputRef = react_1.default.useRef(null);
     const handleRef = (0, uikit_1.useForkRef)(inputRef, mode === 'relative' ? relativeDateProps.controlRef : inputProps.controlRef);
     const calendarRef = react_1.default.useRef(null);
+    function focusCalendar() {
+        setTimeout(() => {
+            var _a;
+            (_a = calendarRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        });
+    }
+    function focusInput() {
+        setTimeout(() => {
+            var _a;
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        });
+    }
     return {
-        groupProps: Object.assign(Object.assign({ role: 'group' }, focusWithinProps), { onKeyDown: (e) => {
+        groupProps: Object.assign(Object.assign({ tabIndex: -1, role: 'group' }, focusWithinProps), { onKeyDown: (e) => {
                 if (e.altKey && (e.key === 'ArrowDown' || e.key === 'ArrowUp')) {
                     e.preventDefault();
                     e.stopPropagation();
                     setOpen(true);
+                    focusCalendar();
                 }
             } }),
-        fieldProps: (0, mergeProps_1.mergeProps)(commonInputProps, mode === 'relative' ? relativeDateProps : inputProps, { controlRef: handleRef, error }),
+        fieldProps: (0, mergeProps_1.mergeProps)(commonInputProps, mode === 'relative' ? relativeDateProps : inputProps, mode === 'absolute' && dateFieldState.isEmpty && !state.isActive && props.placeholder
+            ? { value: '' }
+            : undefined, { controlRef: handleRef, error }),
         modeSwitcherProps: {
             size: (0, getButtonSizeForInput_1.getButtonSizeForInput)(props.size),
             disabled: state.readOnly || state.disabled,
@@ -115,7 +126,7 @@ function useRelativeDatePickerProps(state, _a) {
                 else if (relativeDateState.parsedDate) {
                     setFocusedDate(relativeDateState.parsedDate);
                 }
-                setTimeout(() => { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus(); });
+                focusInput();
             },
         },
         calendarButtonProps: {
@@ -127,29 +138,20 @@ function useRelativeDatePickerProps(state, _a) {
                 'aria-expanded': isOpen,
             },
             view: 'flat-secondary',
-            onFocus: () => {
-                wasActiveBeforeClickRef.current = state.isActive;
-            },
             onClick: () => {
                 state.setActive(true);
-                if (wasActiveBeforeClickRef.current) {
-                    setOpen(!isOpen);
-                    if (!isOpen) {
-                        setTimeout(() => {
-                            var _a;
-                            (_a = calendarRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-                        });
-                    }
+                setOpen(!isOpen);
+                if (!isOpen) {
+                    focusCalendar();
                 }
-                wasActiveBeforeClickRef.current = state.isActive;
             },
         },
         popupProps: {
             open: isOpen,
             onEscapeKeyDown: () => {
                 setOpen(false);
+                focusInput();
             },
-            restoreFocus: true,
         },
         calendarProps: {
             ref: calendarRef,
@@ -160,7 +162,7 @@ function useRelativeDatePickerProps(state, _a) {
                 datePickerState.setDateValue(v);
                 if (!state.datePickerState.hasTime) {
                     setOpen(false);
-                    setTimeout(() => { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus(); });
+                    focusInput();
                 }
             },
             focusedValue: focusedDate,

package/dist/esm/components/Calendar/hooks/useRangeCalendarState.js

@@ -22,8 +22,16 @@ export function useRangeCalendarState(props) {
     const highlightedRange = anchorDate
         ? makeRange(anchorDate, calendar.focusedDate, calendar.mode)
         : (_b = (value && makeRange(value.start, value.end, calendar.mode))) !== null && _b !== void 0 ? _b : undefined;
-    const selectDate = (date) => {
-        if (props.disabled || props.readOnly) {
+    const minMode = calendar.availableModes[0];
+    const selectDate = (date, force = false) => {
+        if (props.disabled) {
+            return;
+        }
+        if (!force && calendar.mode !== minMode) {
+            calendar.zoomIn();
+            return;
+        }
+        if (props.readOnly) {
             return;
         }
         date = constrainValue(date, props.minValue, props.maxValue);
@@ -43,9 +51,6 @@ export function useRangeCalendarState(props) {
         setValue,
         selectDate,
         anchorDate, setAnchorDate: setAnchorDateState, highlightedRange,
-        selectFocusedDate() {
-            selectDate(calendar.focusedDate);
-        },
         isSelected(date) {
             if (!highlightedRange) {
                 return false;

package/dist/esm/components/DateField/hooks/useDateFieldProps.js

@@ -80,12 +80,16 @@ export function useDateFieldProps(state, props) {
                 if (state.selectedSectionIndexes !== null) {
                     return;
                 }
-                const input = inputRef.current;
+                const input = e.target;
+                const isAutofocus = !inputRef.current;
                 setTimeout(() => {
                     if (!input || input !== inputRef.current) {
                         return;
                     }
-                    if (
+                    if (isAutofocus) {
+                        state.focusSectionInPosition(0);
+                    }
+                    else if (
                     // avoid selecting all sections when focusing empty field without value
                     input.value.length &&
                         Number(input.selectionEnd) - Number(input.selectionStart) ===
@@ -163,32 +167,35 @@ export function useDateFieldProps(state, props) {
                 onBeforeInput(e) {
                     e.preventDefault();
                     // @ts-expect-error
-                    const key = e.nativeEvent.data;
-                    // eslint-disable-next-line no-eq-null, eqeqeq
-                    if (key != null) {
+                    const key = e.data;
+                    if (key !== undefined && key !== null) {
                         state.onInput(key);
                     }
                 },
                 onPaste(e) {
+                    e.preventDefault();
                     if (state.readOnly) {
-                        e.preventDefault();
                         return;
                     }
                     const pastedValue = e.clipboardData.getData('text');
-                    if (state.setValueFromString(pastedValue)) {
-                        e.preventDefault();
-                    }
-                    else if (state.selectedSectionIndexes &&
+                    if (state.selectedSectionIndexes &&
                         state.selectedSectionIndexes.startIndex ===
                             state.selectedSectionIndexes.endIndex) {
                         const activeSection = state.sections[state.selectedSectionIndexes.startIndex];
+                        const digitsOnly = /^\d+$/.test(pastedValue);
+                        const lettersOnly = /^[a-zA-Z]+$/.test(pastedValue);
                         const isValidValue = Boolean(activeSection) &&
-                            ((activeSection.contentType === 'digit' && /^\d+$/.test(pastedValue)) ||
-                                activeSection.contentType === 'letter');
-                        if (!isValidValue) {
-                            e.preventDefault();
+                            ((activeSection.contentType === 'digit' && digitsOnly) ||
+                                (activeSection.contentType === 'letter' && lettersOnly));
+                        if (isValidValue) {
+                            state.onInput(pastedValue);
+                            return;
+                        }
+                        if (digitsOnly || lettersOnly) {
+                            return;
                         }
                     }
+                    state.setValueFromString(pastedValue);
                 },
             },
         },

package/dist/esm/components/DateField/hooks/useDateFieldState.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { dateTime, isValid } from '@gravity-ui/date-utils';
 import { useControlledState } from '../../hooks/useControlledState';
 import { createPlaceholderValue, isInvalid, mergeDateTime } from '../../utils/dates';
-import { splitFormatIntoSections } from '../utils';
+import { addSegment, getDurationUnitFromSectionType, getSectionLimits, getSectionValue, setSegment, splitFormatIntoSections, } from '../utils';
 const EDITABLE_SEGMENTS = {
     year: true,
     month: true,
@@ -13,11 +13,6 @@ const EDITABLE_SEGMENTS = {
     dayPeriod: true,
     weekday: true,
 };
-const TYPE_MAPPING = {
-    weekday: 'day',
-    day: 'date',
-    dayPeriod: 'hour',
-};
 const PAGE_STEP = {
     year: 5,
     month: 2,
@@ -63,10 +58,7 @@ export function useDateFieldState(props) {
         ? value
         : placeholderDate;
     const sectionsState = useSectionsState(sections, displayValue, validSegments);
-    const [selectedSections, setSelectedSections] = React.useState(() => {
-        var _a, _b;
-        return (_b = (_a = sectionsState.editableSections[0]) === null || _a === void 0 ? void 0 : _a.previousEditableSection) !== null && _b !== void 0 ? _b : -1;
-    });
+    const [selectedSections, setSelectedSections] = React.useState(-1);
     const selectedSectionIndexes = React.useMemo(() => {
         if (selectedSections === -1) {
             return null;
@@ -91,9 +83,14 @@ export function useDateFieldState(props) {
             return;
         }
         if (Object.keys(validSegments).length >= Object.keys(allSegments).length) {
-            setDate(newValue);
+            if (!value || !newValue.isSame(value)) {
+                setDate(newValue);
+            }
         }
         else {
+            if (value) {
+                setDate(null);
+            }
             setPlaceholderDate(newValue);
         }
     }
@@ -282,9 +279,6 @@ export function useDateFieldState(props) {
                 const type = getDurationUnitFromSectionType(section.type);
                 currentValue = displayValue.set(type, placeholder[type]());
             }
-            if (value) {
-                setDate(null);
-            }
             setValue(currentValue);
         },
         clearAll() {
@@ -411,6 +405,7 @@ export function useDateFieldState(props) {
             }
         },
         setValueFromString(str) {
+            enteredKeys.current = '';
             let date = parseDate({ input: str, format, timeZone: props.timeZone });
             if (isValid(date)) {
                 if (props.timeZone && !isDateStringWithTimeZone(str)) {
@@ -434,64 +429,6 @@ function parseDate(options) {
 function isDateStringWithTimeZone(str) {
     return /z$/i.test(str) || /[+-]\d\d:\d\d$/.test(str);
 }
-function addSegment(section, date, amount) {
-    var _a;
-    let val = (_a = section.value) !== null && _a !== void 0 ? _a : 0;
-    if (section.type === 'dayPeriod') {
-        val = date.hour() + (date.hour() > 12 ? -12 : 12);
-    }
-    else {
-        val = val + amount;
-        const min = section.minValue;
-        const max = section.maxValue;
-        if (typeof min === 'number' && typeof max === 'number') {
-            const length = max - min + 1;
-            val = ((val - min + length) % length) + min;
-        }
-    }
-    const type = getDurationUnitFromSectionType(section.type);
-    return date.set(type, val);
-}
-function setSegment(section, date, amount) {
-    const type = section.type;
-    switch (type) {
-        case 'day':
-        case 'weekday':
-        case 'month':
-        case 'year': {
-            return date.set(getDurationUnitFromSectionType(type), amount);
-        }
-        case 'dayPeriod': {
-            const hours = date.hour();
-            const wasPM = hours >= 12;
-            const isPM = amount >= 12;
-            if (isPM === wasPM) {
-                return date;
-            }
-            return date.set('hour', wasPM ? hours - 12 : hours + 12);
-        }
-        case 'hour': {
-            // In 12 hour time, ensure that AM/PM does not change
-            let sectionAmount = amount;
-            if (section.minValue === 12 || section.maxValue === 11) {
-                const hours = date.hour();
-                const wasPM = hours >= 12;
-                if (!wasPM && sectionAmount === 12) {
-                    sectionAmount = 0;
-                }
-                if (wasPM && sectionAmount < 12) {
-                    sectionAmount += 12;
-                }
-            }
-            return date.set('hour', sectionAmount);
-        }
-        case 'minute':
-        case 'second': {
-            return date.set(type, amount);
-        }
-    }
-    return date;
-}
 function getCurrentEditableSectionIndex(sections, selectedSections) {
     const currentIndex = selectedSections === 'all' || selectedSections === -1 ? 0 : selectedSections;
     const section = sections[currentIndex];
@@ -541,9 +478,13 @@ function getEditableSections(sections, value, validSegments) {
         let renderedValue = section.placeholder;
         if ((isEditable && validSegments[section.type]) || section.type === 'timeZoneName') {
             renderedValue = value.format(section.format);
+            if (section.contentType === 'digit' &&
+                renderedValue.length < section.placeholder.length) {
+                renderedValue = renderedValue.padStart(section.placeholder.length, '0');
+            }
         }
         const sectionLength = renderedValue.length;
-        const newSection = Object.assign(Object.assign(Object.assign({}, section), { value: getValue(value, section.type), textValue: renderedValue, start: position, end: position + sectionLength, modified: false, previousEditableSection, nextEditableSection: previousEditableSection }), getSectionLimits(value, section.type, { hour12: isHour12(section) }));
+        const newSection = Object.assign(Object.assign(Object.assign({}, section), { value: getSectionValue(section, value), textValue: renderedValue, start: position, end: position + sectionLength, modified: false, previousEditableSection, nextEditableSection: previousEditableSection }), getSectionLimits(section, value));
         newSections.push(newSection);
         if (isEditable) {
             for (let j = Math.max(0, previousEditableSection); j <= i; j++) {
@@ -561,88 +502,3 @@ function getEditableSections(sections, value, validSegments) {
     }
     return newSections;
 }
-function getValue(date, type) {
-    switch (type) {
-        case 'year':
-        case 'month':
-        case 'hour':
-        case 'minute':
-        case 'second': {
-            return date[type]();
-        }
-        case 'day': {
-            return date.date();
-        }
-        case 'weekday': {
-            return date.day();
-        }
-        case 'dayPeriod': {
-            return date.hour() >= 12 ? 12 : 0;
-        }
-    }
-    return undefined;
-}
-function isHour12(section) {
-    if (section.type === 'hour') {
-        return dateTime().set('hour', 15).format(section.format) !== '15';
-    }
-    return false;
-}
-function getSectionLimits(date, type, options) {
-    switch (type) {
-        case 'year': {
-            return {
-                minValue: 1,
-                maxValue: 9999,
-            };
-        }
-        case 'month': {
-            return {
-                minValue: 0,
-                maxValue: 11,
-            };
-        }
-        case 'weekday': {
-            return {
-                minValue: 0,
-                maxValue: 6,
-            };
-        }
-        case 'day': {
-            return {
-                minValue: 1,
-                maxValue: date ? date.daysInMonth() : 31,
-            };
-        }
-        case 'hour': {
-            if (options.hour12) {
-                const isPM = date.hour() >= 12;
-                return {
-                    minValue: isPM ? 12 : 0,
-                    maxValue: isPM ? 23 : 11,
-                };
-            }
-            return {
-                minValue: 0,
-                maxValue: 23,
-            };
-        }
-        case 'minute':
-        case 'second': {
-            return {
-                minValue: 0,
-                maxValue: 59,
-            };
-        }
-    }
-    return {};
-}
-function getDurationUnitFromSectionType(type) {
-    if (type === 'literal' || type === 'timeZoneName' || type === 'unknown') {
-        throw new Error(`${type} section does not have duration unit.`);
-    }
-    if (type in TYPE_MAPPING) {
-        return TYPE_MAPPING[type];
-    }
-    return type;
-}