@gravity-ui/date-components 3.4.2 → 4.0.0

package/dist/esm/components/CalendarView/hooks/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"../../../../../src","sources":["components/CalendarView/hooks/types.ts"],"names":[],"mappings":"","sourcesContent":["import type {DateTime} from '@gravity-ui/date-utils';\n\nimport type {InputBase, RangeValue} from '../../types';\n\nexport type CalendarLayout = 'days' | 'months' | 'quarters' | 'years';\n\nexport interface CalendarStateOptionsBase extends InputBase {\n    /** The minimum allowed date that a user may select. */\n    minValue?: DateTime;\n    /** The maximum allowed date that a user may select. */\n    maxValue?: DateTime;\n    /** Callback that is called for each date of the calendar. If it returns true, then the date is unavailable. */\n    isDateUnavailable?: (date: DateTime) => boolean;\n    /** Callback that is called for each date of the calendar. If it returns true, then the date is weekend. */\n    isWeekend?: (date: DateTime) => boolean;\n    /**\n     * Which timezone use to show values. Example: 'default', 'system', 'Europe/Amsterdam'.\n     * @default The timezone of the `value` or `defaultValue` or `focusedValue` or `defaultFocusedValue`, 'default' otherwise.\n     */\n    timeZone?: string;\n    /**\n     * Whether to automatically focus the calendar when it mounts.\n     * @default false\n     */\n    autoFocus?: boolean;\n    /** Controls the currently focused date within the calendar. */\n    focusedValue?: DateTime | null;\n    /** The date that is focused when the calendar first mounts (uncontrolled). */\n    defaultFocusedValue?: DateTime;\n    /** Handler that is called when the focused date changes. */\n    onFocusUpdate?: (date: DateTime) => void;\n    /** Controls what to show in calendar (days, months or years) */\n    mode?: CalendarLayout;\n    /** Initial mode to show in calendar (days, months or years) */\n    defaultMode?: CalendarLayout;\n    /** Handler that is called when the mode changes */\n    onUpdateMode?: (mode: CalendarLayout) => void;\n    /** Controls which modes to use */\n    modes?: Partial<Record<CalendarLayout, boolean>>;\n}\n\ninterface CalendarStateBase {\n    /** Whether the calendar is disabled. */\n    readonly disabled?: boolean;\n    /** Whether the calendar is in a read only state. */\n    readonly readOnly?: boolean;\n    /** Which timezone use to show values. */\n    readonly timeZone: string;\n    /** The minimum allowed date that a user may select. */\n    readonly minValue?: DateTime;\n    /** The maximum allowed date that a user may select. */\n    readonly maxValue?: DateTime;\n    /** The currently focused date. */\n    readonly focusedDate: DateTime;\n    /** Sets the focused date. */\n    setFocusedDate: (date: DateTime) => void;\n    /** Selects the currently focused date. */\n    selectFocusedDate: () => void;\n    /** Selects the given date. */\n    selectDate: (date: DateTime, force?: boolean) => void;\n    /** Moves focus to the next calendar date. */\n    focusNextCell: () => void;\n    /** Moves focus to the previous calendar date. */\n    focusPreviousCell: () => void;\n    /** Moves focus to the next row of dates, e.g. the next week. */\n    focusNextRow: () => void;\n    /** Moves focus to the previous row of dates, e.g. the previous work. */\n    focusPreviousRow: () => void;\n    /**\n     * Moves focus to the next page of dates, e.g. the next month.\n     * If the `larger` option is `true`, the focus is moved by the next larger unit.\n     * For example, if days are displayed, then focus moves to the next year.\n     */\n    focusNextPage: (larger?: boolean) => void;\n    /**\n     * Moves focus to the previous page of dates, e.g. the previous month.\n     * If the `larger` option is `true`, the focus is moved by the next larger unit.\n     * For example, if days are displayed, then focus moves to the previous year.\n     */\n    focusPreviousPage: (larger?: boolean) => void;\n    /** Moves focus to the start of the current section of dates, e.g. the start of the current month. */\n    focusSectionStart: () => void;\n    /** Moves focus to the end of the current section of dates, e.g. the end of the current month month. */\n    focusSectionEnd: () => void;\n    /** Switches to more detailed layout. */\n    zoomIn: () => void;\n    /** Switches to less detailed layout. */\n    zoomOut: () => void;\n    /** Whether focus is currently within the calendar. */\n    readonly isFocused: boolean;\n    /** Sets whether focus is currently within the calendar. */\n    setFocused: (isFocused: boolean) => void;\n    /** Returns whether the given date is invalid according to the `minValue` and `maxValue` props. */\n    isInvalid: (date: DateTime) => boolean;\n    /** Returns whether the previous page is allowed to be selected according to the `minValue` prop. */\n    isPreviousPageInvalid: () => boolean;\n    /** Returns whether the next page is allowed to be selected according to the `maxValue` prop. */\n    isNextPageInvalid: () => boolean;\n    /** Returns whether the given date is currently selected. */\n    isSelected: (date: DateTime) => boolean;\n    /** Returns whether the given date is unavailable according to the `isDateUnavailable` prop. */\n    isCellUnavailable: (date: DateTime) => boolean;\n    /** Returns whether the given date is currently focused. */\n    isCellFocused: (date: DateTime) => boolean;\n    /** Returns whether the given date is disabled according to the `minValue, `maxValue`, and `isDisabled` props. */\n    isCellDisabled: (date: DateTime) => boolean;\n    /** Returns whether the given date is weekend */\n    isWeekend: (date: DateTime) => boolean;\n    /** Returns whether the given date is in current period */\n    isCurrent: (date: DateTime) => boolean;\n    /** Current calendar layout */\n    readonly mode: CalendarLayout;\n    /** Sets calendar layout */\n    setMode: (mode: CalendarLayout) => void;\n    readonly availableModes: CalendarLayout[];\n    readonly startDate: DateTime;\n    readonly endDate: DateTime;\n}\n\nexport interface CalendarState extends CalendarStateBase {\n    /** The currently selected date. */\n    readonly value: DateTime | null;\n    /** Sets the currently selected date. */\n    setValue: (value: DateTime) => void;\n}\n\nexport interface RangeCalendarState extends CalendarStateBase {\n    /** The currently selected range. */\n    readonly value: RangeValue<DateTime> | null;\n    /** Sets the currently selected range. */\n    setValue: (value: RangeValue<DateTime>) => void;\n    /** The current anchor date that the user clicked on to begin range selection. */\n    readonly anchorDate: DateTime | undefined;\n    /** Sets the anchor date that the user clicked on to begin range selection. */\n    setAnchorDate: (date: DateTime | undefined) => void;\n    /** The currently highlighted date range. */\n    readonly highlightedRange: RangeValue<DateTime> | undefined;\n    /** Highlights the given date during selection, e.g. by hovering. */\n    highlightDate: (date: DateTime) => void;\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"../../../../../src","sources":["components/CalendarView/hooks/types.ts"],"names":[],"mappings":"","sourcesContent":["import type {DateTime} from '@gravity-ui/date-utils';\n\nimport type {InputBase, RangeValue} from '../../types';\n\nexport type CalendarLayout = 'days' | 'months' | 'quarters' | 'years';\n\nexport interface CalendarStateOptionsBase extends InputBase {\n    /** The minimum allowed date that a user may select. */\n    minValue?: DateTime;\n    /** The maximum allowed date that a user may select. */\n    maxValue?: DateTime;\n    /** Callback that is called for each date of the calendar. If it returns true, then the date is unavailable. */\n    isDateUnavailable?: (date: DateTime) => boolean;\n    /** Callback that is called for each date of the calendar. If it returns true, then the date is weekend. */\n    isWeekend?: (date: DateTime) => boolean;\n    /**\n     * Which timezone use to show values. Example: 'default', 'system', 'Europe/Amsterdam'.\n     * @default The timezone of the `value` or `defaultValue` or `focusedValue` or `defaultFocusedValue`, 'default' otherwise.\n     */\n    timeZone?: string;\n    /**\n     * Whether to automatically focus the calendar when it mounts.\n     * @default false\n     */\n    autoFocus?: boolean;\n    /** Controls the currently focused date within the calendar. */\n    focusedValue?: DateTime | null;\n    /** The date that is focused when the calendar first mounts (uncontrolled). */\n    defaultFocusedValue?: DateTime;\n    /** Handler that is called when the focused date changes. */\n    onFocusUpdate?: (date: DateTime) => void;\n    /** Controls what to show in calendar (days, months or years) */\n    mode?: CalendarLayout;\n    /** Initial mode to show in calendar (days, months or years) */\n    defaultMode?: CalendarLayout;\n    /** Handler that is called when the mode changes */\n    onUpdateMode?: (mode: CalendarLayout) => void;\n    /** Controls which modes to use */\n    modes?: Partial<Record<CalendarLayout, boolean>>;\n}\n\ninterface CalendarStateBase {\n    /** Whether the calendar is disabled. */\n    readonly disabled?: boolean;\n    /** Whether the calendar is in a read only state. */\n    readonly readOnly?: boolean;\n    /** Which timezone use to show values. */\n    readonly timeZone: string;\n    /** The minimum allowed date that a user may select. */\n    readonly minValue?: DateTime;\n    /** The maximum allowed date that a user may select. */\n    readonly maxValue?: DateTime;\n    /** The currently focused date. */\n    readonly focusedDate: DateTime;\n    /** Sets the focused date. */\n    setFocusedDate: (date: DateTime) => void;\n    /** Selects the currently focused date. */\n    selectFocusedDate: () => void;\n    /** Selects the given date. */\n    selectDate: (date: DateTime, force?: boolean) => void;\n    /** Moves focus to the next calendar date. */\n    focusNextCell: () => void;\n    /** Moves focus to the previous calendar date. */\n    focusPreviousCell: () => void;\n    /** Moves focus to the next row of dates, e.g. the next week. */\n    focusNextRow: () => void;\n    /** Moves focus to the previous row of dates, e.g. the previous work. */\n    focusPreviousRow: () => void;\n    /**\n     * Moves focus to the next page of dates, e.g. the next month.\n     * If the `larger` option is `true`, the focus is moved by the next larger unit.\n     * For example, if days are displayed, then focus moves to the next year.\n     */\n    focusNextPage: (larger?: boolean) => void;\n    /**\n     * Moves focus to the previous page of dates, e.g. the previous month.\n     * If the `larger` option is `true`, the focus is moved by the next larger unit.\n     * For example, if days are displayed, then focus moves to the previous year.\n     */\n    focusPreviousPage: (larger?: boolean) => void;\n    /** Moves focus to the start of the current section of dates, e.g. the start of the current month. */\n    focusSectionStart: () => void;\n    /** Moves focus to the end of the current section of dates, e.g. the end of the current month month. */\n    focusSectionEnd: () => void;\n    /** Switches to more detailed layout. */\n    zoomIn: () => void;\n    /** Switches to less detailed layout. */\n    zoomOut: () => void;\n    /** Whether focus is currently within the calendar. */\n    readonly isFocused: boolean;\n    /** Sets whether focus is currently within the calendar. */\n    setFocused: (isFocused: boolean) => void;\n    /** Returns whether the given date is invalid according to the `minValue` and `maxValue` props. */\n    isInvalid: (date: DateTime) => boolean;\n    /** Returns whether the previous page is allowed to be selected according to the `minValue` prop. */\n    isPreviousPageInvalid: () => boolean;\n    /** Returns whether the next page is allowed to be selected according to the `maxValue` prop. */\n    isNextPageInvalid: () => boolean;\n    /** Returns whether the given date is currently selected. */\n    isSelected: (date: DateTime) => boolean;\n    /** Returns whether the given date is unavailable according to the `isDateUnavailable` prop. */\n    isCellUnavailable: (date: DateTime) => boolean;\n    /** Returns whether the given date is currently focused. */\n    isCellFocused: (date: DateTime) => boolean;\n    /** Returns whether the given date is disabled according to the `minValue, `maxValue`, and `isDisabled` props. */\n    isCellDisabled: (date: DateTime) => boolean;\n    /** Returns whether the given date is weekend */\n    isWeekend: (date: DateTime) => boolean;\n    /** Returns whether the given date is in current period */\n    isCurrent: (date: DateTime) => boolean;\n    /** Current calendar layout */\n    readonly mode: CalendarLayout;\n    /** Sets calendar layout */\n    setMode: (mode: CalendarLayout) => void;\n    readonly availableModes: CalendarLayout[];\n    readonly startDate: DateTime;\n    readonly endDate: DateTime;\n}\n\nexport type SelectionMode = 'single' | 'multiple';\nexport type CalendarValueType<M extends SelectionMode = 'single'> = M extends 'single'\n    ? DateTime | null\n    : DateTime[];\n\nexport interface CalendarState<M extends SelectionMode = 'single'> extends CalendarStateBase {\n    /** The currently selected date. */\n    readonly value: CalendarValueType<M>;\n    /** Sets the currently selected date. */\n    setValue: (value: DateTime | DateTime[] | null) => void;\n}\n\nexport interface RangeCalendarState extends CalendarStateBase {\n    /** The currently selected range. */\n    readonly value: RangeValue<DateTime> | null;\n    /** Sets the currently selected range. */\n    setValue: (value: RangeValue<DateTime>) => void;\n    /** The current anchor date that the user clicked on to begin range selection. */\n    readonly anchorDate: DateTime | undefined;\n    /** Sets the anchor date that the user clicked on to begin range selection. */\n    setAnchorDate: (date: DateTime | undefined) => void;\n    /** The currently highlighted date range. */\n    readonly highlightedRange: RangeValue<DateTime> | undefined;\n    /** Highlights the given date during selection, e.g. by hovering. */\n    highlightDate: (date: DateTime) => void;\n}\n"]}

package/dist/esm/components/CalendarView/hooks/useCalendarCellProps.js

@@ -6,9 +6,8 @@ export function useCalendarCellProps(date, state) {
     const { lang } = useLang();
     const isFocused = state.isCellFocused(date);
     React.useEffect(() => {
-        var _a;
         if (isFocused) {
-            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus({ preventScroll: true });
+            ref.current?.focus({ preventScroll: true });
         }
     }, [isFocused]);
     const tabIndex = state.focusedDate.isSame(date, state.mode) ? 0 : -1;

package/dist/esm/components/CalendarView/hooks/useCalendarCellProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCalendarCellProps.js","sourceRoot":"../../../../../src","sources":["components/CalendarView/hooks/useCalendarCellProps.ts"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type {DateTime} from '@gravity-ui/date-utils';\nimport {useLang} from '@gravity-ui/uikit';\n\nimport {formatDateTime} from '../../utils/dates';\n\nimport type {CalendarState, RangeCalendarState} from './types';\n\nexport function useCalendarCellProps(date: DateTime, state: CalendarState | RangeCalendarState) {\n    const ref = React.useRef<HTMLDivElement>(null);\n\n    const {lang} = useLang();\n\n    const isFocused = state.isCellFocused(date);\n    React.useEffect(() => {\n        if (isFocused) {\n            ref.current?.focus({preventScroll: true});\n        }\n    }, [isFocused]);\n\n    const tabIndex = state.focusedDate.isSame(date, state.mode) ? 0 : -1;\n    const isDisabled = state.isCellDisabled(date);\n    const isSelected = state.isSelected(date);\n    const highlightedRange = 'highlightedRange' in state && state.highlightedRange;\n    const isRangeSelection = Boolean(highlightedRange && isSelected);\n    const isSelectionStart =\n        isSelected && highlightedRange && date.isSame(highlightedRange.start, state.mode);\n    const isSelectionEnd =\n        isSelected && highlightedRange && date.isSame(highlightedRange.end, state.mode);\n    const isOutsideCurrentRange =\n        state.mode === 'days' ? !state.focusedDate.isSame(date, 'month') : false;\n    const isUnavailable = state.isCellUnavailable(date);\n    const isSelectable = !isDisabled && !isUnavailable;\n    const isCurrent = state.isCurrent(date);\n    const isWeekend = state.isWeekend(date);\n\n    const label = getDateLabel(date, state, lang);\n\n    const cellProps: React.HTMLAttributes<unknown> = {\n        role: 'gridcell',\n        'aria-selected': isSelected ? 'true' : undefined,\n        'aria-disabled': isDisabled ? 'true' : undefined,\n    };\n\n    const buttonProps: React.HTMLAttributes<unknown> & {ref: React.Ref<HTMLDivElement>} = {\n        ref,\n        role: 'button',\n        tabIndex: isDisabled ? undefined : tabIndex,\n        'aria-disabled': isSelectable ? undefined : 'true',\n        'aria-label': label,\n        onClick: isSelectable\n            ? () => {\n                  state.setFocusedDate(date);\n                  state.selectDate(date);\n              }\n            : undefined,\n        onPointerEnter() {\n            if ('highlightDate' in state && isSelectable) {\n                if (isOutsideCurrentRange) {\n                    const newDate = date.isBefore(state.focusedDate)\n                        ? state.focusedDate.startOf('month')\n                        : state.focusedDate.endOf('month').startOf('date');\n                    state.highlightDate(newDate);\n                } else {\n                    state.highlightDate(date);\n                }\n            }\n        },\n    };\n\n    let formattedDate = formatDateTime(date, 'D', state.timeZone, lang);\n    if (state.mode === 'months') {\n        formattedDate = formatDateTime(date, 'MMM', state.timeZone, lang);\n    } else if (state.mode === 'quarters') {\n        formattedDate = formatDateTime(date, '[Q]Q', state.timeZone, lang);\n    } else if (state.mode === 'years') {\n        formattedDate = formatDateTime(date, 'YYYY', state.timeZone, lang);\n    }\n\n    return {\n        cellProps,\n        buttonProps,\n        formattedDate,\n        isDisabled,\n        isSelected,\n        isRangeSelection,\n        isSelectionStart,\n        isSelectionEnd,\n        isOutsideCurrentRange,\n        isUnavailable,\n        isCurrent,\n        isWeekend,\n    };\n}\n\nfunction getDateLabel(date: DateTime, state: CalendarState | RangeCalendarState, lang: string) {\n    switch (state.mode) {\n        case 'days': {\n            return `${formatDateTime(date, 'dddd', state.timeZone, lang)}, ${formatDateTime(date, 'LL', state.timeZone, lang)}`;\n        }\n        case 'months': {\n            return `${formatDateTime(date, 'MMMM YYYY', state.timeZone, lang)}`;\n        }\n        case 'quarters': {\n            return `${formatDateTime(date, '[Q]Q YYYY', state.timeZone, lang)}`;\n        }\n        case 'years': {\n            return `${formatDateTime(date, 'YYYY', state.timeZone, lang)}`;\n        }\n        default:\n            return '';\n    }\n}\n"]}
+{"version":3,"file":"useCalendarCellProps.js","sourceRoot":"../../../../../src","sources":["components/CalendarView/hooks/useCalendarCellProps.ts"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type {DateTime} from '@gravity-ui/date-utils';\nimport {useLang} from '@gravity-ui/uikit';\n\nimport {formatDateTime} from '../../utils/dates';\n\nimport type {CalendarState, RangeCalendarState} from './types';\n\nexport function useCalendarCellProps(date: DateTime, state: CalendarState | RangeCalendarState) {\n    const ref = React.useRef<HTMLDivElement>(null);\n\n    const {lang} = useLang();\n\n    const isFocused = state.isCellFocused(date);\n    React.useEffect(() => {\n        if (isFocused) {\n            ref.current?.focus({preventScroll: true});\n        }\n    }, [isFocused]);\n\n    const tabIndex = state.focusedDate.isSame(date, state.mode) ? 0 : -1;\n    const isDisabled = state.isCellDisabled(date);\n    const isSelected = state.isSelected(date);\n    const highlightedRange = 'highlightedRange' in state && state.highlightedRange;\n    const isRangeSelection = Boolean(highlightedRange && isSelected);\n    const isSelectionStart =\n        isSelected && highlightedRange && date.isSame(highlightedRange.start, state.mode);\n    const isSelectionEnd =\n        isSelected && highlightedRange && date.isSame(highlightedRange.end, state.mode);\n    const isOutsideCurrentRange =\n        state.mode === 'days' ? !state.focusedDate.isSame(date, 'month') : false;\n    const isUnavailable = state.isCellUnavailable(date);\n    const isSelectable = !isDisabled && !isUnavailable;\n    const isCurrent = state.isCurrent(date);\n    const isWeekend = state.isWeekend(date);\n\n    const label = getDateLabel(date, state, lang);\n\n    const cellProps: React.HTMLAttributes<unknown> = {\n        role: 'gridcell',\n        'aria-selected': isSelected ? 'true' : undefined,\n        'aria-disabled': isDisabled ? 'true' : undefined,\n    };\n\n    const buttonProps: React.HTMLAttributes<unknown> & {ref: React.Ref<HTMLDivElement>} = {\n        ref,\n        role: 'button',\n        tabIndex: isDisabled ? undefined : tabIndex,\n        'aria-disabled': isSelectable ? undefined : 'true',\n        'aria-label': label,\n        onClick: isSelectable\n            ? () => {\n                  state.setFocusedDate(date);\n                  state.selectDate(date);\n              }\n            : undefined,\n        onPointerEnter() {\n            if ('highlightDate' in state && isSelectable) {\n                if (isOutsideCurrentRange) {\n                    const newDate = date.isBefore(state.focusedDate)\n                        ? state.focusedDate.startOf('month')\n                        : state.focusedDate.endOf('month').startOf('date');\n                    state.highlightDate(newDate);\n                } else {\n                    state.highlightDate(date);\n                }\n            }\n        },\n    };\n\n    let formattedDate = formatDateTime(date, 'D', state.timeZone, lang);\n    if (state.mode === 'months') {\n        formattedDate = formatDateTime(date, 'MMM', state.timeZone, lang);\n    } else if (state.mode === 'quarters') {\n        formattedDate = formatDateTime(date, '[Q]Q', state.timeZone, lang);\n    } else if (state.mode === 'years') {\n        formattedDate = formatDateTime(date, 'YYYY', state.timeZone, lang);\n    }\n\n    return {\n        cellProps,\n        buttonProps,\n        formattedDate,\n        isDisabled,\n        isSelected,\n        isRangeSelection,\n        isSelectionStart,\n        isSelectionEnd,\n        isOutsideCurrentRange,\n        isUnavailable,\n        isCurrent,\n        isWeekend,\n    };\n}\n\nfunction getDateLabel(date: DateTime, state: CalendarState | RangeCalendarState, lang: string) {\n    switch (state.mode) {\n        case 'days': {\n            return `${formatDateTime(date, 'dddd', state.timeZone, lang)}, ${formatDateTime(date, 'LL', state.timeZone, lang)}`;\n        }\n        case 'months': {\n            return `${formatDateTime(date, 'MMMM YYYY', state.timeZone, lang)}`;\n        }\n        case 'quarters': {\n            return `${formatDateTime(date, '[Q]Q YYYY', state.timeZone, lang)}`;\n        }\n        case 'years': {\n            return `${formatDateTime(date, 'YYYY', state.timeZone, lang)}`;\n        }\n        default:\n            return '';\n    }\n}\n"]}

package/dist/esm/components/CalendarView/hooks/useCalendarGridProps.js

@@ -7,9 +7,15 @@ export function useCalendarGridProps(state) {
         },
     });
     const { lang } = useLang();
