@gravity-ui/date-components 2.11.0 → 2.12.0

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

@@ -1,13 +1,11 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.datePickerStateFactory = datePickerStateFactory;
-const react_1 = __importDefault(require("react"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const useDefaultTimeZone_1 = require("../../utils/useDefaultTimeZone");
-function datePickerStateFactory({ getPlaceholderTime, mergeDateTime, setTimezone, getDateTime, useDateFieldState, }) {
+const useDefaultTimeZone_1 = require("../../utils/useDefaultTimeZone.js");
+function datePickerStateFactory({ getPlaceholderTime, mergeDateTime, setTimezone, getDateTime, useDateFieldState, adjustDateToFormat, }) {
     return function useDatePickerState(props) {
         var _a, _b;
         const { disabled, readOnly } = props;
@@ -41,7 +39,7 @@ function datePickerStateFactory({ getPlaceholderTime, mergeDateTime, setTimezone
             disabled,
             readOnly, validationState: props.validationState, minValue: props.minValue, maxValue: props.maxValue, isDateUnavailable: props.isDateUnavailable, format, placeholderValue: props.placeholderValue, timeZone }));
         const timeFormat = react_1.default.useMemo(() => {
-            if (!dateFieldState.hasTime) {
+            if (!dateFieldState.formatInfo.hasTime) {
                 return undefined;
             }
             const timeFormatParts = [];
@@ -59,11 +57,11 @@ function datePickerStateFactory({ getPlaceholderTime, mergeDateTime, setTimezone
             }
             const dayPeriod = dateFieldState.sections.find((s) => s.type === 'dayPeriod');
             return timeFormatParts.join(':') + (dayPeriod ? ` ${dayPeriod.format}` : '');
-        }, [dateFieldState.hasTime, dateFieldState.sections]);
+        }, [dateFieldState.formatInfo.hasTime, dateFieldState.sections]);
         if (value) {
             selectedDate = setTimezone(value, timeZone);
-            if (dateFieldState.hasTime) {
-                selectedTime = setTimezone(value, timeZone);
+            if (dateFieldState.formatInfo.hasTime) {
+                selectedTime = selectedDate;
             }
         }
         // Intercept setValue to make sure the Time section is not changed by date selection in Calendar
@@ -71,17 +69,18 @@ function datePickerStateFactory({ getPlaceholderTime, mergeDateTime, setTimezone
             if (disabled || readOnly) {
                 return;
             }
-            const shouldClose = !dateFieldState.hasTime;
-            if (dateFieldState.hasTime) {
+            const newDate = adjustDateToFormat(newValue, dateFieldState.formatInfo);
+            const shouldClose = !dateFieldState.formatInfo.hasTime;
+            if (dateFieldState.formatInfo.hasTime) {
                 if (selectedTime || shouldClose) {
-                    commitValue(newValue, selectedTime || newValue);
+                    commitValue(newDate, selectedTime || newDate);
                 }
                 else {
-                    setSelectedDate(newValue);
+                    setSelectedDate(newDate);
                 }
             }
             else {
-                commitValue(newValue, newValue);
+                commitValue(newDate, newDate);
             }
             if (shouldClose) {
                 setOpen(false, 'ValueSelected');
@@ -91,7 +90,7 @@ function datePickerStateFactory({ getPlaceholderTime, mergeDateTime, setTimezone
             if (disabled || readOnly) {
                 return;
             }
-            const newTime = newValue !== null && newValue !== void 0 ? newValue : getPlaceholderTime(props.placeholderValue, timeZone);
+            const newTime = adjustDateToFormat(newValue !== null && newValue !== void 0 ? newValue : getPlaceholderTime(props.placeholderValue, timeZone), dateFieldState.formatInfo);
             if (selectedDate) {
                 commitValue(selectedDate, newTime);
             }
@@ -99,7 +98,7 @@ function datePickerStateFactory({ getPlaceholderTime, mergeDateTime, setTimezone
                 setSelectedTime(newTime);
             }
         };
-        if (dateFieldState.hasTime && !selectedTime) {
+        if (dateFieldState.formatInfo.hasTime && !selectedTime) {
             selectedTime = dateFieldState.displayValue;
         }
         return {
@@ -122,13 +121,14 @@ function datePickerStateFactory({ getPlaceholderTime, mergeDateTime, setTimezone
             disabled,
             readOnly,
             format,
-            hasDate: dateFieldState.hasDate,
-            hasTime: dateFieldState.hasTime,
+            formatInfo: dateFieldState.formatInfo,
+            hasDate: dateFieldState.formatInfo.hasDate,
+            hasTime: dateFieldState.formatInfo.hasTime,
             timeFormat,
             timeZone,
             isOpen,
             setOpen(newIsOpen, reason) {
-                if (!newIsOpen && !value && selectedDate && dateFieldState.hasTime) {
+                if (!newIsOpen && !value && selectedDate && dateFieldState.formatInfo.hasTime) {
                     commitValue(selectedDate, selectedTime || getPlaceholderTime(props.placeholderValue, props.timeZone));
                 }
                 setOpen(newIsOpen, reason);
@@ -137,3 +137,4 @@ function datePickerStateFactory({ getPlaceholderTime, mergeDateTime, setTimezone
         };
     };
 }
+//# sourceMappingURL=datePickerStateFactory.js.map

package/dist/cjs/components/DatePicker/hooks/datePickerStateFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datePickerStateFactory.js","sourceRoot":"../../../../../src","sources":["components/DatePicker/hooks/datePickerStateFactory.ts"],"names":[],"mappings":";;AA8EA,wDAkLC;;AAhQD,0DAA0B;AAG1B,6CAAqD;AAKrD,0EAAkE;AAsElE,SAAgB,sBAAsB,CAAyC,EAC3E,kBAAkB,EAClB,aAAa,EACb,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,kBAAkB,GACgB;IAClC,OAAO,SAAS,kBAAkB,CAAC,KAAQ;;QACvC,MAAM,EAAC,QAAQ,EAAE,QAAQ,EAAC,GAAG,KAAK,CAAC;QACnC,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,IAAA,0BAAkB,EACzC,KAAK,CAAC,IAAI,EACV,MAAA,KAAK,CAAC,WAAW,mCAAI,KAAK,EAC1B,KAAK,CAAC,YAAY,CACrB,CAAC;QAEF,MAAM,OAAO,GAA2C,QAAQ,CAAC;QAEjE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,0BAAkB,EACxC,KAAK,CAAC,KAAc,EACpB,MAAA,KAAK,CAAC,YAAY,mCAAI,IAAI,EAC1B,KAAK,CAAC,QAAQ,CACjB,CAAC;QACF,MAAM,CAAC,iBAAiB,EAAE,eAAe,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAW,IAAI,CAAC,CAAC;QAC5E,MAAM,CAAC,iBAAiB,EAAE,eAAe,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAW,IAAI,CAAC,CAAC;QAE5E,MAAM,aAAa,GAAG,IAAA,uCAAkB,EACpC,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,WAAW,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,KAAK,CAAC,gBAAgB,CACxF,CAAC;QACF,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,aAAa,CAAC;QAEjD,IAAI,YAAY,GAAG,iBAAiB,CAAC;QACrC,IAAI,YAAY,GAAG,iBAAiB,CAAC;QAErC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,GAAG,CAAC;QAEnC,MAAM,WAAW,GAAG,CAAC,IAAO,EAAE,IAAO,EAAE,EAAE;YACrC,IAAI,QAAQ,IAAI,QAAQ,EAAE,CAAC;gBACvB,OAAO;YACX,CAAC;YAED,QAAQ,CAAC,WAAW,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC;YAChE,eAAe,CAAC,IAAI,CAAC,CAAC;YACtB,eAAe,CAAC,IAAI,CAAC,CAAC;QAC1B,CAAC,CAAC;QAEF,MAAM,cAAc,GAAG,iBAAiB,iCACjC,KAAK,KACR,KAAK;YACL,QAAQ,CAAC,IAAc;gBACnB,IAAI,IAAI,EAAE,CAAC;oBACP,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;gBAC5B,CAAC;qBAAM,CAAC;oBACJ,QAAQ,CAAC,IAAI,CAAC,CAAC;gBACnB,CAAC;YACL,CAAC;YACD,QAAQ;YACR,QAAQ,EACR,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,MAAM,EACN,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,QAAQ,IACV,CAAC;QAEH,MAAM,UAAU,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;YAClC,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;gBACrC,OAAO,SAAS,CAAC;YACrB,CAAC;YACD,MAAM,eAAe,GAAa,EAAE,CAAC;YACrC,MAAM,KAAK,GAAG,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC;YACrE,IAAI,KAAK,EAAE,CAAC;gBACR,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;YACvC,CAAC;YACD,MAAM,OAAO,GAAG,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC;YACzE,IAAI,OAAO,EAAE,CAAC;gBACV,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YACzC,CAAC;YACD,MAAM,OAAO,GAAG,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC;YACzE,IAAI,OAAO,EAAE,CAAC;gBACV,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YACzC,CAAC;YACD,MAAM,SAAS,GAAG,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,WAAW,CAAC,CAAC;YAC9E,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACjF,CAAC,EAAE,CAAC,cAAc,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC;QAEjE,IAAI,KAAK,EAAE,CAAC;YACR,YAAY,GAAG,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;YAC5C,IAAI,cAAc,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;gBACpC,YAAY,GAAG,YAAY,CAAC;YAChC,CAAC;QACL,CAAC;QAED,gGAAgG;QAChG,MAAM,UAAU,GAAG,CAAC,QAAW,EAAE,EAAE;YAC/B,IAAI,QAAQ,IAAI,QAAQ,EAAE,CAAC;gBACvB,OAAO;YACX,CAAC;YAED,MAAM,OAAO,GAAG,kBAAkB,CAAC,QAAQ,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;YACxE,MAAM,WAAW,GAAG,CAAC,cAAc,CAAC,UAAU,CAAC,OAAO,CAAC;YACvD,IAAI,cAAc,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;gBACpC,IAAI,YAAY,IAAI,WAAW,EAAE,CAAC;oBAC9B,WAAW,CAAC,OAAO,EAAE,YAAY,IAAI,OAAO,CAAC,CAAC;gBAClD,CAAC;qBAAM,CAAC;oBACJ,eAAe,CAAC,OAAO,CAAC,CAAC;gBAC7B,CAAC;YACL,CAAC;iBAAM,CAAC;gBACJ,WAAW,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;YAClC,CAAC;YAED,IAAI,WAAW,EAAE,CAAC;gBACd,OAAO,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;YACpC,CAAC;QACL,CAAC,CAAC;QAEF,MAAM,UAAU,GAAG,CAAC,QAAkB,EAAE,EAAE;YACtC,IAAI,QAAQ,IAAI,QAAQ,EAAE,CAAC;gBACvB,OAAO;YACX,CAAC;YAED,MAAM,OAAO,GAAG,kBAAkB,CAC9B,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,kBAAkB,CAAC,KAAK,CAAC,gBAAgB,EAAE,QAAQ,CAAC,EAChE,cAAc,CAAC,UAAU,CAC5B,CAAC;YAEF,IAAI,YAAY,EAAE,CAAC;gBACf,WAAW,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;YACvC,CAAC;iBAAM,CAAC;gBACJ,eAAe,CAAC,OAAO,CAAC,CAAC;YAC7B,CAAC;QACL,CAAC,CAAC;QAEF,IAAI,cAAc,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,YAAY,EAAE,CAAC;YACrD,YAAY,GAAG,cAAc,CAAC,YAAY,CAAC;QAC/C,CAAC;QAED,OAAO;YACH,KAAK;YACL,QAAQ,CAAC,OAAiB;gBACtB,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;oBACnC,OAAO;gBACX,CAAC;gBAED,IAAI,OAAO,EAAE,CAAC;oBACV,QAAQ,CAAC,WAAW,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC;gBAClD,CAAC;qBAAM,CAAC;oBACJ,QAAQ,CAAC,IAAI,CAAC,CAAC;gBACnB,CAAC;YACL,CAAC;YACD,SAAS,EAAE,YAAY;YACvB,SAAS,EAAE,YAAY;YACvB,YAAY,EAAE,UAAU;YACxB,YAAY,EAAE,UAAU;YACxB,QAAQ;YACR,QAAQ;YACR,MAAM;YACN,UAAU,EAAE,cAAc,CAAC,UAAU;YACrC,OAAO,EAAE,cAAc,CAAC,UAAU,CAAC,OAAO;YAC1C,OAAO,EAAE,cAAc,CAAC,UAAU,CAAC,OAAO;YAC1C,UAAU;YACV,QAAQ;YACR,MAAM;YACN,OAAO,CAAC,SAAS,EAAE,MAAM;gBACrB,IAAI,CAAC,SAAS,IAAI,CAAC,KAAK,IAAI,YAAY,IAAI,cAAc,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;oBAC5E,WAAW,CACP,YAAY,EACZ,YAAY,IAAI,kBAAkB,CAAC,KAAK,CAAC,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAC,CAC7E,CAAC;gBACN,CAAC;gBAED,OAAO,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;YAC/B,CAAC;YACD,cAAc;SACjB,CAAC;IACN,CAAC,CAAC;AACN,CAAC","sourcesContent":["import React from 'react';\n\nimport type {DateTime} from '@gravity-ui/date-utils';\nimport {useControlledState} from '@gravity-ui/uikit';\n\nimport type {DateFieldState} from '../../DateField';\nimport type {FormatInfo} from '../../DateField/types';\nimport type {DateFieldBase, PopupTriggerProps} from '../../types';\nimport {useDefaultTimeZone} from '../../utils/useDefaultTimeZone';\n\ntype OpenChangeReason =\n    | 'EscapeKeyDown'\n    | 'FocusOut'\n    | 'ClickOutside'\n    | 'ValueSelected'\n    | 'TriggerButtonClick'\n    | 'ShortcutKeyDown';\n\nexport interface DatePickerState<T = DateTime> {\n    /** The currently selected date. */\n    value: T | null;\n    /** Sets the selected date. */\n    setValue: (value: T | null) => void;\n    /**\n     * The date portion of the value. This may be set prior to `value` if the user has\n     * selected a date but has not yet selected a time.\n     */\n    dateValue: T | null;\n    /** Sets the date portion of the value. */\n    setDateValue: (value: T) => void;\n    /**\n     * The time portion of the value. This may be set prior to `value` if the user has\n     * selected a time but has not yet selected a date.\n     */\n    timeValue: T | null;\n    /** Sets the time portion of the value. */\n    setTimeValue: (value: T | null) => void;\n    /** Whether the field is read only. */\n    readOnly?: boolean;\n    /** Whether the field is disabled. */\n    disabled?: boolean;\n    /** Format of the date when rendered in the input. */\n    format: string;\n    /** Format info */\n    formatInfo: FormatInfo;\n    /**\n     * @deprecated use formatInfo.hasDate instead\n     * Whether the date picker supports selecting a date.\n     */\n    hasDate: boolean;\n    /**\n     * @deprecated use formatInfo.hasTime instead\n     * Whether the date picker supports selecting a time.\n     */\n    hasTime: boolean;\n    /** Format of the time when rendered in the input. */\n    timeFormat?: string;\n    timeZone: string;\n    /** Whether the calendar popover is currently open. */\n    isOpen: boolean;\n    /** Sets whether the calendar popover is open. */\n    setOpen: (isOpen: boolean, reason: OpenChangeReason) => void;\n    dateFieldState: DateFieldState<T>;\n}\n\nexport interface DatePickerStateFactoryOptions<T, O extends DateFieldBase<T>> {\n    getPlaceholderTime: (placeholderValue: DateTime | undefined, timeZone?: string) => T;\n    mergeDateTime: (date: T, time: T) => T;\n    setTimezone: (date: T, timeZone: string) => T;\n    getDateTime: (date: T | null | undefined) => DateTime | undefined;\n    useDateFieldState: (props: O) => DateFieldState<T>;\n    adjustDateToFormat: (date: T, info: FormatInfo) => T;\n}\n\nexport interface DatePickerStateOptions<T>\n    extends DateFieldBase<T>,\n        PopupTriggerProps<[OpenChangeReason]> {}\n\nexport function datePickerStateFactory<T, O extends DatePickerStateOptions<T>>({\n    getPlaceholderTime,\n    mergeDateTime,\n    setTimezone,\n    getDateTime,\n    useDateFieldState,\n    adjustDateToFormat,\n}: DatePickerStateFactoryOptions<T, O>) {\n    return function useDatePickerState(props: O): DatePickerState<T> {\n        const {disabled, readOnly} = props;\n        const [isOpen, _setOpen] = useControlledState(\n            props.open,\n            props.defaultOpen ?? false,\n            props.onOpenChange,\n        );\n\n        const setOpen: NonNullable<typeof props.onOpenChange> = _setOpen;\n\n        const [value, setValue] = useControlledState(\n            props.value as never,\n            props.defaultValue ?? null,\n            props.onUpdate,\n        );\n        const [selectedDateInner, setSelectedDate] = React.useState<T | null>(null);\n        const [selectedTimeInner, setSelectedTime] = React.useState<T | null>(null);\n\n        const inputTimeZone = useDefaultTimeZone(\n            getDateTime(props.value) || getDateTime(props.defaultValue) || props.placeholderValue,\n        );\n        const timeZone = props.timeZone || inputTimeZone;\n\n        let selectedDate = selectedDateInner;\n        let selectedTime = selectedTimeInner;\n\n        const format = props.format || 'L';\n\n        const commitValue = (date: T, time: T) => {\n            if (disabled || readOnly) {\n                return;\n            }\n\n            setValue(setTimezone(mergeDateTime(date, time), inputTimeZone));\n            setSelectedDate(null);\n            setSelectedTime(null);\n        };\n\n        const dateFieldState = useDateFieldState({\n            ...props,\n            value,\n            onUpdate(date: T | null) {\n                if (date) {\n                    commitValue(date, date);\n                } else {\n                    setValue(null);\n                }\n            },\n            disabled,\n            readOnly,\n            validationState: props.validationState,\n            minValue: props.minValue,\n            maxValue: props.maxValue,\n            isDateUnavailable: props.isDateUnavailable,\n            format,\n            placeholderValue: props.placeholderValue,\n            timeZone,\n        });\n\n        const timeFormat = React.useMemo(() => {\n            if (!dateFieldState.formatInfo.hasTime) {\n                return undefined;\n            }\n            const timeFormatParts: string[] = [];\n            const hours = dateFieldState.sections.find((s) => s.type === 'hour');\n            if (hours) {\n                timeFormatParts.push(hours.format);\n            }\n            const minutes = dateFieldState.sections.find((s) => s.type === 'minute');\n            if (minutes) {\n                timeFormatParts.push(minutes.format);\n            }\n            const seconds = dateFieldState.sections.find((s) => s.type === 'second');\n            if (seconds) {\n                timeFormatParts.push(seconds.format);\n            }\n            const dayPeriod = dateFieldState.sections.find((s) => s.type === 'dayPeriod');\n            return timeFormatParts.join(':') + (dayPeriod ? ` ${dayPeriod.format}` : '');\n        }, [dateFieldState.formatInfo.hasTime, dateFieldState.sections]);\n\n        if (value) {\n            selectedDate = setTimezone(value, timeZone);\n            if (dateFieldState.formatInfo.hasTime) {\n                selectedTime = selectedDate;\n            }\n        }\n\n        // Intercept setValue to make sure the Time section is not changed by date selection in Calendar\n        const selectDate = (newValue: T) => {\n            if (disabled || readOnly) {\n                return;\n            }\n\n            const newDate = adjustDateToFormat(newValue, dateFieldState.formatInfo);\n            const shouldClose = !dateFieldState.formatInfo.hasTime;\n            if (dateFieldState.formatInfo.hasTime) {\n                if (selectedTime || shouldClose) {\n                    commitValue(newDate, selectedTime || newDate);\n                } else {\n                    setSelectedDate(newDate);\n                }\n            } else {\n                commitValue(newDate, newDate);\n            }\n\n            if (shouldClose) {\n                setOpen(false, 'ValueSelected');\n            }\n        };\n\n        const selectTime = (newValue: T | null) => {\n            if (disabled || readOnly) {\n                return;\n            }\n\n            const newTime = adjustDateToFormat(\n                newValue ?? getPlaceholderTime(props.placeholderValue, timeZone),\n                dateFieldState.formatInfo,\n            );\n\n            if (selectedDate) {\n                commitValue(selectedDate, newTime);\n            } else {\n                setSelectedTime(newTime);\n            }\n        };\n\n        if (dateFieldState.formatInfo.hasTime && !selectedTime) {\n            selectedTime = dateFieldState.displayValue;\n        }\n\n        return {\n            value,\n            setValue(newDate: T | null) {\n                if (props.readOnly || props.disabled) {\n                    return;\n                }\n\n                if (newDate) {\n                    setValue(setTimezone(newDate, inputTimeZone));\n                } else {\n                    setValue(null);\n                }\n            },\n            dateValue: selectedDate,\n            timeValue: selectedTime,\n            setDateValue: selectDate,\n            setTimeValue: selectTime,\n            disabled,\n            readOnly,\n            format,\n            formatInfo: dateFieldState.formatInfo,\n            hasDate: dateFieldState.formatInfo.hasDate,\n            hasTime: dateFieldState.formatInfo.hasTime,\n            timeFormat,\n            timeZone,\n            isOpen,\n            setOpen(newIsOpen, reason) {\n                if (!newIsOpen && !value && selectedDate && dateFieldState.formatInfo.hasTime) {\n                    commitValue(\n                        selectedDate,\n                        selectedTime || getPlaceholderTime(props.placeholderValue, props.timeZone),\n                    );\n                }\n\n                setOpen(newIsOpen, reason);\n            },\n            dateFieldState,\n        };\n    };\n}\n"]}

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

@@ -1,11 +1,11 @@
 import React from 'react';
 import type { DateTime } from '@gravity-ui/date-utils';
 import type { ButtonProps, PopupProps, TextInputProps } from '@gravity-ui/uikit';
-import type { CalendarInstance, CalendarProps } from '../../Calendar';
-import type { DateFieldProps } from '../../DateField';
-import type { RangeValue } from '../../types';
-import type { DatePickerProps } from '../DatePicker';
-import type { DatePickerState } from './useDatePickerState';
+import type { CalendarInstance, CalendarProps } from "../../Calendar/index.js";
+import type { DateFieldProps } from "../../DateField/index.js";
+import type { RangeValue } from "../../types/index.js";
+import type { DatePickerProps } from "../DatePicker.js";
+import type { DatePickerState } from "./useDatePickerState.js";
 interface InnerDatePickerProps<T = DateTime> {
     groupProps: React.HTMLAttributes<unknown> & {
         ref: React.Ref<any>;

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

@@ -5,11 +5,11 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const date_utils_1 = require("@gravity-ui/date-utils");
 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");
-const utils_1 = require("../utils");
+const DateField_1 = require("../../DateField/index.js");
+const getButtonSizeForInput_1 = require("../../utils/getButtonSizeForInput.js");
+const mergeProps_1 = require("../../utils/mergeProps.js");
+const i18n_1 = require("../i18n/index.js");
+const utils_1 = require("../utils/index.js");
 function useDatePickerProps(state, _a) {
     var { onFocus, onBlur } = _a, props = tslib_1.__rest(_a, ["onFocus", "onBlur"]);
     const [isActive, setActive] = react_1.default.useState(false);
@@ -53,7 +53,8 @@ function useDatePickerProps(state, _a) {
             (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus({ preventScroll: true });
         });
     }
-    const onlyTime = state.hasTime && !state.hasDate;
+    const onlyTime = state.formatInfo.hasTime && !state.formatInfo.hasDate;
+    const calendarModes = (0, utils_1.getCalendarModes)(state.formatInfo);
     return {
         groupProps: Object.assign(Object.assign({ ref: groupRef, tabIndex: -1, role: 'group' }, focusWithinProps), { style: props.style, 'aria-disabled': state.disabled || undefined, onKeyDown: (e) => {
                 if (!onlyTime && e.altKey && (e.key === 'ArrowDown' || e.key === 'ArrowUp')) {
@@ -114,7 +115,7 @@ function useDatePickerProps(state, _a) {
             readOnly: props.readOnly,
             onUpdate: (d) => {
                 state.setDateValue(d);
-                if (!state.hasTime) {
+                if (!state.formatInfo.hasTime) {
                     focusInput();
                 }
             },
@@ -125,6 +126,7 @@ function useDatePickerProps(state, _a) {
             timeZone: state.timeZone,
             focusedValue: focusedDate,
             onFocusUpdate: setFocusedDate,
+            modes: calendarModes,
         },
         timeInputProps: {
             value: state.timeValue,
@@ -139,3 +141,4 @@ function useDatePickerProps(state, _a) {
         },
     };
 }
+//# sourceMappingURL=useDatePickerProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDatePickerProps.js","sourceRoot":"../../../../../src","sources":["components/DatePicker/hooks/useDatePickerProps.ts"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport {isDateTime} from '@gravity-ui/date-utils';\nimport type {DateTime} from '@gravity-ui/date-utils';\nimport {useFocusWithin, useForkRef} from '@gravity-ui/uikit';\nimport type {ButtonProps, PopupProps, TextInputProps} from '@gravity-ui/uikit';\n\nimport type {CalendarInstance, CalendarProps} from '../../Calendar';\nimport {useDateFieldProps} from '../../DateField';\nimport type {DateFieldProps} from '../../DateField';\nimport type {RangeValue} from '../../types';\nimport {getButtonSizeForInput} from '../../utils/getButtonSizeForInput';\nimport {mergeProps} from '../../utils/mergeProps';\nimport type {DatePickerProps} from '../DatePicker';\nimport {i18n} from '../i18n';\nimport {getCalendarModes, getDateTimeValue} from '../utils';\n\nimport type {DatePickerState} from './useDatePickerState';\n\ninterface InnerDatePickerProps<T = DateTime> {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    groupProps: React.HTMLAttributes<unknown> & {ref: React.Ref<any>};\n    fieldProps: TextInputProps;\n    calendarButtonProps: ButtonProps & {ref: React.Ref<HTMLButtonElement>};\n    popupProps: PopupProps;\n    calendarProps: CalendarProps<T> & {ref: React.Ref<CalendarInstance>};\n    timeInputProps: DateFieldProps<T>;\n}\n\nexport function useDatePickerProps<T extends DateTime | RangeValue<DateTime>>(\n    state: DatePickerState<T>,\n    {onFocus, onBlur, ...props}: DatePickerProps<T>,\n): InnerDatePickerProps<T> {\n    const [isActive, setActive] = React.useState(false);\n\n    const [focusedDate, setFocusedDate] = React.useState(\n        isDateTime(state.dateFieldState.displayValue)\n            ? state.dateFieldState.displayValue\n            : state.dateFieldState.displayValue.start,\n    );\n    const [prevDateValue, setPrevDateValue] = React.useState<any>(\n        state.dateFieldState.displayValue,\n    );\n\n    if (isDateTime(state.dateFieldState.displayValue)) {\n        if (!state.dateFieldState.displayValue.isSame(prevDateValue, 'day')) {\n            setPrevDateValue(state.dateFieldState.displayValue);\n            setFocusedDate(state.dateFieldState.displayValue);\n        }\n    } else if (!state.dateFieldState.displayValue.start.isSame(prevDateValue.start, 'day')) {\n        setPrevDateValue(state.dateFieldState.displayValue);\n        setFocusedDate(state.dateFieldState.displayValue.start);\n    } else if (!state.dateFieldState.displayValue.end.isSame(prevDateValue.end, 'day')) {\n        setPrevDateValue(state.dateFieldState.displayValue);\n        setFocusedDate(state.dateFieldState.displayValue.end);\n    }\n\n    const {focusWithinProps} = useFocusWithin({\n        onFocusWithin: onFocus,\n        onBlurWithin: onBlur,\n        onFocusWithinChange(isFocusWithin) {\n            setActive(isFocusWithin);\n            if (!isFocusWithin) {\n                state.setOpen(false, 'FocusOut');\n            }\n        },\n    });\n\n    const {inputProps} = useDateFieldProps(state.dateFieldState, props);\n\n    const inputRef = React.useRef<HTMLInputElement>(null);\n\n    const handleRef = useForkRef(inputRef, inputProps.controlRef);\n\n    const calendarRef = React.useRef<CalendarInstance>(null);\n    const calendarButtonRef = React.useRef<HTMLButtonElement>(null);\n    const groupRef = React.useRef<HTMLElement>(null);\n\n    function focusInput() {\n        setTimeout(() => {\n            inputRef.current?.focus({preventScroll: true});\n        });\n    }\n\n    const onlyTime = state.formatInfo.hasTime && !state.formatInfo.hasDate;\n    const calendarModes = getCalendarModes(state.formatInfo);\n\n    return {\n        groupProps: {\n            ref: groupRef,\n            tabIndex: -1,\n            role: 'group',\n            ...focusWithinProps,\n            style: props.style,\n            'aria-disabled': state.disabled || undefined,\n            onKeyDown: (e) => {\n                if (!onlyTime && e.altKey && (e.key === 'ArrowDown' || e.key === 'ArrowUp')) {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    state.setOpen(true, 'ShortcutKeyDown');\n                }\n            },\n        },\n        fieldProps: mergeProps(\n            inputProps,\n            state.dateFieldState.isEmpty && !isActive && props.placeholder\n                ? {value: ''}\n                : undefined,\n            {\n                controlRef: handleRef,\n                controlProps: {role: 'combobox', 'aria-expanded': state.isOpen},\n            },\n        ),\n        calendarButtonProps: {\n            ref: calendarButtonRef,\n            size: getButtonSizeForInput(props.size),\n            disabled: state.disabled,\n            extraProps: {\n                'aria-label': i18n('Calendar'),\n                'aria-haspopup': 'dialog',\n                'aria-expanded': state.isOpen,\n            },\n            view: 'flat-secondary',\n            onClick: () => {\n                setActive(true);\n                state.setOpen(!state.isOpen, 'TriggerButtonClick');\n            },\n        },\n        popupProps: {\n            open: state.isOpen,\n            onEscapeKeyDown: () => {\n                state.setOpen(false, 'EscapeKeyDown');\n                focusInput();\n            },\n            onOutsideClick: (e) => {\n                if (e.target !== calendarButtonRef.current) {\n                    state.setOpen(false, 'ClickOutside');\n                }\n                if (e.target && groupRef.current?.contains(e.target as Node)) {\n                    focusInput();\n                }\n            },\n            onTransitionExited: () => {\n                setFocusedDate(\n                    isDateTime(state.dateFieldState.displayValue)\n                        ? state.dateFieldState.displayValue\n                        : state.dateFieldState.displayValue.start,\n                );\n            },\n            focusTrap: !props.disableFocusTrap,\n            disablePortal: props.disablePortal,\n        },\n        calendarProps: {\n            ref: calendarRef,\n            autoFocus: true,\n            size: props.size === 's' ? 'm' : props.size,\n            disabled: props.disabled,\n            readOnly: props.readOnly,\n            onUpdate: (d) => {\n                state.setDateValue(d);\n                if (!state.formatInfo.hasTime) {\n                    focusInput();\n                }\n            },\n            value: state.dateFieldState.displayValue,\n            minValue: props.minValue,\n            maxValue: props.maxValue,\n            isDateUnavailable: props.isDateUnavailable,\n            timeZone: state.timeZone,\n            focusedValue: focusedDate,\n            onFocusUpdate: setFocusedDate,\n            modes: calendarModes,\n        },\n        timeInputProps: {\n            value: state.timeValue,\n            placeholderValue: getDateTimeValue(state.dateFieldState.displayValue),\n            onUpdate: state.setTimeValue,\n            format: state.timeFormat,\n            readOnly: state.readOnly,\n            disabled: state.disabled,\n            timeZone: state.timeZone,\n            hasClear: props.hasClear,\n            size: props.size,\n        },\n    };\n}\n"]}

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

@@ -1,6 +1,6 @@
 import type { DateTime } from '@gravity-ui/date-utils';
-import type { DateFieldBase } from '../../types';
-export type { DatePickerState } from './datePickerStateFactory';
+import type { DateFieldBase } from "../../types/index.js";
+export type { DatePickerState } from "./datePickerStateFactory.js";
 export interface DatePickerStateOptions extends DateFieldBase {
 }
-export declare const useDatePickerState: (props: import("../../DateField").DateFieldStateOptions) => import("./datePickerStateFactory").DatePickerState<DateTime>;
+export declare const useDatePickerState: (props: import("../../DateField/index.js").DateFieldStateOptions) => import("./datePickerStateFactory.js").DatePickerState<DateTime>;

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

@@ -1,17 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDatePickerState = void 0;
-const DateField_1 = require("../../DateField");
-const dates_1 = require("../../utils/dates");
-const utils_1 = require("../utils");
-const datePickerStateFactory_1 = require("./datePickerStateFactory");
+const DateField_1 = require("../../DateField/index.js");
+const utils_1 = require("../../DateField/utils.js");
+const dates_1 = require("../../utils/dates.js");
+const utils_2 = require("../utils/index.js");
+const datePickerStateFactory_1 = require("./datePickerStateFactory.js");
 exports.useDatePickerState = (0, datePickerStateFactory_1.datePickerStateFactory)({
     getPlaceholderTime,
     mergeDateTime: dates_1.mergeDateTime,
     setTimezone: (date, timeZone) => date.timeZone(timeZone),
-    getDateTime: utils_1.getDateTimeValue,
+    getDateTime: utils_2.getDateTimeValue,
     useDateFieldState: DateField_1.useDateFieldState,
+    adjustDateToFormat: utils_1.adjustDateToFormat,
 });
 function getPlaceholderTime(placeholderValue, timeZone) {
     return (0, dates_1.createPlaceholderValue)({ placeholderValue, timeZone });
 }
+//# sourceMappingURL=useDatePickerState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDatePickerState.js","sourceRoot":"../../../../../src","sources":["components/DatePicker/hooks/useDatePickerState.ts"],"names":[],"mappings":";;;AAEA,wDAAkD;AAClD,oDAAyD;AAEzD,gDAAwE;AACxE,6CAA0C;AAE1C,wEAAgE;AAMnD,QAAA,kBAAkB,GAAG,IAAA,+CAAsB,EAAC;IACrD,kBAAkB;IAClB,aAAa,EAAb,qBAAa;IACb,WAAW,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC;IACxD,WAAW,EAAE,wBAAgB;IAC7B,iBAAiB,EAAjB,6BAAiB;IACjB,kBAAkB,EAAlB,0BAAkB;CACrB,CAAC,CAAC;AAEH,SAAS,kBAAkB,CAAC,gBAAsC,EAAE,QAAiB;IACjF,OAAO,IAAA,8BAAsB,EAAC,EAAC,gBAAgB,EAAE,QAAQ,EAAC,CAAC,CAAC;AAChE,CAAC","sourcesContent":["import type {DateTime} from '@gravity-ui/date-utils';\n\nimport {useDateFieldState} from '../../DateField';\nimport {adjustDateToFormat} from '../../DateField/utils';\nimport type {DateFieldBase} from '../../types';\nimport {createPlaceholderValue, mergeDateTime} from '../../utils/dates';\nimport {getDateTimeValue} from '../utils';\n\nimport {datePickerStateFactory} from './datePickerStateFactory';\n\nexport type {DatePickerState} from './datePickerStateFactory';\n\nexport interface DatePickerStateOptions extends DateFieldBase {}\n\nexport const useDatePickerState = datePickerStateFactory({\n    getPlaceholderTime,\n    mergeDateTime,\n    setTimezone: (date, timeZone) => date.timeZone(timeZone),\n    getDateTime: getDateTimeValue,\n    useDateFieldState,\n    adjustDateToFormat,\n});\n\nfunction getPlaceholderTime(placeholderValue: DateTime | undefined, timeZone?: string) {\n    return createPlaceholderValue({placeholderValue, timeZone});\n}\n"]}

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

@@ -1,11 +1,10 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.i18n = void 0;
+const tslib_1 = require("tslib");
 const i18n_1 = require("@gravity-ui/uikit/i18n");
-const cn_1 = require("../../../utils/cn");
-const en_json_1 = __importDefault(require("./en.json"));
-const ru_json_1 = __importDefault(require("./ru.json"));
+const cn_1 = require("../../../utils/cn.js");
+const en_json_1 = tslib_1.__importDefault(require("./en.json"));
+const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
 exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}date-picker`);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["components/DatePicker/i18n/index.ts"],"names":[],"mappings":";;;;AAAA,iDAA2D;AAE3D,6CAA4C;AAE5C,gEAA2B;AAC3B,gEAA2B;AAEd,QAAA,IAAI,GAAG,IAAA,0BAAmB,EAAC,EAAC,EAAE,EAAF,iBAAE,EAAE,EAAE,EAAF,iBAAE,EAAC,EAAE,GAAG,cAAS,aAAa,CAAC,CAAC","sourcesContent":["import {addComponentKeysets} from '@gravity-ui/uikit/i18n';\n\nimport {NAMESPACE} from '../../../utils/cn';\n\nimport en from './en.json';\nimport ru from './ru.json';\n\nexport const i18n = addComponentKeysets({en, ru}, `${NAMESPACE}date-picker`);\n"]}

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

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

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

@@ -1,19 +1,7 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./DatePicker"), exports);
-__exportStar(require("./hooks/useDatePickerState"), exports);
-__exportStar(require("./hooks/useDatePickerProps"), exports);
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./DatePicker.js"), exports);
+tslib_1.__exportStar(require("./hooks/useDatePickerState.js"), exports);
+tslib_1.__exportStar(require("./hooks/useDatePickerProps.js"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["components/DatePicker/index.ts"],"names":[],"mappings":";;;AAAA,0DAA6B;AAE7B,wEAA2C;AAC3C,wEAA2C","sourcesContent":["export * from './DatePicker';\n\nexport * from './hooks/useDatePickerState';\nexport * from './hooks/useDatePickerProps';\n"]}

package/dist/cjs/components/DatePicker/utils/cn.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.b = void 0;
-const cn_1 = require("../../../utils/cn");
+const cn_1 = require("../../../utils/cn.js");
 exports.b = (0, cn_1.block)('date-picker');
+//# sourceMappingURL=cn.js.map

package/dist/cjs/components/DatePicker/utils/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.js","sourceRoot":"../../../../../src","sources":["components/DatePicker/utils/cn.ts"],"names":[],"mappings":";;;AAAA,6CAAwC;AAE3B,QAAA,CAAC,GAAG,IAAA,UAAK,EAAC,aAAa,CAAC,CAAC","sourcesContent":["import {block} from '../../../utils/cn';\n\nexport const b = block('date-picker');\n"]}

package/dist/cjs/components/DatePicker/utils/getCalendarModes.d.ts

@@ -0,0 +1,5 @@
+import type { CalendarLayout } from "../../CalendarView/hooks/types.js";
+import type { FormatInfo } from "../../DateField/types.js";
+type LayoutModes = Partial<Record<CalendarLayout, boolean>>;
+export declare function getCalendarModes(formatInfo: FormatInfo): LayoutModes | undefined;
+export {};

package/dist/cjs/components/DatePicker/utils/getCalendarModes.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCalendarModes = getCalendarModes;
+function getCalendarModes(formatInfo) {
+    if (!formatInfo.hasDate) {
+        return undefined;
+    }
+    const modes = { years: true };
+    if (formatInfo.availableUnits.day) {
+        modes.days = true;
+        modes.months = true;
+    }
+    if (formatInfo.availableUnits.month) {
+        modes.months = true;
+    }
+    if (formatInfo.availableUnits.quarter && !modes.months) {
+        modes.quarters = true;
+    }
+    return modes;
+}
+//# sourceMappingURL=getCalendarModes.js.map

package/dist/cjs/components/DatePicker/utils/getCalendarModes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCalendarModes.js","sourceRoot":"../../../../../src","sources":["components/DatePicker/utils/getCalendarModes.ts"],"names":[],"mappings":";;AAKA,4CAoBC;AApBD,SAAgB,gBAAgB,CAAC,UAAsB;IACnD,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;QACtB,OAAO,SAAS,CAAC;IACrB,CAAC;IAED,MAAM,KAAK,GAAgB,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC;IACzC,IAAI,UAAU,CAAC,cAAc,CAAC,GAAG,EAAE,CAAC;QAChC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC;QAClB,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;IACxB,CAAC;IAED,IAAI,UAAU,CAAC,cAAc,CAAC,KAAK,EAAE,CAAC;QAClC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;IACxB,CAAC;IAED,IAAI,UAAU,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;QACrD,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC;IAC1B,CAAC;IAED,OAAO,KAAK,CAAC;AACjB,CAAC","sourcesContent":["import type {CalendarLayout} from '../../CalendarView/hooks/types';\nimport type {FormatInfo} from '../../DateField/types';\n\ntype LayoutModes = Partial<Record<CalendarLayout, boolean>>;\n\nexport function getCalendarModes(formatInfo: FormatInfo): LayoutModes | undefined {\n    if (!formatInfo.hasDate) {\n        return undefined;\n    }\n\n    const modes: LayoutModes = {years: true};\n    if (formatInfo.availableUnits.day) {\n        modes.days = true;\n        modes.months = true;\n    }\n\n    if (formatInfo.availableUnits.month) {\n        modes.months = true;\n    }\n\n    if (formatInfo.availableUnits.quarter && !modes.months) {\n        modes.quarters = true;\n    }\n\n    return modes;\n}\n"]}

package/dist/cjs/components/DatePicker/utils/getDateTimeValue.d.ts

@@ -1,3 +1,3 @@
 import type { DateTime } from '@gravity-ui/date-utils';
-import type { RangeValue } from '../../types';
+import type { RangeValue } from "../../types/index.js";
 export declare function getDateTimeValue(value: DateTime | RangeValue<DateTime> | null | undefined): DateTime | undefined;

package/dist/cjs/components/DatePicker/utils/getDateTimeValue.js

@@ -7,3 +7,4 @@ function getDateTimeValue(value) {
     }
     return 'start' in value && 'end' in value ? value.start : value;
 }
+//# sourceMappingURL=getDateTimeValue.js.map

package/dist/cjs/components/DatePicker/utils/getDateTimeValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDateTimeValue.js","sourceRoot":"../../../../../src","sources":["components/DatePicker/utils/getDateTimeValue.ts"],"names":[],"mappings":";;AAIA,4CAQC;AARD,SAAgB,gBAAgB,CAC5B,KAAyD;IAEzD,IAAI,CAAC,KAAK,EAAE,CAAC;QACT,OAAO,SAAS,CAAC;IACrB,CAAC;IAED,OAAO,OAAO,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;AACpE,CAAC","sourcesContent":["import type {DateTime} from '@gravity-ui/date-utils';\n\nimport type {RangeValue} from '../../types';\n\nexport function getDateTimeValue(\n    value: DateTime | RangeValue<DateTime> | null | undefined,\n): DateTime | undefined {\n    if (!value) {\n        return undefined;\n    }\n\n    return 'start' in value && 'end' in value ? value.start : value;\n}\n"]}

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

@@ -1,2 +1,3 @@
-export * from './cn';
-export * from './getDateTimeValue';
+export * from "./cn.js";
+export * from "./getDateTimeValue.js";
+export * from "./getCalendarModes.js";

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

@@ -1,18 +1,7 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./cn"), exports);
-__exportStar(require("./getDateTimeValue"), exports);
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./cn.js"), exports);
+tslib_1.__exportStar(require("./getDateTimeValue.js"), exports);
+tslib_1.__exportStar(require("./getCalendarModes.js"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["components/DatePicker/utils/index.ts"],"names":[],"mappings":";;;AAAA,kDAAqB;AACrB,gEAAmC;AACnC,gEAAmC","sourcesContent":["export * from './cn';\nexport * from './getDateTimeValue';\nexport * from './getCalendarModes';\n"]}

package/dist/cjs/components/HiddenInput/HiddenInput.js

@@ -1,12 +1,10 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HiddenInput = HiddenInput;
 exports.useFormResetHandler = useFormResetHandler;
+const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
+const react_1 = tslib_1.__importDefault(require("react"));
 function HiddenInput({ name, value, onReset, form, disabled, toStringValue, }) {
     const ref = useFormResetHandler({ initialValue: value, onReset });
     if (!name) {
@@ -36,3 +34,4 @@ function useFormResetHandler({ initialValue, onReset, }) {
     }, []);
     return ref;
 }
+//# sourceMappingURL=HiddenInput.js.map

package/dist/cjs/components/HiddenInput/HiddenInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HiddenInput.js","sourceRoot":"../../../../src","sources":["components/HiddenInput/HiddenInput.tsx"],"names":[],"mappings":";;AAUA,kCAgBC;AAED,kDAkCC;;;AA9DD,0DAA0B;AAU1B,SAAgB,WAAW,CAAI,EAC3B,IAAI,EACJ,KAAK,EACL,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,aAAa,GACK;IAClB,MAAM,GAAG,GAAG,mBAAmB,CAAI,EAAC,YAAY,EAAE,KAAK,EAAE,OAAO,EAAC,CAAC,CAAC;IAEnE,IAAI,CAAC,IAAI,EAAE,CAAC;QACR,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,EAAE,CAAC;IAClE,OAAO,kCAAO,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;AACnG,CAAC;AAED,SAAgB,mBAAmB,CAAI,EACnC,YAAY,EACZ,OAAO,GAIV;IACG,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAyB,IAAI,CAAC,CAAC;IAEnF,MAAM,UAAU,GAAG,eAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IAE9C,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,CAAC,WAAW,IAAI,CAAC,OAAO,EAAE,CAAC;YAC3B,OAAO,SAAS,CAAC;QACrB,CAAC;QAED,MAAM,WAAW,GAAG,GAAG,EAAE;YACrB,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAChC,CAAC,CAAC;QAEF,WAAW,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QACnD,OAAO,GAAG,EAAE;YACR,WAAW,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAC1D,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;IAE3B,MAAM,GAAG,GAAG,eAAK,CAAC,WAAW,CACzB,CAAC,IAAuE,EAAE,EAAE;;QACxE,cAAc,CAAC,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,mCAAI,IAAI,CAAC,CAAC;IACvC,CAAC,EACD,EAAE,CACL,CAAC;IAEF,OAAO,GAAG,CAAC;AACf,CAAC","sourcesContent":["import React from 'react';\n\ninterface HiddenInputProps<T> {\n    value: T;\n    onReset?: (value: T) => void;\n    toStringValue?: (value: T) => string;\n    name?: string;\n    disabled?: boolean;\n    form?: string;\n}\nexport function HiddenInput<T>({\n    name,\n    value,\n    onReset,\n    form,\n    disabled,\n    toStringValue,\n}: HiddenInputProps<T>) {\n    const ref = useFormResetHandler<T>({initialValue: value, onReset});\n\n    if (!name) {\n        return null;\n    }\n\n    const v = toStringValue ? toStringValue(value) : `${value ?? ''}`;\n    return <input ref={ref} type=\"hidden\" name={name} value={v} disabled={disabled} form={form} />;\n}\n\nexport function useFormResetHandler<T>({\n    initialValue,\n    onReset,\n}: {\n    initialValue: T;\n    onReset?: (value: T) => void;\n}) {\n    const [formElement, setFormElement] = React.useState<HTMLFormElement | null>(null);\n\n    const resetValue = React.useRef(initialValue);\n\n    React.useEffect(() => {\n        if (!formElement || !onReset) {\n            return undefined;\n        }\n\n        const handleReset = () => {\n            onReset(resetValue.current);\n        };\n\n        formElement.addEventListener('reset', handleReset);\n        return () => {\n            formElement.removeEventListener('reset', handleReset);\n        };\n    }, [formElement, onReset]);\n\n    const ref = React.useCallback(\n        (node: HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | null) => {\n            setFormElement(node?.form ?? null);\n        },\n        [],\n    );\n\n    return ref;\n}\n"]}

package/dist/cjs/components/RangeCalendar/RangeCalendar.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import type { DateTime } from '@gravity-ui/date-utils';
-import type { CalendarProps } from '../Calendar/Calendar';
-import type { CalendarInstance } from '../CalendarView/CalendarView';
-import type { RangeValue } from '../types';
-import '../CalendarView/Calendar.css';
+import type { CalendarProps } from "../Calendar/Calendar.js";
+import type { CalendarInstance } from "../CalendarView/CalendarView.js";
+import type { RangeValue } from "../types/index.js";
+import "../CalendarView/Calendar.css";
 export type RangeCalendarProps = CalendarProps<RangeValue<DateTime>>;
 export declare const RangeCalendar: React.ForwardRefExoticComponent<RangeCalendarProps & React.RefAttributes<CalendarInstance>>;

package/dist/cjs/components/RangeCalendar/RangeCalendar.js

@@ -1,14 +1,12 @@
 'use client';
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RangeCalendar = void 0;
+const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const CalendarView_1 = require("../CalendarView/CalendarView");
-const useRangeCalendarState_1 = require("../CalendarView/hooks/useRangeCalendarState");
+const react_1 = tslib_1.__importDefault(require("react"));
+const CalendarView_1 = require("../CalendarView/CalendarView.js");
+const useRangeCalendarState_1 = require("../CalendarView/hooks/useRangeCalendarState.js");
 require("../CalendarView/Calendar.css");
 exports.RangeCalendar = react_1.default.forwardRef(function Calendar(props, ref) {
     const state = (0, useRangeCalendarState_1.useRangeCalendarState)(props);
@@ -21,3 +19,4 @@ exports.RangeCalendar = react_1.default.forwardRef(function Calendar(props, ref)
     };
     return (0, jsx_runtime_1.jsx)(CalendarView_1.CalendarView, Object.assign({ ref: ref }, props, { state: state, onBlur: handleBlur }));
 });
+//# sourceMappingURL=RangeCalendar.js.map

package/dist/cjs/components/RangeCalendar/RangeCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeCalendar.js","sourceRoot":"../../../../src","sources":["components/RangeCalendar/RangeCalendar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;AAEb,0DAA0B;AAK1B,kEAA0D;AAE1D,0FAAkF;AAGlF,wCAAuC;AAI1B,QAAA,aAAa,GAAG,eAAK,CAAC,UAAU,CACzC,SAAS,QAAQ,CAAC,KAAyB,EAAE,GAAG;IAC5C,MAAM,KAAK,GAAG,IAAA,6CAAqB,EAAC,KAAK,CAAC,CAAC;IAE3C,MAAM,UAAU,GAAG,CAAC,CAAmB,EAAE,EAAE;;QACvC,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;YACnB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC9B,CAAC;QACD,MAAA,KAAK,CAAC,MAAM,sDAAG,CAAC,CAAC,CAAC;IACtB,CAAC,CAAC;IACF,OAAO,uBAAC,2BAAY,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,IAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,IAAI,CAAC;AACnF,CAAC,CACJ,CAAC","sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport type {DateTime} from '@gravity-ui/date-utils';\n\nimport type {CalendarProps} from '../Calendar/Calendar';\nimport {CalendarView} from '../CalendarView/CalendarView';\nimport type {CalendarInstance} from '../CalendarView/CalendarView';\nimport {useRangeCalendarState} from '../CalendarView/hooks/useRangeCalendarState';\nimport type {RangeValue} from '../types';\n\nimport '../CalendarView/Calendar.scss';\n\nexport type RangeCalendarProps = CalendarProps<RangeValue<DateTime>>;\n\nexport const RangeCalendar = React.forwardRef<CalendarInstance, RangeCalendarProps>(\n    function Calendar(props: RangeCalendarProps, ref) {\n        const state = useRangeCalendarState(props);\n\n        const handleBlur = (e: React.FocusEvent) => {\n            if (state.anchorDate) {\n                state.selectFocusedDate();\n            }\n            props.onBlur?.(e);\n        };\n        return <CalendarView ref={ref} {...props} state={state} onBlur={handleBlur} />;\n    },\n);\n"]}

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

@@ -1 +1 @@
-export * from './RangeCalendar';
+export * from "./RangeCalendar.js";

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

@@ -1,17 +1,5 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./RangeCalendar"), exports);
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./RangeCalendar.js"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/RangeCalendar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["components/RangeCalendar/index.ts"],"names":[],"mappings":";;;AAAA,6DAAgC","sourcesContent":["export * from './RangeCalendar';\n"]}

package/dist/cjs/components/RangeDateField/RangeDateField.css

@@ -1,4 +1,5 @@
 .g-date-range-date-field {
   display: inline-block;
   width: auto;
-}
+}
+/*# sourceMappingURL=RangeDateField.css.map */

package/dist/cjs/components/RangeDateField/RangeDateField.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/RangeDateField/data:;charset=utf-8,@use%20'../variables';%0A%0A$block:%20'.%23%7Bvariables.$ns%7Drange-date-field';%0A%0A%23%7B$block%7D%20%7B%0A%20%20%20%20display:%20inline-block;%0A%0A%20%20%20%20width:%20auto;%0A%7D%0A"],"names":[],"mappings":"AAIA;EACI;EAEA","sourcesContent":["@use '../variables';\n\n$block: '.#{variables.$ns}range-date-field';\n\n#{$block} {\n    display: inline-block;\n\n    width: auto;\n}\n"],"file":"RangeDateField.css"}

package/dist/cjs/components/RangeDateField/RangeDateField.d.ts

@@ -1,7 +1,7 @@
 import type { DateTime } from '@gravity-ui/date-utils';
-import type { DateFieldProps } from '../DateField/hooks/useDateFieldProps';
-import type { RangeValue } from '../types';
-import './RangeDateField.css';
+import type { DateFieldProps } from "../DateField/hooks/useDateFieldProps.js";
+import type { RangeValue } from "../types/index.js";
+import "./RangeDateField.css";
 export type RangeDateFieldProps = DateFieldProps<RangeValue<DateTime>> & {
     /**
      * Delimiter separating the start and end parts of the range.

package/dist/cjs/components/RangeDateField/RangeDateField.js

@@ -6,10 +6,10 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const cn_1 = require("../../utils/cn");
-const useDateFieldProps_1 = require("../DateField/hooks/useDateFieldProps");
-const HiddenInput_1 = require("../HiddenInput/HiddenInput");
-const useRangeDateFieldState_1 = require("./hooks/useRangeDateFieldState");
+const cn_1 = require("../../utils/cn.js");
+const useDateFieldProps_1 = require("../DateField/hooks/useDateFieldProps.js");
+const HiddenInput_1 = require("../HiddenInput/HiddenInput.js");
+const useRangeDateFieldState_1 = require("./hooks/useRangeDateFieldState.js");
 require("./RangeDateField.css");
 const b = (0, cn_1.block)('range-date-field');
 function RangeDateField(_a) {
@@ -27,3 +27,4 @@ function RangeDateField(_a) {
                     state.setDate(v);
                 }, value: (_b = state.value) !== null && _b !== void 0 ? _b : null, toStringValue: (v) => (v ? v.start.toISOString() : ''), disabled: state.disabled }), (0, jsx_runtime_1.jsx)(HiddenInput_1.HiddenInput, { name: props.name, form: props.form, value: (_c = state.value) !== null && _c !== void 0 ? _c : null, toStringValue: (v) => (v ? v.end.toISOString() : ''), disabled: state.disabled })] })));
 }
+//# sourceMappingURL=RangeDateField.js.map