-    const gridProps = Object.assign(Object.assign({ role: 'grid', 'aria-label': state.mode === 'years' || state.mode === 'quarters'
+    const gridProps = {
+        role: 'grid',
+        'aria-label': state.mode === 'years' || state.mode === 'quarters'
             ? `${state.startDate.year()} — ${state.endDate.year()}`
-            : formatDateTime(state.focusedDate, state.mode === 'days' ? 'MMMM YYYY' : 'YYYY', state.timeZone, lang), 'aria-disabled': state.disabled ? 'true' : undefined, 'aria-readonly': state.readOnly ? 'true' : undefined }, focusWithinProps), { onKeyDown: (e) => {
+            : formatDateTime(state.focusedDate, state.mode === 'days' ? 'MMMM YYYY' : 'YYYY', state.timeZone, lang),
+        'aria-disabled': state.disabled ? 'true' : undefined,
+        'aria-readonly': state.readOnly ? 'true' : undefined,
+        ...focusWithinProps,
+        onKeyDown: (e) => {
             if (e.key === 'ArrowRight') {
                 e.preventDefault();
                 state.focusNextCell();
@@ -54,7 +60,8 @@ export function useCalendarGridProps(state) {
                 e.preventDefault();
                 state.selectDate(state.focusedDate);
             }
-        } });
+        },
+    };
     return {
         gridProps,
     };

package/dist/esm/components/CalendarView/hooks/useCalendarGridProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCalendarGridProps.js","sourceRoot":"../../../../../src","sources":["components/CalendarView/hooks/useCalendarGridProps.ts"],"names":[],"mappings":"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","sourcesContent":["import {useFocusWithin, useLang} from '@gravity-ui/uikit';\n\nimport {formatDateTime} from '../../utils/dates';\n\nimport type {CalendarState, RangeCalendarState} from './types';\n\nexport function useCalendarGridProps(state: CalendarState | RangeCalendarState) {\n    const {focusWithinProps} = useFocusWithin({\n        onFocusWithinChange: (isFocused) => {\n            state.setFocused(isFocused);\n        },\n    });\n\n    const {lang} = useLang();\n    const gridProps: React.HTMLAttributes<HTMLElement> = {\n        role: 'grid',\n        'aria-label':\n            state.mode === 'years' || state.mode === 'quarters'\n                ? `${state.startDate.year()} — ${state.endDate.year()}`\n                : formatDateTime(\n                      state.focusedDate,\n                      state.mode === 'days' ? 'MMMM YYYY' : 'YYYY',\n                      state.timeZone,\n                      lang,\n                  ),\n        'aria-disabled': state.disabled ? 'true' : undefined,\n        'aria-readonly': state.readOnly ? 'true' : undefined,\n        ...focusWithinProps,\n        onKeyDown: (e) => {\n            if (e.key === 'ArrowRight') {\n                e.preventDefault();\n                state.focusNextCell();\n            } else if (e.key === 'ArrowLeft') {\n                e.preventDefault();\n                state.focusPreviousCell();\n            } else if (e.key === 'ArrowDown') {\n                e.preventDefault();\n                state.focusNextRow();\n            } else if (e.key === 'ArrowUp') {\n                e.preventDefault();\n                state.focusPreviousRow();\n            } else if (e.key === 'PageDown') {\n                e.preventDefault();\n                state.focusNextPage(e.shiftKey);\n            } else if (e.key === 'PageUp') {\n                e.preventDefault();\n                state.focusPreviousPage(e.shiftKey);\n            } else if (e.key === 'End') {\n                e.preventDefault();\n                state.focusSectionEnd();\n            } else if (e.key === 'Home') {\n                e.preventDefault();\n                state.focusSectionStart();\n            } else if (e.code === 'Minus') {\n                e.preventDefault();\n                state.zoomOut();\n            } else if (e.code === 'Equal') {\n                e.preventDefault();\n                state.zoomIn();\n            } else if (e.key === 'Enter' || e.key === ' ') {\n                e.preventDefault();\n                state.selectDate(state.focusedDate);\n            }\n        },\n    };\n\n    return {\n        gridProps,\n    };\n}\n"]}
+{"version":3,"file":"useCalendarGridProps.js","sourceRoot":"../../../../../src","sources":["components/CalendarView/hooks/useCalendarGridProps.ts"],"names":[],"mappings":"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","sourcesContent":["import {useFocusWithin, useLang} from '@gravity-ui/uikit';\n\nimport {formatDateTime} from '../../utils/dates';\n\nimport type {CalendarState, RangeCalendarState} from './types';\n\nexport function useCalendarGridProps(state: CalendarState | RangeCalendarState) {\n    const {focusWithinProps} = useFocusWithin({\n        onFocusWithinChange: (isFocused) => {\n            state.setFocused(isFocused);\n        },\n    });\n\n    const {lang} = useLang();\n    const gridProps: React.HTMLAttributes<HTMLElement> = {\n        role: 'grid',\n        'aria-label':\n            state.mode === 'years' || state.mode === 'quarters'\n                ? `${state.startDate.year()} — ${state.endDate.year()}`\n                : formatDateTime(\n                      state.focusedDate,\n                      state.mode === 'days' ? 'MMMM YYYY' : 'YYYY',\n                      state.timeZone,\n                      lang,\n                  ),\n        'aria-disabled': state.disabled ? 'true' : undefined,\n        'aria-readonly': state.readOnly ? 'true' : undefined,\n        ...focusWithinProps,\n        onKeyDown: (e) => {\n            if (e.key === 'ArrowRight') {\n                e.preventDefault();\n                state.focusNextCell();\n            } else if (e.key === 'ArrowLeft') {\n                e.preventDefault();\n                state.focusPreviousCell();\n            } else if (e.key === 'ArrowDown') {\n                e.preventDefault();\n                state.focusNextRow();\n            } else if (e.key === 'ArrowUp') {\n                e.preventDefault();\n                state.focusPreviousRow();\n            } else if (e.key === 'PageDown') {\n                e.preventDefault();\n                state.focusNextPage(e.shiftKey);\n            } else if (e.key === 'PageUp') {\n                e.preventDefault();\n                state.focusPreviousPage(e.shiftKey);\n            } else if (e.key === 'End') {\n                e.preventDefault();\n                state.focusSectionEnd();\n            } else if (e.key === 'Home') {\n                e.preventDefault();\n                state.focusSectionStart();\n            } else if (e.code === 'Minus') {\n                e.preventDefault();\n                state.zoomOut();\n            } else if (e.code === 'Equal') {\n                e.preventDefault();\n                state.zoomIn();\n            } else if (e.key === 'Enter' || e.key === ' ') {\n                e.preventDefault();\n                state.selectDate(state.focusedDate);\n            }\n        },\n    };\n\n    return {\n        gridProps,\n    };\n}\n"]}

package/dist/esm/components/CalendarView/hooks/useCalendarProps.js

@@ -13,7 +13,13 @@ export function useCalendarProps(props, state) {
         onFocusWithin: props.onFocus,
         onBlurWithin: props.onBlur,
     });
-    const calendarProps = Object.assign(Object.assign(Object.assign({}, filterDOMProps(props, { labelable: true })), { role: 'group', 'aria-label': [props['aria-label'], title].filter(Boolean).join(', '), 'aria-disabled': state.disabled || undefined }), focusWithinProps);
+    const calendarProps = {
+        ...filterDOMProps(props, { labelable: true }),
+        role: 'group',
+        'aria-label': [props['aria-label'], title].filter(Boolean).join(', '),
+        'aria-disabled': state.disabled || undefined,
+        ...focusWithinProps,
+    };
     const modeIndex = state.availableModes.indexOf(state.mode);
     const isModeLast = modeIndex + 1 === state.availableModes.length;
     const isNextModeLast = modeIndex + 2 === state.availableModes.length;

package/dist/esm/components/CalendarView/hooks/useCalendarProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCalendarProps.js","sourceRoot":"../../../../../src","sources":["components/CalendarView/hooks/useCalendarProps.ts"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport {useFocusWithin, useLang} from '@gravity-ui/uikit';\nimport type {ButtonButtonProps} from '@gravity-ui/uikit';\n\nimport type {CalendarProps} from '../../Calendar/Calendar';\nimport {formatDateTime} from '../../utils/dates';\nimport {filterDOMProps} from '../../utils/filterDOMProps';\nimport {i18n} from '../i18n';\n\nimport type {CalendarLayout, CalendarState, RangeCalendarState} from './types';\n\nconst buttonDisabledClassName = 'yc-button_disabled g-button_disabled';\n\nexport function useCalendarProps(props: CalendarProps, state: CalendarState | RangeCalendarState) {\n    const {lang} = useLang();\n    const title =\n        state.mode === 'years' || state.mode === 'quarters'\n            ? `${state.startDate.year()} — ${state.endDate.year()}`\n            : formatDateTime(\n                  state.focusedDate,\n                  state.mode === 'days' ? 'MMMM YYYY' : 'YYYY',\n                  state.timeZone,\n                  lang,\n              );\n\n    const {focusWithinProps} = useFocusWithin({\n        onFocusWithin: props.onFocus,\n        onBlurWithin: props.onBlur,\n    });\n\n    const calendarProps: React.HTMLAttributes<HTMLElement> = {\n        ...filterDOMProps(props, {labelable: true}),\n        role: 'group',\n        'aria-label': [props['aria-label'], title].filter(Boolean).join(', '),\n        'aria-disabled': state.disabled || undefined,\n        ...focusWithinProps,\n    };\n\n    const modeIndex = state.availableModes.indexOf(state.mode);\n    const isModeLast = modeIndex + 1 === state.availableModes.length;\n    const isNextModeLast = modeIndex + 2 === state.availableModes.length;\n    const modeDisabled = state.disabled || isModeLast;\n\n    const modeButtonProps: ButtonButtonProps = {\n        // Always set a tabIndex so that Safari allows focusing native buttons\n        tabIndex: 0,\n        disabled: state.disabled,\n        // FIXME: do not use button class name\n        className: modeDisabled ? buttonDisabledClassName : undefined,\n        onClick: modeDisabled\n            ? undefined\n            : () => {\n                  state.zoomOut();\n                  if (isNextModeLast) {\n                      state.setFocused(true);\n                  }\n              },\n        'aria-disabled': modeDisabled ? 'true' : undefined,\n        'aria-description': useAriaDescriptionForModeButton(state.mode, state.availableModes),\n        'aria-live': 'polite',\n        children: title,\n    };\n\n    const previousFocused = React.useRef(false);\n    const previousDisabled = state.disabled || state.isPreviousPageInvalid();\n\n    React.useLayoutEffect(() => {\n        if (previousDisabled && previousFocused.current) {\n            previousFocused.current = false;\n            state.setFocused(true);\n        }\n    });\n\n    const {t} = i18n.useTranslation();\n\n    const previousButtonProps: ButtonButtonProps = {\n        // Always set a tabIndex so that Safari allows focusing native buttons\n        tabIndex: 0,\n        disabled: state.disabled,\n        // FIXME: do not use button class name\n        className: previousDisabled ? buttonDisabledClassName : undefined,\n        onClick: previousDisabled\n            ? undefined\n            : () => {\n                  state.focusPreviousPage();\n              },\n        onFocus: previousDisabled\n            ? undefined\n            : () => {\n                  previousFocused.current = true;\n              },\n        onBlur: previousDisabled\n            ? undefined\n            : () => {\n                  previousFocused.current = false;\n              },\n        'aria-label': t('Previous'),\n        'aria-disabled': previousDisabled ? 'true' : undefined,\n    };\n\n    const nextFocused = React.useRef(false);\n    const nextDisabled = state.disabled || state.isNextPageInvalid();\n\n    React.useLayoutEffect(() => {\n        if (nextDisabled && nextFocused.current) {\n            nextFocused.current = false;\n            state.setFocused(true);\n        }\n    });\n\n    const nextButtonProps: ButtonButtonProps = {\n        // Always set a tabIndex so that Safari allows focusing native buttons\n        tabIndex: 0,\n        disabled: state.disabled,\n        // FIXME: do not use button class name\n        className: nextDisabled ? buttonDisabledClassName : undefined,\n        onClick: nextDisabled\n            ? undefined\n            : () => {\n                  state.focusNextPage();\n              },\n        onFocus: nextDisabled\n            ? undefined\n            : () => {\n                  nextFocused.current = true;\n              },\n        onBlur: nextDisabled\n            ? undefined\n            : () => {\n                  nextFocused.current = false;\n              },\n        'aria-label': t('Next'),\n        'aria-disabled': previousDisabled ? 'true' : undefined,\n    };\n\n    return {\n        calendarProps,\n        modeButtonProps,\n        nextButtonProps,\n        previousButtonProps,\n    };\n}\n\nfunction useAriaDescriptionForModeButton(mode: CalendarLayout, availableModes: CalendarLayout[]) {\n    const {t} = i18n.useTranslation();\n\n    const nextModeIndex = availableModes.indexOf(mode) + 1;\n    const isModeLast = nextModeIndex === availableModes.length;\n    if (isModeLast) {\n        return undefined;\n    }\n\n    const ariaLabelMap: Record<CalendarLayout, string> = {\n        days: '',\n        months: t('Switch to months view'),\n        quarters: t('Switch to quarters view'),\n        years: t('Switch to years view'),\n    };\n    const nextMode = availableModes[nextModeIndex];\n    return ariaLabelMap[nextMode];\n}\n"]}
+{"version":3,"file":"useCalendarProps.js","sourceRoot":"../../../../../src","sources":["components/CalendarView/hooks/useCalendarProps.ts"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport {useFocusWithin, useLang} from '@gravity-ui/uikit';\nimport type {ButtonButtonProps} from '@gravity-ui/uikit';\n\nimport type {CalendarProps} from '../../Calendar/Calendar';\nimport {formatDateTime} from '../../utils/dates';\nimport {filterDOMProps} from '../../utils/filterDOMProps';\nimport {i18n} from '../i18n';\n\nimport type {CalendarLayout, CalendarState, RangeCalendarState} from './types';\n\nconst buttonDisabledClassName = 'yc-button_disabled g-button_disabled';\n\nexport function useCalendarProps(props: CalendarProps, state: CalendarState | RangeCalendarState) {\n    const {lang} = useLang();\n    const title =\n        state.mode === 'years' || state.mode === 'quarters'\n            ? `${state.startDate.year()} — ${state.endDate.year()}`\n            : formatDateTime(\n                  state.focusedDate,\n                  state.mode === 'days' ? 'MMMM YYYY' : 'YYYY',\n                  state.timeZone,\n                  lang,\n              );\n\n    const {focusWithinProps} = useFocusWithin({\n        onFocusWithin: props.onFocus,\n        onBlurWithin: props.onBlur,\n    });\n\n    const calendarProps: React.HTMLAttributes<HTMLElement> = {\n        ...filterDOMProps(props, {labelable: true}),\n        role: 'group',\n        'aria-label': [props['aria-label'], title].filter(Boolean).join(', '),\n        'aria-disabled': state.disabled || undefined,\n        ...focusWithinProps,\n    };\n\n    const modeIndex = state.availableModes.indexOf(state.mode);\n    const isModeLast = modeIndex + 1 === state.availableModes.length;\n    const isNextModeLast = modeIndex + 2 === state.availableModes.length;\n    const modeDisabled = state.disabled || isModeLast;\n\n    const modeButtonProps: ButtonButtonProps = {\n        // Always set a tabIndex so that Safari allows focusing native buttons\n        tabIndex: 0,\n        disabled: state.disabled,\n        // FIXME: do not use button class name\n        className: modeDisabled ? buttonDisabledClassName : undefined,\n        onClick: modeDisabled\n            ? undefined\n            : () => {\n                  state.zoomOut();\n                  if (isNextModeLast) {\n                      state.setFocused(true);\n                  }\n              },\n        'aria-disabled': modeDisabled ? 'true' : undefined,\n        'aria-description': useAriaDescriptionForModeButton(state.mode, state.availableModes),\n        'aria-live': 'polite',\n        children: title,\n    };\n\n    const previousFocused = React.useRef(false);\n    const previousDisabled = state.disabled || state.isPreviousPageInvalid();\n\n    React.useLayoutEffect(() => {\n        if (previousDisabled && previousFocused.current) {\n            previousFocused.current = false;\n            state.setFocused(true);\n        }\n    });\n\n    const {t} = i18n.useTranslation();\n\n    const previousButtonProps: ButtonButtonProps = {\n        // Always set a tabIndex so that Safari allows focusing native buttons\n        tabIndex: 0,\n        disabled: state.disabled,\n        // FIXME: do not use button class name\n        className: previousDisabled ? buttonDisabledClassName : undefined,\n        onClick: previousDisabled\n            ? undefined\n            : () => {\n                  state.focusPreviousPage();\n              },\n        onFocus: previousDisabled\n            ? undefined\n            : () => {\n                  previousFocused.current = true;\n              },\n        onBlur: previousDisabled\n            ? undefined\n            : () => {\n                  previousFocused.current = false;\n              },\n        'aria-label': t('Previous'),\n        'aria-disabled': previousDisabled ? 'true' : undefined,\n    };\n\n    const nextFocused = React.useRef(false);\n    const nextDisabled = state.disabled || state.isNextPageInvalid();\n\n    React.useLayoutEffect(() => {\n        if (nextDisabled && nextFocused.current) {\n            nextFocused.current = false;\n            state.setFocused(true);\n        }\n    });\n\n    const nextButtonProps: ButtonButtonProps = {\n        // Always set a tabIndex so that Safari allows focusing native buttons\n        tabIndex: 0,\n        disabled: state.disabled,\n        // FIXME: do not use button class name\n        className: nextDisabled ? buttonDisabledClassName : undefined,\n        onClick: nextDisabled\n            ? undefined\n            : () => {\n                  state.focusNextPage();\n              },\n        onFocus: nextDisabled\n            ? undefined\n            : () => {\n                  nextFocused.current = true;\n              },\n        onBlur: nextDisabled\n            ? undefined\n            : () => {\n                  nextFocused.current = false;\n              },\n        'aria-label': t('Next'),\n        'aria-disabled': previousDisabled ? 'true' : undefined,\n    };\n\n    return {\n        calendarProps,\n        modeButtonProps,\n        nextButtonProps,\n        previousButtonProps,\n    };\n}\n\nfunction useAriaDescriptionForModeButton(mode: CalendarLayout, availableModes: CalendarLayout[]) {\n    const {t} = i18n.useTranslation();\n\n    const nextModeIndex = availableModes.indexOf(mode) + 1;\n    const isModeLast = nextModeIndex === availableModes.length;\n    if (isModeLast) {\n        return undefined;\n    }\n\n    const ariaLabelMap: Record<CalendarLayout, string> = {\n        days: '',\n        months: t('Switch to months view'),\n        quarters: t('Switch to quarters view'),\n        years: t('Switch to years view'),\n    };\n    const nextMode = availableModes[nextModeIndex];\n    return ariaLabelMap[nextMode];\n}\n"]}

package/dist/esm/components/CalendarView/hooks/useCalendarState.d.ts

@@ -1,7 +1,9 @@
 import type { DateTime } from '@gravity-ui/date-utils';
 import type { ValueBase } from "../../types/index.js";
-import type { CalendarState, CalendarStateOptionsBase } from "./types.js";
-export interface CalendarStateOptions<T = DateTime> extends ValueBase<T | null, T>, CalendarStateOptionsBase {
+import type { CalendarState, CalendarStateOptionsBase, CalendarValueType, SelectionMode } from "./types.js";
+export interface CalendarStateOptions<T = DateTime> extends ValueBase<T | null, Exclude<T, null>>, CalendarStateOptionsBase {
 }
 export type { CalendarState } from "./types.js";
-export declare function useCalendarState(props: CalendarStateOptions): CalendarState;
+export declare function useCalendarState<M extends SelectionMode = 'single'>(props: CalendarStateOptions<CalendarValueType<M>> & {
+    selectionMode?: M;
+}): CalendarState<M>;

package/dist/esm/components/CalendarView/hooks/useCalendarState.js

@@ -11,14 +11,14 @@ const defaultModes = {
     years: true,
 };
 export function useCalendarState(props) {
-    var _a, _b, _c;
-    const { disabled, readOnly, modes = defaultModes } = props;
-    const [value, setValue] = useControlledState(props.value, (_a = props.defaultValue) !== null && _a !== void 0 ? _a : null, props.onUpdate);
+    const { disabled, readOnly, modes = defaultModes, selectionMode = 'single' } = props;
+    const [value, setValue] = useControlledState(props.value, props.defaultValue ?? (selectionMode === 'single' ? null : []), props.onUpdate);
     const availableModes = calendarLayouts.filter((l) => modes[l]);
     const minMode = availableModes[0] || 'days';
-    const [mode, setMode] = useControlledState(props.mode, (_b = props.defaultMode) !== null && _b !== void 0 ? _b : minMode, props.onUpdateMode);
+    const [mode, setMode] = useControlledState(props.mode, props.defaultMode ?? minMode, props.onUpdateMode);
     const currentMode = mode && availableModes.includes(mode) ? mode : minMode;
-    const inputTimeZone = useDefaultTimeZone(props.value || props.defaultValue || props.focusedValue || props.defaultFocusedValue);
+    const firstValue = Array.isArray(value) ? (value[0] ?? null) : value;
+    const inputTimeZone = useDefaultTimeZone(firstValue || props.focusedValue || props.defaultFocusedValue);
     const timeZone = props.timeZone || inputTimeZone;
     const minValue = React.useMemo(() => (props.minValue ? props.minValue.timeZone(timeZone) : undefined), [timeZone, props.minValue]);
     const maxValue = React.useMemo(() => (props.maxValue ? props.maxValue.timeZone(timeZone) : undefined), [timeZone, props.maxValue]);
@@ -29,16 +29,14 @@ export function useCalendarState(props) {
         return constrainValue(props.focusedValue.timeZone(timeZone), minValue, maxValue);
     }, [props.focusedValue, minValue, maxValue, timeZone]);
     const defaultFocusedValue = React.useMemo(() => {
-        var _a;
-        const defaultValue = ((_a = (props.defaultFocusedValue ? props.defaultFocusedValue : value)) === null || _a === void 0 ? void 0 : _a.timeZone(timeZone)) ||
-            createPlaceholderValue({ timeZone }).startOf(minMode);
+        const defaultValue = (props.defaultFocusedValue ? props.defaultFocusedValue : firstValue)?.timeZone(timeZone) || createPlaceholderValue({ timeZone }).startOf(minMode);
         return constrainValue(defaultValue, minValue, maxValue);
-    }, [maxValue, minValue, props.defaultFocusedValue, timeZone, value, minMode]);
+    }, [maxValue, minValue, props.defaultFocusedValue, timeZone, firstValue, minMode]);
     const [focusedDateInner, setFocusedDate] = useControlledState(focusedValue, defaultFocusedValue, (date) => {
-        var _a;
-        (_a = props.onFocusUpdate) === null || _a === void 0 ? void 0 : _a.call(props, date.timeZone(inputTimeZone));
+        props.onFocusUpdate?.(date.timeZone(inputTimeZone));
     });
-    const focusedDate = (_c = focusedDateInner === null || focusedDateInner === void 0 ? void 0 : focusedDateInner.timeZone(timeZone)) !== null && _c !== void 0 ? _c : constrainValue(createPlaceholderValue({ timeZone }), minValue, maxValue);
+    const focusedDate = focusedDateInner?.timeZone(timeZone) ??
+        constrainValue(createPlaceholderValue({ timeZone }), minValue, maxValue);
     if (isInvalid(focusedDate, minValue, maxValue)) {
         // If the focused date was moved to an invalid value, it can't be focused, so constrain it.
         setFocusedDate(constrainValue(focusedDate, minValue, maxValue));
@@ -49,31 +47,77 @@ export function useCalendarState(props) {
     const [isFocused, setFocused] = React.useState(props.autoFocus || false);
     const startDate = getStartDate(focusedDate, currentMode);
     const endDate = getEndDate(focusedDate, currentMode);
+    const finalValue = selectionMode === 'single'
+        ? firstValue
+        : Array.isArray(value)
+            ? value
+            : value
+                ? [value]
+                : [];
     return {
         disabled,
         readOnly,
-        value,
+        value: finalValue,
         setValue(date) {
             if (!disabled && !readOnly) {
-                let newValue = constrainValue(date, minValue, maxValue);
-                if (this.isCellUnavailable(newValue)) {
-                    return;
+                if (selectionMode === 'single') {
+                    let newValue = Array.isArray(date) ? (date[0] ?? null) : date;
+                    if (!newValue) {
+                        setValue(null);
+                        return;
+                    }
+                    newValue = constrainValue(newValue, minValue, maxValue);
+                    if (firstValue) {
+                        // If there is a date already selected, then we want to keep its time
+                        newValue = mergeDateTime(newValue, firstValue.timeZone(timeZone));
+                    }
+                    if (this.isCellUnavailable(newValue)) {
+                        return;
+                    }
+                    setValue(newValue.timeZone(inputTimeZone));
                 }
-                if (value) {
-                    // If there is a date already selected, then we want to keep its time
-                    newValue = mergeDateTime(newValue, value.timeZone(timeZone));
+                else {
+                    let dates = [];
+                    if (Array.isArray(date)) {
+                        dates = date;
+                    }
+                    else if (date !== null) {
+                        dates = [date];
+                    }
+                    setValue(dates);
                 }
-                setValue(newValue.timeZone(inputTimeZone));
             }
         },
         timeZone,
         selectDate(date, force = false) {
             if (!disabled) {
                 if (!readOnly && (force || this.mode === minMode)) {
-                    this.setValue(date.startOf(minMode));
                     if (force && currentMode !== minMode) {
                         setMode(minMode);
                     }
+                    const selectedDate = constrainValue(date.startOf(minMode), minValue, maxValue);
+                    if (this.isCellUnavailable(selectedDate)) {
+                        return;
+                    }
+                    if (selectionMode === 'single') {
+                        this.setValue(selectedDate);
+                    }
+                    else {
+                        const newValue = Array.isArray(value) ? [...value] : [];
+                        if (value && !Array.isArray(value)) {
+                            newValue.push(value);
+                        }
+                        let found = false;
+                        let index = -1;
+                        while ((index = newValue.findIndex((d) => selectedDate.isSame(d.timeZone(timeZone), currentMode))) !== -1) {
+                            found = true;
+                            newValue.splice(index, 1);
+                        }
+                        if (!found) {
+                            newValue.push(selectedDate.timeZone(inputTimeZone));
+                        }
+                        this.setValue(newValue);
+                    }
                 }
                 else {
                     this.zoomIn();
@@ -174,17 +218,17 @@ export function useCalendarState(props) {
             return this.isInvalid(next);
         },
         isSelected(date) {
-            return Boolean(value &&
-                date.isSame(value.timeZone(timeZone), currentMode) &&
-                !this.isCellDisabled(date));
-        },
-        isCellUnavailable(date) {
-            if (this.mode === minMode) {
-                return Boolean(props.isDateUnavailable && props.isDateUnavailable(date));
-            }
-            else {
+            if (!value || !firstValue || this.isCellDisabled(date)) {
                 return false;
             }
+            if (selectionMode === 'single') {
+                return date.isSame(firstValue.timeZone(timeZone), currentMode);
+            }
+            const dates = Array.isArray(value) ? value : [value];
+            return dates.some((d) => date.isSame(d.timeZone(timeZone), currentMode));
+        },
+        isCellUnavailable(date) {
+            return props.isDateUnavailable ? props.isDateUnavailable(date) : false;
         },
         isCellFocused(date) {
             return this.isFocused && focusedDate && date.isSame(focusedDate, currentMode);

package/dist/esm/components/CalendarView/hooks/useCalendarState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCalendarState.js","sourceRoot":"../../../../../src","sources":["components/CalendarView/hooks/useCalendarState.ts"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport {dateTime} from '@gravity-ui/date-utils';\nimport type {DateTime} from '@gravity-ui/date-utils';\nimport {useControlledState} from '@gravity-ui/uikit';\n\nimport type {ValueBase} from '../../types';\nimport {constrainValue, createPlaceholderValue, isWeekend, mergeDateTime} from '../../utils/dates';\nimport {useDefaultTimeZone} from '../../utils/useDefaultTimeZone';\nimport {calendarLayouts} from '../utils';\n\nimport type {CalendarLayout, CalendarState, CalendarStateOptionsBase} from './types';\n\nexport interface CalendarStateOptions<T = DateTime>\n    extends ValueBase<T | null, T>, CalendarStateOptionsBase {}\n\nexport type {CalendarState} from './types';\n\nconst defaultModes: Record<CalendarLayout, boolean> = {\n    days: true,\n    months: true,\n    quarters: false,\n    years: true,\n};\nexport function useCalendarState(props: CalendarStateOptions): CalendarState {\n    const {disabled, readOnly, modes = defaultModes} = props;\n    const [value, setValue] = useControlledState(\n        props.value,\n        props.defaultValue ?? null,\n        props.onUpdate,\n    );\n    const availableModes = calendarLayouts.filter((l) => modes[l]);\n    const minMode = availableModes[0] || 'days';\n\n    const [mode, setMode] = useControlledState(\n        props.mode,\n        props.defaultMode ?? minMode,\n        props.onUpdateMode,\n    );\n\n    const currentMode = mode && availableModes.includes(mode) ? mode : minMode;\n\n    const inputTimeZone = useDefaultTimeZone(\n        props.value || props.defaultValue || props.focusedValue || props.defaultFocusedValue,\n    );\n    const timeZone = props.timeZone || inputTimeZone;\n\n    const minValue = React.useMemo(\n        () => (props.minValue ? props.minValue.timeZone(timeZone) : undefined),\n        [timeZone, props.minValue],\n    );\n\n    const maxValue = React.useMemo(\n        () => (props.maxValue ? props.maxValue.timeZone(timeZone) : undefined),\n        [timeZone, props.maxValue],\n    );\n\n    const focusedValue = React.useMemo(() => {\n        if (!props.focusedValue) {\n            return props.focusedValue;\n        }\n        return constrainValue(props.focusedValue.timeZone(timeZone), minValue, maxValue);\n    }, [props.focusedValue, minValue, maxValue, timeZone]);\n\n    const defaultFocusedValue = React.useMemo(() => {\n        const defaultValue =\n            (props.defaultFocusedValue ? props.defaultFocusedValue : value)?.timeZone(timeZone) ||\n            createPlaceholderValue({timeZone}).startOf(minMode);\n        return constrainValue(defaultValue, minValue, maxValue);\n    }, [maxValue, minValue, props.defaultFocusedValue, timeZone, value, minMode]);\n    const [focusedDateInner, setFocusedDate] = useControlledState(\n        focusedValue,\n        defaultFocusedValue,\n        (date: DateTime) => {\n            props.onFocusUpdate?.(date.timeZone(inputTimeZone));\n        },\n    );\n\n    const focusedDate =\n        focusedDateInner?.timeZone(timeZone) ??\n        constrainValue(createPlaceholderValue({timeZone}), minValue, maxValue);\n\n    if (isInvalid(focusedDate, minValue, maxValue)) {\n        // If the focused date was moved to an invalid value, it can't be focused, so constrain it.\n        setFocusedDate(constrainValue(focusedDate, minValue, maxValue));\n    }\n\n    function focusCell(date: DateTime) {\n        setFocusedDate(constrainValue(date.startOf(currentMode), minValue, maxValue));\n    }\n\n    const [isFocused, setFocused] = React.useState(props.autoFocus || false);\n\n    const startDate = getStartDate(focusedDate, currentMode);\n    const endDate = getEndDate(focusedDate, currentMode);\n\n    return {\n        disabled,\n        readOnly,\n        value,\n        setValue(date: DateTime) {\n            if (!disabled && !readOnly) {\n                let newValue = constrainValue(date, minValue, maxValue);\n                if (this.isCellUnavailable(newValue)) {\n                    return;\n                }\n                if (value) {\n                    // If there is a date already selected, then we want to keep its time\n                    newValue = mergeDateTime(newValue, value.timeZone(timeZone));\n                }\n                setValue(newValue.timeZone(inputTimeZone));\n            }\n        },\n        timeZone,\n        selectDate(date: DateTime, force = false) {\n            if (!disabled) {\n                if (!readOnly && (force || this.mode === minMode)) {\n                    this.setValue(date.startOf(minMode));\n                    if (force && currentMode !== minMode) {\n                        setMode(minMode);\n                    }\n                } else {\n                    this.zoomIn();\n                }\n            }\n        },\n        minValue,\n        maxValue,\n        focusedDate,\n        startDate,\n        endDate,\n        setFocusedDate(date: DateTime) {\n            focusCell(date);\n            setFocused(true);\n        },\n        focusNextCell() {\n            focusCell(focusedDate.add(1, this.mode));\n        },\n        focusPreviousCell() {\n            focusCell(focusedDate.subtract(1, this.mode));\n        },\n        focusNextRow() {\n            if (this.mode === 'days') {\n                focusCell(focusedDate.add(1, 'week'));\n            } else if (this.mode === 'quarters') {\n                focusCell(focusedDate.add(1, 'years'));\n            } else {\n                focusCell(focusedDate.add(3, this.mode));\n            }\n        },\n        focusPreviousRow() {\n            if (this.mode === 'days') {\n                focusCell(focusedDate.subtract(1, 'week'));\n            } else if (this.mode === 'quarters') {\n                focusCell(focusedDate.subtract(1, 'years'));\n            } else {\n                focusCell(focusedDate.subtract(3, this.mode));\n            }\n        },\n        focusNextPage(larger?: boolean) {\n            if (this.mode === 'days') {\n                focusCell(focusedDate.add({months: larger ? 12 : 1}));\n            } else if (this.mode === 'quarters') {\n                focusCell(focusedDate.add(4, 'years'));\n            } else {\n                focusCell(focusedDate.add(12, this.mode));\n            }\n        },\n        focusPreviousPage(larger?: boolean) {\n            if (this.mode === 'days') {\n                focusCell(focusedDate.subtract({months: larger ? 12 : 1}));\n            } else if (this.mode === 'quarters') {\n                focusCell(focusedDate.subtract(4, 'years'));\n            } else {\n                focusCell(focusedDate.subtract(12, this.mode));\n            }\n        },\n        focusSectionStart() {\n            focusCell(getStartDate(focusedDate, this.mode));\n        },\n        focusSectionEnd() {\n            focusCell(getEndDate(focusedDate, this.mode));\n        },\n        zoomIn() {\n            const nextMode = availableModes[availableModes.indexOf(this.mode) - 1];\n            if (nextMode) {\n                this.setMode(nextMode);\n            }\n        },\n        zoomOut() {\n            const nextMode = availableModes[availableModes.indexOf(this.mode) + 1];\n            if (nextMode) {\n                this.setMode(nextMode);\n            }\n        },\n        selectFocusedDate() {\n            this.selectDate(focusedDate, true);\n        },\n        isFocused,\n        setFocused,\n        isInvalid(date: DateTime) {\n            return isInvalid(date, this.minValue, this.maxValue, this.mode);\n        },\n        isPreviousPageInvalid() {\n            const prev = this.startDate.subtract(1, 'day');\n            return this.isInvalid(prev);\n        },\n        isNextPageInvalid() {\n            const next = this.endDate.endOf(this.mode).add(1, 'day');\n            return this.isInvalid(next);\n        },\n        isSelected(date: DateTime) {\n            return Boolean(\n                value &&\n                date.isSame(value.timeZone(timeZone), currentMode) &&\n                !this.isCellDisabled(date),\n            );\n        },\n        isCellUnavailable(date: DateTime) {\n            if (this.mode === minMode) {\n                return Boolean(props.isDateUnavailable && props.isDateUnavailable(date));\n            } else {\n                return false;\n            }\n        },\n        isCellFocused(date: DateTime) {\n            return this.isFocused && focusedDate && date.isSame(focusedDate, currentMode);\n        },\n        isCellDisabled(date: DateTime) {\n            return this.disabled || this.isInvalid(date);\n        },\n        isWeekend(date: DateTime) {\n            if (this.mode !== 'days') {\n                return false;\n            }\n            if (typeof props.isWeekend === 'function') {\n                return props.isWeekend(date);\n            }\n            return isWeekend(date);\n        },\n        isCurrent(date: DateTime) {\n            return dateTime({timeZone}).isSame(date, this.mode);\n        },\n        mode: currentMode,\n        setMode,\n        availableModes,\n    };\n}\n\nfunction getStartDate(date: DateTime, mode: CalendarLayout) {\n    if (mode === 'days') {\n        return date.startOf('month');\n    }\n\n    if (mode === 'months') {\n        return date.startOf('year');\n    }\n\n    if (mode === 'quarters') {\n        const year = Math.floor(date.year() / 4) * 4;\n        return date.startOf('year').set('year', year);\n    }\n\n    const year = Math.floor(date.year() / 12) * 12;\n    return date.startOf('year').set('year', year);\n}\n\nfunction getEndDate(date: DateTime, mode: CalendarLayout) {\n    if (mode === 'days') {\n        return date.endOf('month').startOf('day');\n    }\n\n    if (mode === 'months') {\n        return date.endOf('year').startOf('month');\n    }\n\n    const startDate = getStartDate(date, mode);\n    if (mode === 'quarters') {\n        return startDate.add(15, 'quarters');\n    }\n\n    return startDate.add({[mode]: 11});\n}\n\nfunction isInvalid(\n    date: DateTime,\n    minValue?: DateTime,\n    maxValue?: DateTime,\n    mode: CalendarLayout = 'days',\n) {\n    const constrainedDate = constrainValue(date, minValue, maxValue);\n    return !constrainedDate.isSame(date, mode);\n}\n"]}
+{"version":3,"file":"useCalendarState.js","sourceRoot":"../../../../../src","sources":["components/CalendarView/hooks/useCalendarState.ts"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport {dateTime} from '@gravity-ui/date-utils';\nimport type {DateTime} from '@gravity-ui/date-utils';\nimport {useControlledState} from '@gravity-ui/uikit';\n\nimport type {ValueBase} from '../../types';\nimport {constrainValue, createPlaceholderValue, isWeekend, mergeDateTime} from '../../utils/dates';\nimport {useDefaultTimeZone} from '../../utils/useDefaultTimeZone';\nimport {calendarLayouts} from '../utils';\n\nimport type {\n    CalendarLayout,\n    CalendarState,\n    CalendarStateOptionsBase,\n    CalendarValueType,\n    SelectionMode,\n} from './types';\n\nexport interface CalendarStateOptions<T = DateTime>\n    extends ValueBase<T | null, Exclude<T, null>>, CalendarStateOptionsBase {}\n\nexport type {CalendarState} from './types';\n\nconst defaultModes: Record<CalendarLayout, boolean> = {\n    days: true,\n    months: true,\n    quarters: false,\n    years: true,\n};\nexport function useCalendarState<M extends SelectionMode = 'single'>(\n    props: CalendarStateOptions<CalendarValueType<M>> & {selectionMode?: M},\n): CalendarState<M> {\n    const {disabled, readOnly, modes = defaultModes, selectionMode = 'single' as M} = props;\n    const [value, setValue] = useControlledState<DateTime | DateTime[] | null>(\n        props.value,\n        props.defaultValue ?? (selectionMode === 'single' ? null : []),\n        props.onUpdate as any,\n    );\n    const availableModes = calendarLayouts.filter((l) => modes[l]);\n    const minMode = availableModes[0] || 'days';\n\n    const [mode, setMode] = useControlledState(\n        props.mode,\n        props.defaultMode ?? minMode,\n        props.onUpdateMode,\n    );\n\n    const currentMode = mode && availableModes.includes(mode) ? mode : minMode;\n    const firstValue = Array.isArray(value) ? (value[0] ?? null) : value;\n\n    const inputTimeZone = useDefaultTimeZone(\n        firstValue || props.focusedValue || props.defaultFocusedValue,\n    );\n    const timeZone = props.timeZone || inputTimeZone;\n\n    const minValue = React.useMemo(\n        () => (props.minValue ? props.minValue.timeZone(timeZone) : undefined),\n        [timeZone, props.minValue],\n    );\n\n    const maxValue = React.useMemo(\n        () => (props.maxValue ? props.maxValue.timeZone(timeZone) : undefined),\n        [timeZone, props.maxValue],\n    );\n\n    const focusedValue = React.useMemo(() => {\n        if (!props.focusedValue) {\n            return props.focusedValue;\n        }\n        return constrainValue(props.focusedValue.timeZone(timeZone), minValue, maxValue);\n    }, [props.focusedValue, minValue, maxValue, timeZone]);\n\n    const defaultFocusedValue = React.useMemo(() => {\n        const defaultValue =\n            (props.defaultFocusedValue ? props.defaultFocusedValue : firstValue)?.timeZone(\n                timeZone,\n            ) || createPlaceholderValue({timeZone}).startOf(minMode);\n        return constrainValue(defaultValue, minValue, maxValue);\n    }, [maxValue, minValue, props.defaultFocusedValue, timeZone, firstValue, minMode]);\n    const [focusedDateInner, setFocusedDate] = useControlledState(\n        focusedValue,\n        defaultFocusedValue,\n        (date: DateTime) => {\n            props.onFocusUpdate?.(date.timeZone(inputTimeZone));\n        },\n    );\n\n    const focusedDate =\n        focusedDateInner?.timeZone(timeZone) ??\n        constrainValue(createPlaceholderValue({timeZone}), minValue, maxValue);\n\n    if (isInvalid(focusedDate, minValue, maxValue)) {\n        // If the focused date was moved to an invalid value, it can't be focused, so constrain it.\n        setFocusedDate(constrainValue(focusedDate, minValue, maxValue));\n    }\n\n    function focusCell(date: DateTime) {\n        setFocusedDate(constrainValue(date.startOf(currentMode), minValue, maxValue));\n    }\n\n    const [isFocused, setFocused] = React.useState(props.autoFocus || false);\n\n    const startDate = getStartDate(focusedDate, currentMode);\n    const endDate = getEndDate(focusedDate, currentMode);\n\n    const finalValue =\n        selectionMode === 'single'\n            ? firstValue\n            : Array.isArray(value)\n              ? value\n              : value\n                ? [value]\n                : [];\n\n    return {\n        disabled,\n        readOnly,\n        value: finalValue as CalendarValueType<M>,\n        setValue(date) {\n            if (!disabled && !readOnly) {\n                if (selectionMode === 'single') {\n                    let newValue = Array.isArray(date) ? (date[0] ?? null) : date;\n                    if (!newValue) {\n                        setValue(null);\n                        return;\n                    }\n                    newValue = constrainValue(newValue, minValue, maxValue);\n                    if (firstValue) {\n                        // If there is a date already selected, then we want to keep its time\n                        newValue = mergeDateTime(newValue, firstValue.timeZone(timeZone));\n                    }\n                    if (this.isCellUnavailable(newValue)) {\n                        return;\n                    }\n                    setValue(newValue.timeZone(inputTimeZone));\n                } else {\n                    let dates: DateTime[] = [];\n                    if (Array.isArray(date)) {\n                        dates = date;\n                    } else if (date !== null) {\n                        dates = [date];\n                    }\n\n                    setValue(dates);\n                }\n            }\n        },\n        timeZone,\n        selectDate(date: DateTime, force = false) {\n            if (!disabled) {\n                if (!readOnly && (force || this.mode === minMode)) {\n                    if (force && currentMode !== minMode) {\n                        setMode(minMode);\n                    }\n                    const selectedDate = constrainValue(date.startOf(minMode), minValue, maxValue);\n                    if (this.isCellUnavailable(selectedDate)) {\n                        return;\n                    }\n                    if (selectionMode === 'single') {\n                        this.setValue(selectedDate);\n                    } else {\n                        const newValue = Array.isArray(value) ? [...value] : [];\n                        if (value && !Array.isArray(value)) {\n                            newValue.push(value);\n                        }\n                        let found = false;\n                        let index = -1;\n                        while (\n                            (index = newValue.findIndex((d) =>\n                                selectedDate.isSame(d.timeZone(timeZone), currentMode),\n                            )) !== -1\n                        ) {\n                            found = true;\n                            newValue.splice(index, 1);\n                        }\n                        if (!found) {\n                            newValue.push(selectedDate.timeZone(inputTimeZone));\n                        }\n                        this.setValue(newValue);\n                    }\n                } else {\n                    this.zoomIn();\n                }\n            }\n        },\n        minValue,\n        maxValue,\n        focusedDate,\n        startDate,\n        endDate,\n        setFocusedDate(date: DateTime) {\n            focusCell(date);\n            setFocused(true);\n        },\n        focusNextCell() {\n            focusCell(focusedDate.add(1, this.mode));\n        },\n        focusPreviousCell() {\n            focusCell(focusedDate.subtract(1, this.mode));\n        },\n        focusNextRow() {\n            if (this.mode === 'days') {\n                focusCell(focusedDate.add(1, 'week'));\n            } else if (this.mode === 'quarters') {\n                focusCell(focusedDate.add(1, 'years'));\n            } else {\n                focusCell(focusedDate.add(3, this.mode));\n            }\n        },\n        focusPreviousRow() {\n            if (this.mode === 'days') {\n                focusCell(focusedDate.subtract(1, 'week'));\n            } else if (this.mode === 'quarters') {\n                focusCell(focusedDate.subtract(1, 'years'));\n            } else {\n                focusCell(focusedDate.subtract(3, this.mode));\n            }\n        },\n        focusNextPage(larger?: boolean) {\n            if (this.mode === 'days') {\n                focusCell(focusedDate.add({months: larger ? 12 : 1}));\n            } else if (this.mode === 'quarters') {\n                focusCell(focusedDate.add(4, 'years'));\n            } else {\n                focusCell(focusedDate.add(12, this.mode));\n            }\n        },\n        focusPreviousPage(larger?: boolean) {\n            if (this.mode === 'days') {\n                focusCell(focusedDate.subtract({months: larger ? 12 : 1}));\n            } else if (this.mode === 'quarters') {\n                focusCell(focusedDate.subtract(4, 'years'));\n            } else {\n                focusCell(focusedDate.subtract(12, this.mode));\n            }\n        },\n        focusSectionStart() {\n            focusCell(getStartDate(focusedDate, this.mode));\n        },\n        focusSectionEnd() {\n            focusCell(getEndDate(focusedDate, this.mode));\n        },\n        zoomIn() {\n            const nextMode = availableModes[availableModes.indexOf(this.mode) - 1];\n            if (nextMode) {\n                this.setMode(nextMode);\n            }\n        },\n        zoomOut() {\n            const nextMode = availableModes[availableModes.indexOf(this.mode) + 1];\n            if (nextMode) {\n                this.setMode(nextMode);\n            }\n        },\n        selectFocusedDate() {\n            this.selectDate(focusedDate, true);\n        },\n        isFocused,\n        setFocused,\n        isInvalid(date: DateTime) {\n            return isInvalid(date, this.minValue, this.maxValue, this.mode);\n        },\n        isPreviousPageInvalid() {\n            const prev = this.startDate.subtract(1, 'day');\n            return this.isInvalid(prev);\n        },\n        isNextPageInvalid() {\n            const next = this.endDate.endOf(this.mode).add(1, 'day');\n            return this.isInvalid(next);\n        },\n        isSelected(date: DateTime) {\n            if (!value || !firstValue || this.isCellDisabled(date)) {\n                return false;\n            }\n            if (selectionMode === 'single') {\n                return date.isSame(firstValue.timeZone(timeZone), currentMode);\n            }\n\n            const dates = Array.isArray(value) ? value : [value];\n            return dates.some((d) => date.isSame(d.timeZone(timeZone), currentMode));\n        },\n        isCellUnavailable(date: DateTime) {\n            return props.isDateUnavailable ? props.isDateUnavailable(date) : false;\n        },\n        isCellFocused(date: DateTime) {\n            return this.isFocused && focusedDate && date.isSame(focusedDate, currentMode);\n        },\n        isCellDisabled(date: DateTime) {\n            return this.disabled || this.isInvalid(date);\n        },\n        isWeekend(date: DateTime) {\n            if (this.mode !== 'days') {\n                return false;\n            }\n            if (typeof props.isWeekend === 'function') {\n                return props.isWeekend(date);\n            }\n            return isWeekend(date);\n        },\n        isCurrent(date: DateTime) {\n            return dateTime({timeZone}).isSame(date, this.mode);\n        },\n        mode: currentMode,\n        setMode,\n        availableModes,\n    };\n}\n\nfunction getStartDate(date: DateTime, mode: CalendarLayout) {\n    if (mode === 'days') {\n        return date.startOf('month');\n    }\n\n    if (mode === 'months') {\n        return date.startOf('year');\n    }\n\n    if (mode === 'quarters') {\n        const year = Math.floor(date.year() / 4) * 4;\n        return date.startOf('year').set('year', year);\n    }\n\n    const year = Math.floor(date.year() / 12) * 12;\n    return date.startOf('year').set('year', year);\n}\n\nfunction getEndDate(date: DateTime, mode: CalendarLayout) {\n    if (mode === 'days') {\n        return date.endOf('month').startOf('day');\n    }\n\n    if (mode === 'months') {\n        return date.endOf('year').startOf('month');\n    }\n\n    const startDate = getStartDate(date, mode);\n    if (mode === 'quarters') {\n        return startDate.add(15, 'quarters');\n    }\n\n    return startDate.add({[mode]: 11});\n}\n\nfunction isInvalid(\n    date: DateTime,\n    minValue?: DateTime,\n    maxValue?: DateTime,\n    mode: CalendarLayout = 'days',\n) {\n    const constrainedDate = constrainValue(date, minValue, maxValue);\n    return !constrainedDate.isSame(date, mode);\n}\n"]}

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

@@ -1,21 +1,20 @@
-import { __rest } from "tslib";
 import React from 'react';
 import { useControlledState } from '@gravity-ui/uikit';
 import { constrainValue, mergeDateTime } from "../../utils/dates.js";
 import { useDefaultTimeZone } from "../../utils/useDefaultTimeZone.js";
 import { useCalendarState } from "./useCalendarState.js";
 export function useRangeCalendarState(props) {
-    var _a;
-    const { value: valueProp, defaultValue = null, onUpdate } = props, calendarProps = __rest(props, ["value", "defaultValue", "onUpdate"]);
+    const { value: valueProp, defaultValue = null, onUpdate, ...calendarProps } = props;
     const [value, setValue] = useControlledState(valueProp, defaultValue, onUpdate);
     const [anchorDate, setAnchorDateState] = React.useState();
-    const inputTimeZone = useDefaultTimeZone((valueProp === null || valueProp === void 0 ? void 0 : valueProp.start) || (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.start) || props.focusedValue || props.defaultFocusedValue);
+    const inputTimeZone = useDefaultTimeZone(valueProp?.start || defaultValue?.start || props.focusedValue || props.defaultFocusedValue);
     const timeZone = props.timeZone || inputTimeZone;
-    const calendar = useCalendarState(Object.assign(Object.assign({}, calendarProps), { value: null, timeZone }));
+    const calendar = useCalendarState({ ...calendarProps, value: null, timeZone });
     const highlightedRange = anchorDate
         ? makeRange(anchorDate, calendar.focusedDate, calendar.mode)
-        : ((_a = (value &&
-            makeRange(value.start.timeZone(timeZone), value.end.timeZone(timeZone), calendar.mode))) !== null && _a !== void 0 ? _a : undefined);
+        : ((value &&
+            makeRange(value.start.timeZone(timeZone), value.end.timeZone(timeZone), calendar.mode)) ??
+            undefined);
     const minMode = calendar.availableModes[0];
     const handleSetValue = (v) => {
         let { start, end } = v;
@@ -49,8 +48,14 @@ export function useRangeCalendarState(props) {
             setAnchorDateState(newDate);
         }
     };
-    return Object.assign(Object.assign({}, calendar), { value, setValue: handleSetValue, selectDate,
-        anchorDate, setAnchorDate: setAnchorDateState, highlightedRange,
+    return {
+        ...calendar,
+        value,
+        setValue: handleSetValue,
+        selectDate,
+        anchorDate,
+        setAnchorDate: setAnchorDateState,
+        highlightedRange,
         isSelected(date) {
             if (!highlightedRange) {
                 return false;
@@ -64,7 +69,8 @@ export function useRangeCalendarState(props) {
             if (anchorDate) {
                 this.setFocusedDate(date);
             }
-        } });
+        },
+    };
 }
 function makeRange(start, end, mode) {
     if (start.isBefore(end)) {

package/dist/esm/components/CalendarView/hooks/useRangeCalendarState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRangeCalendarState.js","sourceRoot":"../../../../../src","sources":["components/CalendarView/hooks/useRangeCalendarState.ts"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type {DateTime} from '@gravity-ui/date-utils';\nimport {useControlledState} from '@gravity-ui/uikit';\n\nimport type {RangeValue} from '../../types';\nimport {constrainValue, mergeDateTime} from '../../utils/dates';\nimport {useDefaultTimeZone} from '../../utils/useDefaultTimeZone';\n\nimport type {CalendarLayout, RangeCalendarState} from './types';\nimport {useCalendarState} from './useCalendarState';\nimport type {CalendarStateOptions} from './useCalendarState';\n\nexport interface RangeCalendarStateOptions extends CalendarStateOptions<RangeValue<DateTime>> {}\n\nexport type {RangeCalendarState} from './types';\n\nexport function useRangeCalendarState(props: RangeCalendarStateOptions): RangeCalendarState {\n    const {value: valueProp, defaultValue = null, onUpdate, ...calendarProps} = props;\n    const [value, setValue] = useControlledState(valueProp, defaultValue, onUpdate);\n\n    const [anchorDate, setAnchorDateState] = React.useState<DateTime>();\n\n    const inputTimeZone = useDefaultTimeZone(\n        valueProp?.start || defaultValue?.start || props.focusedValue || props.defaultFocusedValue,\n    );\n    const timeZone = props.timeZone || inputTimeZone;\n\n    const calendar = useCalendarState({...calendarProps, value: null, timeZone});\n    const highlightedRange = anchorDate\n        ? makeRange(anchorDate, calendar.focusedDate, calendar.mode)\n        : ((value &&\n              makeRange(\n                  value.start.timeZone(timeZone),\n                  value.end.timeZone(timeZone),\n                  calendar.mode,\n              )) ??\n          undefined);\n\n    const minMode = calendar.availableModes[0];\n\n    const handleSetValue = (v: RangeValue<DateTime>) => {\n        let {start, end} = v;\n        if (value) {\n            start = mergeDateTime(start, value.start.timeZone(timeZone));\n            end = mergeDateTime(end, value.end.timeZone(timeZone));\n        }\n        setValue({start: start.timeZone(inputTimeZone), end: end.timeZone(inputTimeZone)});\n    };\n\n    const selectDate = (date: DateTime, force = false) => {\n        if (props.disabled) {\n            return;\n        }\n\n        if (!force && calendar.mode !== minMode) {\n            calendar.zoomIn();\n            return;\n        }\n\n        if (props.readOnly) {\n            return;\n        }\n\n        const newDate = constrainValue(date, calendar.minValue, calendar.maxValue);\n        if (calendar.isCellUnavailable(newDate)) {\n            return;\n        }\n\n        if (anchorDate) {\n            const range = makeRange(anchorDate, newDate, calendar.mode);\n            handleSetValue(range);\n            setAnchorDateState(undefined);\n        } else {\n            setAnchorDateState(newDate);\n        }\n    };\n\n    return {\n        ...calendar,\n        value,\n        setValue: handleSetValue,\n        selectDate,\n        anchorDate,\n        setAnchorDate: setAnchorDateState,\n        highlightedRange,\n        isSelected(date) {\n            if (!highlightedRange) {\n                return false;\n            }\n\n            return (\n                (date.isSame(highlightedRange.start, this.mode) ||\n                    date.isAfter(highlightedRange.start)) &&\n                (date.isSame(highlightedRange.end, this.mode) ||\n                    date.isBefore(highlightedRange.end))\n            );\n        },\n        highlightDate(date) {\n            if (anchorDate) {\n                this.setFocusedDate(date);\n            }\n        },\n    };\n}\n\nfunction makeRange(start: DateTime, end: DateTime, mode: CalendarLayout): RangeValue<DateTime> {\n    if (start.isBefore(end)) {\n        return {\n            start,\n            end: end.endOf(mode),\n        };\n    }\n\n    return {\n        start: end,\n        end: start.endOf(mode),\n    };\n}\n"]}
+{"version":3,"file":"useRangeCalendarState.js","sourceRoot":"../../../../../src","sources":["components/CalendarView/hooks/useRangeCalendarState.ts"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type {DateTime} from '@gravity-ui/date-utils';\nimport {useControlledState} from '@gravity-ui/uikit';\n\nimport type {RangeValue} from '../../types';\nimport {constrainValue, mergeDateTime} from '../../utils/dates';\nimport {useDefaultTimeZone} from '../../utils/useDefaultTimeZone';\n\nimport type {CalendarLayout, RangeCalendarState} from './types';\nimport {useCalendarState} from './useCalendarState';\nimport type {CalendarStateOptions} from './useCalendarState';\n\nexport interface RangeCalendarStateOptions extends CalendarStateOptions<RangeValue<DateTime>> {}\n\nexport type {RangeCalendarState} from './types';\n\nexport function useRangeCalendarState(props: RangeCalendarStateOptions): RangeCalendarState {\n    const {value: valueProp, defaultValue = null, onUpdate, ...calendarProps} = props;\n    const [value, setValue] = useControlledState(valueProp, defaultValue, onUpdate);\n\n    const [anchorDate, setAnchorDateState] = React.useState<DateTime>();\n\n    const inputTimeZone = useDefaultTimeZone(\n        valueProp?.start || defaultValue?.start || props.focusedValue || props.defaultFocusedValue,\n    );\n    const timeZone = props.timeZone || inputTimeZone;\n\n    const calendar = useCalendarState({...calendarProps, value: null, timeZone});\n    const highlightedRange = anchorDate\n        ? makeRange(anchorDate, calendar.focusedDate, calendar.mode)\n        : ((value &&\n              makeRange(\n                  value.start.timeZone(timeZone),\n                  value.end.timeZone(timeZone),\n                  calendar.mode,\n              )) ??\n          undefined);\n\n    const minMode = calendar.availableModes[0];\n\n    const handleSetValue = (v: RangeValue<DateTime>) => {\n        let {start, end} = v;\n        if (value) {\n            start = mergeDateTime(start, value.start.timeZone(timeZone));\n            end = mergeDateTime(end, value.end.timeZone(timeZone));\n        }\n        setValue({start: start.timeZone(inputTimeZone), end: end.timeZone(inputTimeZone)});\n    };\n\n    const selectDate = (date: DateTime, force = false) => {\n        if (props.disabled) {\n            return;\n        }\n\n        if (!force && calendar.mode !== minMode) {\n            calendar.zoomIn();\n            return;\n        }\n\n        if (props.readOnly) {\n            return;\n        }\n\n        const newDate = constrainValue(date, calendar.minValue, calendar.maxValue);\n        if (calendar.isCellUnavailable(newDate)) {\n            return;\n        }\n\n        if (anchorDate) {\n            const range = makeRange(anchorDate, newDate, calendar.mode);\n            handleSetValue(range);\n            setAnchorDateState(undefined);\n        } else {\n            setAnchorDateState(newDate);\n        }\n    };\n\n    return {\n        ...calendar,\n        value,\n        setValue: handleSetValue,\n        selectDate,\n        anchorDate,\n        setAnchorDate: setAnchorDateState,\n        highlightedRange,\n        isSelected(date) {\n            if (!highlightedRange) {\n                return false;\n            }\n\n            return (\n                (date.isSame(highlightedRange.start, this.mode) ||\n                    date.isAfter(highlightedRange.start)) &&\n                (date.isSame(highlightedRange.end, this.mode) ||\n                    date.isBefore(highlightedRange.end))\n            );\n        },\n        highlightDate(date) {\n            if (anchorDate) {\n                this.setFocusedDate(date);\n            }\n        },\n    };\n}\n\nfunction makeRange(start: DateTime, end: DateTime, mode: CalendarLayout): RangeValue<DateTime> {\n    if (start.isBefore(end)) {\n        return {\n            start,\n            end: end.endOf(mode),\n        };\n    }\n\n    return {\n        start: end,\n        end: start.endOf(mode),\n    };\n}\n"]}

package/dist/esm/components/DateField/DateField.d.ts

@@ -1,3 +1,3 @@
 import type { DateFieldProps } from "./hooks/useDateFieldProps.js";
 import "./DateField.css";
-export declare function DateField({ className, ...props }: DateFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function DateField({ className, ...props }: DateFieldProps): import("react").JSX.Element;