@alfalab/core-components-calendar-range 9.0.14 → 9.1.0-alfasans

package/Component.d.ts

@@ -89,5 +89,9 @@ export type CalendarRangeProps = {
      * Дополнительный класс для контейнера календаря
      */
     calendarContainerClassName?: string;
+    /**
+     * Автоподмена дат
+     */
+    autoSwap?: boolean;
 };
 export declare const CalendarRange: FC<CalendarRangeProps>;

package/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["src/Component.tsx"],"sourcesContent":["import React, { type FC } from 'react';\n\nimport { type CalendarInputProps } from '@alfalab/core-components-calendar-input';\n\nimport { CalendarRangePopover } from './views/popover';\nimport { CalendarRangeStatic } from './views/static';\n\nexport type CalendarRangeProps = {\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Значение инпута (используется и для календаря)\n     */\n    valueFrom?: string;\n\n    /**\n     * Значение инпута (используется и для календаря)\n     */\n    valueTo?: string;\n\n    /**\n     * Месяц в календаре по умолчанию\n     */\n    defaultMonth?: number;\n\n    /**\n     * Минимальная дата, доступная для выбора (timestamp)\n     */\n    minDate?: number;\n\n    /**\n     * Максимальная дата, доступная для выбора (timestamp)\n     */\n    maxDate?: number;\n\n    /**\n     * Обработчик изменения даты от\n     */\n    onDateFromChange?: (payload: { date: number | null; value: string }) => void;\n\n    /**\n     * Обработчик изменения даты до\n     */\n    onDateToChange?: (payload: { date: number | null; value: string }) => void;\n\n    /**\n     * Обработчик изменения\n     */\n    onChange?: (payload: {\n        dateFrom: number | null;\n        valueFrom: string;\n        dateTo: number | null;\n        valueTo: string;\n    }) => void;\n\n    /**\n     * Коллбэк, срабатывающий при возникновении ошибок валидации дат внутри компонента.\n     */\n    onError?: (hasError: boolean) => void;\n\n    /**\n     * Список событий\n     */\n    events?: Array<Date | number>;\n\n    /**\n     * Список выходных\n     */\n    offDays?: Array<Date | number>;\n\n    /**\n     * Пропсы для инпута даты от\n     */\n    inputFromProps?: CalendarInputProps;\n\n    /**\n     * Пропсы для инпута даты до\n     */\n    inputToProps?: CalendarInputProps;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Определяет, как рендерить календарь — в поповере или снизу инпута\n     */\n    calendarPosition?: 'static' | 'popover';\n\n    /**\n     * calendarPosition = static\n     * Отображать начальный месяц слева или справа (влияет только на начальный рендер)\n     */\n    defaultMonthPosition?: 'left' | 'right';\n\n    /**\n     * Возвращать невалидную дату для кастомной валидации\n     */\n    returnInvalidDates?: boolean;\n\n    /**\n     * Дополнительный класс для контейнера календаря\n     */\n    calendarContainerClassName?: string;\n};\n\nexport const CalendarRange: FC<CalendarRangeProps> = ({\n    calendarPosition = 'static',\n    ...restProps\n}) => {\n    const View = calendarPosition === 'popover' ? CalendarRangePopover : CalendarRangeStatic;\n\n    return <View {...restProps} />;\n};\n"],"names":["__rest","CalendarRangePopover","CalendarRangeStatic","React","__assign"],"mappings":";;;;;;;;;;;;;AA8GO,IAAM,aAAa,GAA2B,UAAC,EAGrD,EAAA;IAFG,IAAA,EAAA,GAAA,EAAA,CAAA,gBAA2B,EAA3B,gBAAgB,GAAG,EAAA,KAAA,MAAA,GAAA,QAAQ,KAAA,EACxB,SAAS,GAFsCA,YAAA,CAAA,EAAA,EAAA,CAAA,kBAAA,CAGrD,CADe;AAEZ,IAAA,IAAM,IAAI,GAAG,gBAAgB,KAAK,SAAS,GAAGC,4BAAoB,GAAGC,2BAAmB;AAExF,IAAA,OAAOC,sBAAC,CAAA,aAAA,CAAA,IAAI,EAAKC,cAAA,CAAA,EAAA,EAAA,SAAS,EAAI;AAClC;;;;"}
+{"version":3,"file":"Component.js","sources":["src/Component.tsx"],"sourcesContent":["import React, { type FC } from 'react';\n\nimport { type CalendarInputProps } from '@alfalab/core-components-calendar-input';\n\nimport { CalendarRangePopover } from './views/popover';\nimport { CalendarRangeStatic } from './views/static';\n\nexport type CalendarRangeProps = {\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Значение инпута (используется и для календаря)\n     */\n    valueFrom?: string;\n\n    /**\n     * Значение инпута (используется и для календаря)\n     */\n    valueTo?: string;\n\n    /**\n     * Месяц в календаре по умолчанию\n     */\n    defaultMonth?: number;\n\n    /**\n     * Минимальная дата, доступная для выбора (timestamp)\n     */\n    minDate?: number;\n\n    /**\n     * Максимальная дата, доступная для выбора (timestamp)\n     */\n    maxDate?: number;\n\n    /**\n     * Обработчик изменения даты от\n     */\n    onDateFromChange?: (payload: { date: number | null; value: string }) => void;\n\n    /**\n     * Обработчик изменения даты до\n     */\n    onDateToChange?: (payload: { date: number | null; value: string }) => void;\n\n    /**\n     * Обработчик изменения\n     */\n    onChange?: (payload: {\n        dateFrom: number | null;\n        valueFrom: string;\n        dateTo: number | null;\n        valueTo: string;\n    }) => void;\n\n    /**\n     * Коллбэк, срабатывающий при возникновении ошибок валидации дат внутри компонента.\n     */\n    onError?: (hasError: boolean) => void;\n\n    /**\n     * Список событий\n     */\n    events?: Array<Date | number>;\n\n    /**\n     * Список выходных\n     */\n    offDays?: Array<Date | number>;\n\n    /**\n     * Пропсы для инпута даты от\n     */\n    inputFromProps?: CalendarInputProps;\n\n    /**\n     * Пропсы для инпута даты до\n     */\n    inputToProps?: CalendarInputProps;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Определяет, как рендерить календарь — в поповере или снизу инпута\n     */\n    calendarPosition?: 'static' | 'popover';\n\n    /**\n     * calendarPosition = static\n     * Отображать начальный месяц слева или справа (влияет только на начальный рендер)\n     */\n    defaultMonthPosition?: 'left' | 'right';\n\n    /**\n     * Возвращать невалидную дату для кастомной валидации\n     */\n    returnInvalidDates?: boolean;\n\n    /**\n     * Дополнительный класс для контейнера календаря\n     */\n    calendarContainerClassName?: string;\n\n    /**\n     * Автоподмена дат\n     */\n    autoSwap?: boolean;\n};\n\nexport const CalendarRange: FC<CalendarRangeProps> = ({\n    calendarPosition = 'static',\n    ...restProps\n}) => {\n    const View = calendarPosition === 'popover' ? CalendarRangePopover : CalendarRangeStatic;\n\n    return <View {...restProps} />;\n};\n"],"names":["__rest","CalendarRangePopover","CalendarRangeStatic","React","__assign"],"mappings":";;;;;;;;;;;;;AAmHO,IAAM,aAAa,GAA2B,UAAC,EAGrD,EAAA;IAFG,IAAA,EAAA,GAAA,EAAA,CAAA,gBAA2B,EAA3B,gBAAgB,GAAG,EAAA,KAAA,MAAA,GAAA,QAAQ,KAAA,EACxB,SAAS,GAFsCA,YAAA,CAAA,EAAA,EAAA,CAAA,kBAAA,CAGrD,CADe;AAEZ,IAAA,IAAM,IAAI,GAAG,gBAAgB,KAAK,SAAS,GAAGC,4BAAoB,GAAGC,2BAAmB;AAExF,IAAA,OAAOC,sBAAC,CAAA,aAAA,CAAA,IAAI,EAAKC,cAAA,CAAA,EAAA,EAAA,SAAS,EAAI;AAClC;;;;"}

package/components/divider/index.css

@@ -14,33 +14,33 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.calendar-range__component_1sn79 {
+.calendar-range__component_155ok {
     display: flex;
     align-items: center;
     justify-content: center;
-    width: 16px;
+    min-width: 16px;
     margin: var(--gap-0) var(--gap-8);
 }
-.calendar-range__component_1sn79:after {
+.calendar-range__component_155ok:after {
         content: '';
         display: block;
         width: 100%;
         height: 1px;
         background-color: var(--color-light-neutral-translucent-1300);
     }
-.calendar-range__outer_1sn79 {
+.calendar-range__outer_155ok {
     position: relative;
     top: var(--gap-24);
 }
-.calendar-range__size48_1sn79 {
+.calendar-range__size48_155ok {
     height: var(--size-s-height);
 }
-.calendar-range__size56_1sn79 {
+.calendar-range__size56_155ok {
     height: var(--size-m-height);
 }
-.calendar-range__size64_1sn79 {
+.calendar-range__size64_155ok {
     height: var(--size-l-height);
 }
-.calendar-range__size72_1sn79 {
+.calendar-range__size72_155ok {
     height: var(--size-xl-height);
 }

package/components/divider/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"calendar-range__component_1sn79","outer":"calendar-range__outer_1sn79","size48":"calendar-range__size48_1sn79","size56":"calendar-range__size56_1sn79","size64":"calendar-range__size64_1sn79","size72":"calendar-range__size72_1sn79"};
+var styles = {"component":"calendar-range__component_155ok","outer":"calendar-range__outer_155ok","size48":"calendar-range__size48_155ok","size56":"calendar-range__size56_155ok","size64":"calendar-range__size64_155ok","size72":"calendar-range__size72_155ok"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/divider/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/divider/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../../../calendar/src/vars.css';\n\n.component {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 16px;\n    margin: var(--gap-0) var(--gap-8);\n\n    &:after {\n        content: '';\n        display: block;\n        width: 100%;\n        height: 1px;\n        background-color: var(--color-light-neutral-translucent-1300);\n    }\n}\n\n.outer {\n    position: relative;\n\n    /* FormControl .above height + margin-bottom */\n    top: var(--gap-24);\n}\n\n.size48 {\n    height: var(--size-s-height);\n}\n\n.size56 {\n    height: var(--size-m-height);\n}\n\n.size64 {\n    height: var(--size-l-height);\n}\n\n.size72 {\n    height: var(--size-xl-height);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,OAAO,CAAC,6BAA6B,CAAC,QAAQ,CAAC,8BAA8B,CAAC,QAAQ,CAAC,8BAA8B,CAAC,QAAQ,CAAC,8BAA8B,CAAC,QAAQ,CAAC,8BAA8B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/divider/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../../../calendar/src/vars.css';\n\n.component {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 16px;\n    margin: var(--gap-0) var(--gap-8);\n\n    &:after {\n        content: '';\n        display: block;\n        width: 100%;\n        height: 1px;\n        background-color: var(--color-light-neutral-translucent-1300);\n    }\n}\n\n.outer {\n    position: relative;\n\n    /* FormControl .above height + margin-bottom */\n    top: var(--gap-24);\n}\n\n.size48 {\n    height: var(--size-s-height);\n}\n\n.size56 {\n    height: var(--size-m-height);\n}\n\n.size64 {\n    height: var(--size-l-height);\n}\n\n.size72 {\n    height: var(--size-xl-height);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,OAAO,CAAC,6BAA6B,CAAC,QAAQ,CAAC,8BAA8B,CAAC,QAAQ,CAAC,8BAA8B,CAAC,QAAQ,CAAC,8BAA8B,CAAC,QAAQ,CAAC,8BAA8B,CAAC;;;;"}

package/cssm/Component.d.ts

@@ -89,5 +89,9 @@ export type CalendarRangeProps = {
      * Дополнительный класс для контейнера календаря
      */
     calendarContainerClassName?: string;
+    /**
+     * Автоподмена дат
+     */
+    autoSwap?: boolean;
 };
 export declare const CalendarRange: FC<CalendarRangeProps>;

package/cssm/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["import React, { type FC } from 'react';\n\nimport { type CalendarInputProps } from '@alfalab/core-components-calendar-input';\n\nimport { CalendarRangePopover } from './views/popover';\nimport { CalendarRangeStatic } from './views/static';\n\nexport type CalendarRangeProps = {\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Значение инпута (используется и для календаря)\n     */\n    valueFrom?: string;\n\n    /**\n     * Значение инпута (используется и для календаря)\n     */\n    valueTo?: string;\n\n    /**\n     * Месяц в календаре по умолчанию\n     */\n    defaultMonth?: number;\n\n    /**\n     * Минимальная дата, доступная для выбора (timestamp)\n     */\n    minDate?: number;\n\n    /**\n     * Максимальная дата, доступная для выбора (timestamp)\n     */\n    maxDate?: number;\n\n    /**\n     * Обработчик изменения даты от\n     */\n    onDateFromChange?: (payload: { date: number | null; value: string }) => void;\n\n    /**\n     * Обработчик изменения даты до\n     */\n    onDateToChange?: (payload: { date: number | null; value: string }) => void;\n\n    /**\n     * Обработчик изменения\n     */\n    onChange?: (payload: {\n        dateFrom: number | null;\n        valueFrom: string;\n        dateTo: number | null;\n        valueTo: string;\n    }) => void;\n\n    /**\n     * Коллбэк, срабатывающий при возникновении ошибок валидации дат внутри компонента.\n     */\n    onError?: (hasError: boolean) => void;\n\n    /**\n     * Список событий\n     */\n    events?: Array<Date | number>;\n\n    /**\n     * Список выходных\n     */\n    offDays?: Array<Date | number>;\n\n    /**\n     * Пропсы для инпута даты от\n     */\n    inputFromProps?: CalendarInputProps;\n\n    /**\n     * Пропсы для инпута даты до\n     */\n    inputToProps?: CalendarInputProps;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Определяет, как рендерить календарь — в поповере или снизу инпута\n     */\n    calendarPosition?: 'static' | 'popover';\n\n    /**\n     * calendarPosition = static\n     * Отображать начальный месяц слева или справа (влияет только на начальный рендер)\n     */\n    defaultMonthPosition?: 'left' | 'right';\n\n    /**\n     * Возвращать невалидную дату для кастомной валидации\n     */\n    returnInvalidDates?: boolean;\n\n    /**\n     * Дополнительный класс для контейнера календаря\n     */\n    calendarContainerClassName?: string;\n};\n\nexport const CalendarRange: FC<CalendarRangeProps> = ({\n    calendarPosition = 'static',\n    ...restProps\n}) => {\n    const View = calendarPosition === 'popover' ? CalendarRangePopover : CalendarRangeStatic;\n\n    return <View {...restProps} />;\n};\n"],"names":["__rest","CalendarRangePopover","CalendarRangeStatic","React","__assign"],"mappings":";;;;;;;;;;;;;AA8GO,IAAM,aAAa,GAA2B,UAAC,EAGrD,EAAA;IAFG,IAAA,EAAA,GAAA,EAAA,CAAA,gBAA2B,EAA3B,gBAAgB,GAAG,EAAA,KAAA,MAAA,GAAA,QAAQ,KAAA,EACxB,SAAS,GAFsCA,YAAA,CAAA,EAAA,EAAA,CAAA,kBAAA,CAGrD,CADe;AAEZ,IAAA,IAAM,IAAI,GAAG,gBAAgB,KAAK,SAAS,GAAGC,4BAAoB,GAAGC,2BAAmB;AAExF,IAAA,OAAOC,sBAAC,CAAA,aAAA,CAAA,IAAI,EAAKC,cAAA,CAAA,EAAA,EAAA,SAAS,EAAI;AAClC;;;;"}
+{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["import React, { type FC } from 'react';\n\nimport { type CalendarInputProps } from '@alfalab/core-components-calendar-input';\n\nimport { CalendarRangePopover } from './views/popover';\nimport { CalendarRangeStatic } from './views/static';\n\nexport type CalendarRangeProps = {\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Значение инпута (используется и для календаря)\n     */\n    valueFrom?: string;\n\n    /**\n     * Значение инпута (используется и для календаря)\n     */\n    valueTo?: string;\n\n    /**\n     * Месяц в календаре по умолчанию\n     */\n    defaultMonth?: number;\n\n    /**\n     * Минимальная дата, доступная для выбора (timestamp)\n     */\n    minDate?: number;\n\n    /**\n     * Максимальная дата, доступная для выбора (timestamp)\n     */\n    maxDate?: number;\n\n    /**\n     * Обработчик изменения даты от\n     */\n    onDateFromChange?: (payload: { date: number | null; value: string }) => void;\n\n    /**\n     * Обработчик изменения даты до\n     */\n    onDateToChange?: (payload: { date: number | null; value: string }) => void;\n\n    /**\n     * Обработчик изменения\n     */\n    onChange?: (payload: {\n        dateFrom: number | null;\n        valueFrom: string;\n        dateTo: number | null;\n        valueTo: string;\n    }) => void;\n\n    /**\n     * Коллбэк, срабатывающий при возникновении ошибок валидации дат внутри компонента.\n     */\n    onError?: (hasError: boolean) => void;\n\n    /**\n     * Список событий\n     */\n    events?: Array<Date | number>;\n\n    /**\n     * Список выходных\n     */\n    offDays?: Array<Date | number>;\n\n    /**\n     * Пропсы для инпута даты от\n     */\n    inputFromProps?: CalendarInputProps;\n\n    /**\n     * Пропсы для инпута даты до\n     */\n    inputToProps?: CalendarInputProps;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Определяет, как рендерить календарь — в поповере или снизу инпута\n     */\n    calendarPosition?: 'static' | 'popover';\n\n    /**\n     * calendarPosition = static\n     * Отображать начальный месяц слева или справа (влияет только на начальный рендер)\n     */\n    defaultMonthPosition?: 'left' | 'right';\n\n    /**\n     * Возвращать невалидную дату для кастомной валидации\n     */\n    returnInvalidDates?: boolean;\n\n    /**\n     * Дополнительный класс для контейнера календаря\n     */\n    calendarContainerClassName?: string;\n\n    /**\n     * Автоподмена дат\n     */\n    autoSwap?: boolean;\n};\n\nexport const CalendarRange: FC<CalendarRangeProps> = ({\n    calendarPosition = 'static',\n    ...restProps\n}) => {\n    const View = calendarPosition === 'popover' ? CalendarRangePopover : CalendarRangeStatic;\n\n    return <View {...restProps} />;\n};\n"],"names":["__rest","CalendarRangePopover","CalendarRangeStatic","React","__assign"],"mappings":";;;;;;;;;;;;;AAmHO,IAAM,aAAa,GAA2B,UAAC,EAGrD,EAAA;IAFG,IAAA,EAAA,GAAA,EAAA,CAAA,gBAA2B,EAA3B,gBAAgB,GAAG,EAAA,KAAA,MAAA,GAAA,QAAQ,KAAA,EACxB,SAAS,GAFsCA,YAAA,CAAA,EAAA,EAAA,CAAA,kBAAA,CAGrD,CADe;AAEZ,IAAA,IAAM,IAAI,GAAG,gBAAgB,KAAK,SAAS,GAAGC,4BAAoB,GAAGC,2BAAmB;AAExF,IAAA,OAAOC,sBAAC,CAAA,aAAA,CAAA,IAAI,EAAKC,cAAA,CAAA,EAAA,EAAA,SAAS,EAAI;AAClC;;;;"}

package/cssm/components/divider/index.module.css

@@ -18,7 +18,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    width: 16px;
+    min-width: 16px;
     margin: var(--gap-0) var(--gap-8);
 }
 .component:after {

package/cssm/hooks.d.ts

@@ -1,3 +1,4 @@
+import { type RefObject } from 'react';
 export declare function usePopoverViewMonthes({ dateFrom, dateTo, defaultMonth, resetKey, }: {
     defaultMonth: number;
     dateFrom: number | null;
@@ -25,3 +26,33 @@ export declare function useSelectionProps(from?: number, to?: number, highlighte
     selectedFrom: number | undefined;
     selectedTo: number | undefined;
 };
+interface UseStaticRangeAutoSwapParams {
+    autoSwap: boolean;
+    setInputFromValue: React.Dispatch<React.SetStateAction<string>>;
+    setInputToValue: React.Dispatch<React.SetStateAction<string>>;
+    toggleCorrectionFromRef: RefObject<CorrectionToggleRef>;
+    toggleCorrectionToRef: RefObject<CorrectionToggleRef>;
+    inputFromRef: RefObject<HTMLInputElement>;
+    inputToRef: RefObject<HTMLInputElement>;
+}
+type CorrectionToggleRef = {
+    handleCorrection: () => void;
+};
+export declare const useStaticRangeAutoSwap: ({ autoSwap, setInputFromValue, setInputToValue, toggleCorrectionFromRef, toggleCorrectionToRef, inputFromRef, inputToRef, }: UseStaticRangeAutoSwapParams) => {
+    swapDates: (newValue: string, inputFromValue: string, inputToValue: string) => void;
+    isInternalUpdate: import("react").MutableRefObject<boolean>;
+};
+interface UseInputValidationParams {
+    inputFromValue: string;
+    inputToValue: string;
+    minDate: number;
+    maxDate: number;
+    offDays: Array<number | Date>;
+}
+interface InputValidationResult {
+    inputFromError: boolean;
+    inputToError: boolean;
+    rangeError: boolean;
+}
+export declare const useInputValidation: ({ inputFromValue, inputToValue, minDate, maxDate, offDays, }: UseInputValidationParams) => InputValidationResult;
+export {};

package/cssm/hooks.js

@@ -4,6 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var dateFns = require('date-fns');
+var shared = require('@alfalab/core-components-calendar-input/cssm/shared');
+var cssm = require('@alfalab/core-components-date-input/cssm');
 
 function usePopoverViewMonthes(_a) {
     var dateFrom = _a.dateFrom, dateTo = _a.dateTo, defaultMonth = _a.defaultMonth, resetKey = _a.resetKey;
@@ -133,8 +135,90 @@ function useSelectionProps(from, to, highlighted) {
         };
     }, [from, highlighted, to]);
 }
+var useStaticRangeAutoSwap = function (_a) {
+    var autoSwap = _a.autoSwap, setInputFromValue = _a.setInputFromValue, setInputToValue = _a.setInputToValue, toggleCorrectionFromRef = _a.toggleCorrectionFromRef, toggleCorrectionToRef = _a.toggleCorrectionToRef, inputFromRef = _a.inputFromRef, inputToRef = _a.inputToRef;
+    var isInternalUpdate = React.useRef(false);
+    var swapDates = function (newValue, inputFromValue, inputToValue) {
+        var _a, _b, _c, _d;
+        if (!autoSwap)
+            return;
+        if (cssm.isCompleteDateInput(newValue) &&
+            cssm.isCompleteDateInput(inputToValue) &&
+            shared.parseDateString(newValue).getTime() > shared.parseDateString(inputToValue).getTime()) {
+            if (inputFromValue !== inputToValue) {
+                isInternalUpdate.current = true;
+                setInputFromValue(inputToValue);
+                setInputToValue(newValue);
+                (_a = toggleCorrectionFromRef.current) === null || _a === void 0 ? void 0 : _a.handleCorrection();
+                (_b = toggleCorrectionToRef.current) === null || _b === void 0 ? void 0 : _b.handleCorrection();
+                setTimeout(function () {
+                    var _a;
+                    (_a = inputToRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                }, 0);
+            }
+        }
+        if (cssm.isCompleteDateInput(newValue) &&
+            cssm.isCompleteDateInput(inputFromValue) &&
+            shared.parseDateString(newValue).getTime() < shared.parseDateString(inputFromValue).getTime()) {
+            if (inputToValue !== inputFromValue) {
+                isInternalUpdate.current = true;
+                setInputToValue(inputFromValue);
+                setInputFromValue(newValue);
+                (_c = toggleCorrectionFromRef.current) === null || _c === void 0 ? void 0 : _c.handleCorrection();
+                (_d = toggleCorrectionToRef.current) === null || _d === void 0 ? void 0 : _d.handleCorrection();
+                setTimeout(function () {
+                    var _a;
+                    (_a = inputFromRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                }, 0);
+            }
+        }
+    };
+    return { swapDates: swapDates, isInternalUpdate: isInternalUpdate };
+};
+var useInputValidation = function (_a) {
+    var inputFromValue = _a.inputFromValue, inputToValue = _a.inputToValue, minDate = _a.minDate, maxDate = _a.maxDate, offDays = _a.offDays;
+    var _b = React.useState({
+        inputFromError: false,
+        inputToError: false,
+        rangeError: false,
+    }), validationResult = _b[0], setValidationResult = _b[1];
+    React.useEffect(function () {
+        var isInputFromValueComplete = cssm.isCompleteDateInput(inputFromValue);
+        var isInputToValueComplete = cssm.isCompleteDateInput(inputToValue);
+        var individualInputFromError = false;
+        var individualInputToError = false;
+        if (isInputFromValueComplete) {
+            individualInputFromError = !shared.isValidInputValue(inputFromValue, minDate, maxDate, offDays);
+        }
+        if (isInputToValueComplete) {
+            individualInputToError = !shared.isValidInputValue(inputToValue, minDate, maxDate, offDays);
+        }
+        var rangeError = false;
+        var parsedDateFrom = isInputFromValueComplete ? shared.parseDateString(inputFromValue) : null;
+        var parsedDateTo = isInputToValueComplete ? shared.parseDateString(inputToValue) : null;
+        var isParsedDateFromValid = parsedDateFrom &&
+            !Number.isNaN(parsedDateFrom.getTime()) &&
+            shared.isValidInputValue(inputFromValue, minDate, maxDate, offDays);
+        var isParsedDateToValid = parsedDateTo &&
+            !Number.isNaN(parsedDateTo.getTime()) &&
+            shared.isValidInputValue(inputToValue, minDate, maxDate, offDays);
+        if (isParsedDateFromValid &&
+            isParsedDateToValid &&
+            parsedDateFrom.getTime() > parsedDateTo.getTime()) {
+            rangeError = true;
+        }
+        setValidationResult({
+            inputFromError: individualInputFromError || rangeError,
+            inputToError: individualInputToError || rangeError,
+            rangeError: rangeError,
+        });
+    }, [inputFromValue, inputToValue, minDate, maxDate, offDays]);
+    return validationResult;
+};
 
+exports.useInputValidation = useInputValidation;
 exports.usePopoverViewMonthes = usePopoverViewMonthes;
 exports.useSelectionProps = useSelectionProps;
+exports.useStaticRangeAutoSwap = useStaticRangeAutoSwap;
 exports.useStaticViewMonthes = useStaticViewMonthes;
 //# sourceMappingURL=hooks.js.map

package/cssm/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sources":["../src/hooks.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\nimport { addMonths, isEqual, max, min, startOfMonth, subMonths } from 'date-fns';\n\nexport function usePopoverViewMonthes({\n    dateFrom,\n    dateTo,\n    defaultMonth,\n    resetKey,\n}: {\n    defaultMonth: number;\n    dateFrom: number | null;\n    dateTo: number | null;\n    resetKey?: number;\n}) {\n    const [monthFrom, setMonthFrom] = useState<number>();\n    const [monthTo, setMonthTo] = useState<number>();\n\n    const handleMonthFromChange = useCallback(\n        (newMonthFrom: number) => {\n            setMonthFrom(newMonthFrom);\n\n            if (!dateTo) {\n                setMonthTo(newMonthFrom);\n            }\n        },\n        [dateTo],\n    );\n\n    const handleMonthToChange = useCallback(\n        (newMonthTo: number) => {\n            setMonthTo(newMonthTo);\n\n            if (!dateFrom) {\n                setMonthFrom(newMonthTo);\n            }\n        },\n        [dateFrom],\n    );\n\n    useEffect(() => {\n        setMonthFrom(dateFrom ? startOfMonth(dateFrom).getTime() : defaultMonth);\n    }, [defaultMonth, dateFrom, resetKey]);\n\n    useEffect(() => {\n        setMonthTo(dateTo ? startOfMonth(dateTo).getTime() : monthFrom);\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [dateTo, resetKey]);\n\n    return {\n        monthFrom,\n        monthTo,\n        handleMonthFromChange,\n        handleMonthToChange,\n    };\n}\n\nexport function useStaticViewMonthes({\n    selectedFrom,\n    selectedTo,\n    defaultMonth,\n    defaultMonthPosition,\n}: {\n    selectedFrom?: number;\n    selectedTo?: number;\n    defaultMonth: number;\n    defaultMonthPosition?: 'left' | 'right';\n}) {\n    /**\n     * Если указана начальная дата — левый месяц равен ей, иначе используется дата конца.\n     * Если обе даты не указаны, то используется дефолтный месяц\n     */\n    let initialMonthFrom = useMemo(\n        () => startOfMonth(selectedFrom || selectedTo || defaultMonth).getTime(),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [],\n    );\n\n    /**\n     * Правый месяц должен быть как минимум на 1 месяц больше левого\n     */\n    let initialMonthTo = useMemo(\n        () =>\n            max([\n                selectedTo ? startOfMonth(selectedTo) : 0,\n                addMonths(initialMonthFrom, 1),\n            ]).getTime(),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [],\n    );\n\n    if (defaultMonthPosition === 'right') {\n        initialMonthTo = initialMonthFrom;\n        initialMonthFrom = subMonths(initialMonthFrom, 1).getTime();\n    }\n\n    const [monthFrom, setMonthFrom] = useState<number>(initialMonthFrom);\n    const [monthTo, setMonthTo] = useState<number>(initialMonthTo);\n\n    const handleMonthFromChange = useCallback(\n        (newMonthFrom: number) => {\n            setMonthFrom(newMonthFrom);\n\n            if (monthTo && isEqual(newMonthFrom, monthTo)) {\n                const nextMonth = addMonths(newMonthFrom, 1).getTime();\n\n                setMonthTo(nextMonth);\n            }\n        },\n        [monthTo],\n    );\n\n    const handleMonthToChange = useCallback(\n        (newMonthTo: number) => {\n            setMonthTo(newMonthTo);\n\n            if (monthFrom && isEqual(newMonthTo, monthFrom)) {\n                const prevMonth = subMonths(newMonthTo, 1).getTime();\n\n                setMonthFrom(prevMonth);\n            }\n        },\n        [monthFrom],\n    );\n\n    // eslint-disable-next-line complexity\n    useEffect(() => {\n        const selectedFromMonth = selectedFrom ? startOfMonth(selectedFrom).getTime() : undefined;\n        const selectedToMonth = selectedTo ? startOfMonth(selectedTo).getTime() : undefined;\n\n        // Проверяем, показываются ли выбранные месяцы в левой или правой части компонента\n        const fromMonthOnLeft = selectedFromMonth && selectedFromMonth === monthFrom;\n        const fromMonthOnRight = selectedFromMonth && selectedFromMonth === monthTo;\n        const toMonthOnRight = selectedToMonth && selectedToMonth === monthTo;\n        const toMonthOnLeft = selectedToMonth && selectedToMonth === monthFrom;\n        const fromMonthOnScreen = fromMonthOnLeft || fromMonthOnRight;\n        const toMonthOnScreen = toMonthOnLeft || toMonthOnRight;\n\n        if (fromMonthOnLeft && toMonthOnLeft) {\n            setMonthTo(max([addMonths(selectedFromMonth, 1), monthTo]).getTime());\n\n            return;\n        }\n\n        if (fromMonthOnRight && toMonthOnRight) {\n            setMonthFrom(min([subMonths(selectedToMonth, 1), monthFrom]).getTime());\n\n            return;\n        }\n\n        if (selectedFromMonth && selectedToMonth) {\n            setMonthFrom(selectedFromMonth);\n            setMonthTo(max([addMonths(selectedFromMonth, 1), selectedToMonth]).getTime());\n\n            return;\n        }\n\n        if (selectedFromMonth && !selectedToMonth && !fromMonthOnScreen) {\n            setMonthFrom(selectedFromMonth);\n            setMonthTo(max([addMonths(selectedFromMonth, 1), monthTo]).getTime());\n        }\n\n        if (selectedToMonth && !selectedFromMonth && !toMonthOnScreen) {\n            setMonthTo(selectedToMonth);\n            setMonthFrom(min([subMonths(selectedToMonth, 1), monthFrom]).getTime());\n        }\n\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [selectedFrom, selectedTo]);\n\n    return {\n        monthFrom,\n        monthTo,\n        handleMonthFromChange,\n        handleMonthToChange,\n    };\n}\n\nexport function useSelectionProps(from?: number, to?: number, highlighted?: number) {\n    return useMemo(() => {\n        if (from && to) {\n            return {\n                rangeComplete: true,\n                selectedFrom: min([from, to]).getTime(),\n                selectedTo: max([from, to]).getTime(),\n            };\n        }\n\n        const dates = [from, to, highlighted].filter((date) => date !== undefined);\n\n        return {\n            rangeComplete: false,\n            selectedFrom: from || dates.length === 2 ? min(dates).getTime() : undefined,\n            selectedTo: to || dates.length === 2 ? max(dates).getTime() : undefined,\n        };\n    }, [from, highlighted, to]);\n}\n"],"names":["useState","useCallback","useEffect","startOfMonth","useMemo","max","addMonths","subMonths","isEqual","min"],"mappings":"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"}
+{"version":3,"file":"hooks.js","sources":["../src/hooks.ts"],"sourcesContent":["import { type RefObject, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { addMonths, isEqual, max, min, startOfMonth, subMonths } from 'date-fns';\n\nimport { isValidInputValue, parseDateString } from '@alfalab/core-components-calendar-input/shared';\nimport { isCompleteDateInput } from '@alfalab/core-components-date-input';\n\nexport function usePopoverViewMonthes({\n    dateFrom,\n    dateTo,\n    defaultMonth,\n    resetKey,\n}: {\n    defaultMonth: number;\n    dateFrom: number | null;\n    dateTo: number | null;\n    resetKey?: number;\n}) {\n    const [monthFrom, setMonthFrom] = useState<number>();\n    const [monthTo, setMonthTo] = useState<number>();\n\n    const handleMonthFromChange = useCallback(\n        (newMonthFrom: number) => {\n            setMonthFrom(newMonthFrom);\n\n            if (!dateTo) {\n                setMonthTo(newMonthFrom);\n            }\n        },\n        [dateTo],\n    );\n\n    const handleMonthToChange = useCallback(\n        (newMonthTo: number) => {\n            setMonthTo(newMonthTo);\n\n            if (!dateFrom) {\n                setMonthFrom(newMonthTo);\n            }\n        },\n        [dateFrom],\n    );\n\n    useEffect(() => {\n        setMonthFrom(dateFrom ? startOfMonth(dateFrom).getTime() : defaultMonth);\n    }, [defaultMonth, dateFrom, resetKey]);\n\n    useEffect(() => {\n        setMonthTo(dateTo ? startOfMonth(dateTo).getTime() : monthFrom);\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [dateTo, resetKey]);\n\n    return {\n        monthFrom,\n        monthTo,\n        handleMonthFromChange,\n        handleMonthToChange,\n    };\n}\n\nexport function useStaticViewMonthes({\n    selectedFrom,\n    selectedTo,\n    defaultMonth,\n    defaultMonthPosition,\n}: {\n    selectedFrom?: number;\n    selectedTo?: number;\n    defaultMonth: number;\n    defaultMonthPosition?: 'left' | 'right';\n}) {\n    /**\n     * Если указана начальная дата — левый месяц равен ей, иначе используется дата конца.\n     * Если обе даты не указаны, то используется дефолтный месяц\n     */\n    let initialMonthFrom = useMemo(\n        () => startOfMonth(selectedFrom || selectedTo || defaultMonth).getTime(),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [],\n    );\n\n    /**\n     * Правый месяц должен быть как минимум на 1 месяц больше левого\n     */\n    let initialMonthTo = useMemo(\n        () =>\n            max([\n                selectedTo ? startOfMonth(selectedTo) : 0,\n                addMonths(initialMonthFrom, 1),\n            ]).getTime(),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [],\n    );\n\n    if (defaultMonthPosition === 'right') {\n        initialMonthTo = initialMonthFrom;\n        initialMonthFrom = subMonths(initialMonthFrom, 1).getTime();\n    }\n\n    const [monthFrom, setMonthFrom] = useState<number>(initialMonthFrom);\n    const [monthTo, setMonthTo] = useState<number>(initialMonthTo);\n\n    const handleMonthFromChange = useCallback(\n        (newMonthFrom: number) => {\n            setMonthFrom(newMonthFrom);\n\n            if (monthTo && isEqual(newMonthFrom, monthTo)) {\n                const nextMonth = addMonths(newMonthFrom, 1).getTime();\n\n                setMonthTo(nextMonth);\n            }\n        },\n        [monthTo],\n    );\n\n    const handleMonthToChange = useCallback(\n        (newMonthTo: number) => {\n            setMonthTo(newMonthTo);\n\n            if (monthFrom && isEqual(newMonthTo, monthFrom)) {\n                const prevMonth = subMonths(newMonthTo, 1).getTime();\n\n                setMonthFrom(prevMonth);\n            }\n        },\n        [monthFrom],\n    );\n\n    // eslint-disable-next-line complexity\n    useEffect(() => {\n        const selectedFromMonth = selectedFrom ? startOfMonth(selectedFrom).getTime() : undefined;\n        const selectedToMonth = selectedTo ? startOfMonth(selectedTo).getTime() : undefined;\n\n        // Проверяем, показываются ли выбранные месяцы в левой или правой части компонента\n        const fromMonthOnLeft = selectedFromMonth && selectedFromMonth === monthFrom;\n        const fromMonthOnRight = selectedFromMonth && selectedFromMonth === monthTo;\n        const toMonthOnRight = selectedToMonth && selectedToMonth === monthTo;\n        const toMonthOnLeft = selectedToMonth && selectedToMonth === monthFrom;\n        const fromMonthOnScreen = fromMonthOnLeft || fromMonthOnRight;\n        const toMonthOnScreen = toMonthOnLeft || toMonthOnRight;\n\n        if (fromMonthOnLeft && toMonthOnLeft) {\n            setMonthTo(max([addMonths(selectedFromMonth, 1), monthTo]).getTime());\n\n            return;\n        }\n\n        if (fromMonthOnRight && toMonthOnRight) {\n            setMonthFrom(min([subMonths(selectedToMonth, 1), monthFrom]).getTime());\n\n            return;\n        }\n\n        if (selectedFromMonth && selectedToMonth) {\n            setMonthFrom(selectedFromMonth);\n            setMonthTo(max([addMonths(selectedFromMonth, 1), selectedToMonth]).getTime());\n\n            return;\n        }\n\n        if (selectedFromMonth && !selectedToMonth && !fromMonthOnScreen) {\n            setMonthFrom(selectedFromMonth);\n            setMonthTo(max([addMonths(selectedFromMonth, 1), monthTo]).getTime());\n        }\n\n        if (selectedToMonth && !selectedFromMonth && !toMonthOnScreen) {\n            setMonthTo(selectedToMonth);\n            setMonthFrom(min([subMonths(selectedToMonth, 1), monthFrom]).getTime());\n        }\n\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [selectedFrom, selectedTo]);\n\n    return {\n        monthFrom,\n        monthTo,\n        handleMonthFromChange,\n        handleMonthToChange,\n    };\n}\n\nexport function useSelectionProps(from?: number, to?: number, highlighted?: number) {\n    return useMemo(() => {\n        if (from && to) {\n            return {\n                rangeComplete: true,\n                selectedFrom: min([from, to]).getTime(),\n                selectedTo: max([from, to]).getTime(),\n            };\n        }\n\n        const dates = [from, to, highlighted].filter((date) => date !== undefined);\n\n        return {\n            rangeComplete: false,\n            selectedFrom: from || dates.length === 2 ? min(dates).getTime() : undefined,\n            selectedTo: to || dates.length === 2 ? max(dates).getTime() : undefined,\n        };\n    }, [from, highlighted, to]);\n}\n\ninterface UseStaticRangeAutoSwapParams {\n    autoSwap: boolean;\n    setInputFromValue: React.Dispatch<React.SetStateAction<string>>;\n    setInputToValue: React.Dispatch<React.SetStateAction<string>>;\n    toggleCorrectionFromRef: RefObject<CorrectionToggleRef>;\n    toggleCorrectionToRef: RefObject<CorrectionToggleRef>;\n    inputFromRef: RefObject<HTMLInputElement>;\n    inputToRef: RefObject<HTMLInputElement>;\n}\n\ntype CorrectionToggleRef = { handleCorrection: () => void };\n\nexport const useStaticRangeAutoSwap = ({\n    autoSwap,\n    setInputFromValue,\n    setInputToValue,\n    toggleCorrectionFromRef,\n    toggleCorrectionToRef,\n    inputFromRef,\n    inputToRef,\n}: UseStaticRangeAutoSwapParams) => {\n    const isInternalUpdate = useRef(false);\n\n    const swapDates = (newValue: string, inputFromValue: string, inputToValue: string) => {\n        if (!autoSwap) return;\n\n        if (\n            isCompleteDateInput(newValue) &&\n            isCompleteDateInput(inputToValue) &&\n            parseDateString(newValue).getTime() > parseDateString(inputToValue).getTime()\n        ) {\n            if (inputFromValue !== inputToValue) {\n                isInternalUpdate.current = true;\n                setInputFromValue(inputToValue);\n                setInputToValue(newValue);\n\n                toggleCorrectionFromRef.current?.handleCorrection();\n                toggleCorrectionToRef.current?.handleCorrection();\n\n                setTimeout(() => {\n                    inputToRef.current?.focus();\n                }, 0);\n            }\n        }\n        if (\n            isCompleteDateInput(newValue) &&\n            isCompleteDateInput(inputFromValue) &&\n            parseDateString(newValue).getTime() < parseDateString(inputFromValue).getTime()\n        ) {\n            if (inputToValue !== inputFromValue) {\n                isInternalUpdate.current = true;\n                setInputToValue(inputFromValue);\n                setInputFromValue(newValue);\n\n                toggleCorrectionFromRef.current?.handleCorrection();\n                toggleCorrectionToRef.current?.handleCorrection();\n\n                setTimeout(() => {\n                    inputFromRef.current?.focus();\n                }, 0);\n            }\n        }\n    };\n\n    return { swapDates, isInternalUpdate };\n};\n\ninterface UseInputValidationParams {\n    inputFromValue: string;\n    inputToValue: string;\n    minDate: number;\n    maxDate: number;\n    offDays: Array<number | Date>;\n}\n\ninterface InputValidationResult {\n    inputFromError: boolean;\n    inputToError: boolean;\n    rangeError: boolean;\n}\n\nexport const useInputValidation = ({\n    inputFromValue,\n    inputToValue,\n    minDate,\n    maxDate,\n    offDays,\n}: UseInputValidationParams): InputValidationResult => {\n    const [validationResult, setValidationResult] = useState<InputValidationResult>({\n        inputFromError: false,\n        inputToError: false,\n        rangeError: false,\n    });\n\n    useEffect(() => {\n        const isInputFromValueComplete = isCompleteDateInput(inputFromValue);\n        const isInputToValueComplete = isCompleteDateInput(inputToValue);\n\n        let individualInputFromError = false;\n        let individualInputToError = false;\n\n        if (isInputFromValueComplete) {\n            individualInputFromError = !isValidInputValue(\n                inputFromValue,\n                minDate,\n                maxDate,\n                offDays,\n            );\n        }\n\n        if (isInputToValueComplete) {\n            individualInputToError = !isValidInputValue(inputToValue, minDate, maxDate, offDays);\n        }\n\n        let rangeError = false;\n\n        const parsedDateFrom = isInputFromValueComplete ? parseDateString(inputFromValue) : null;\n        const parsedDateTo = isInputToValueComplete ? parseDateString(inputToValue) : null;\n\n        const isParsedDateFromValid =\n            parsedDateFrom &&\n            !Number.isNaN(parsedDateFrom.getTime()) &&\n            isValidInputValue(inputFromValue, minDate, maxDate, offDays);\n        const isParsedDateToValid =\n            parsedDateTo &&\n            !Number.isNaN(parsedDateTo.getTime()) &&\n            isValidInputValue(inputToValue, minDate, maxDate, offDays);\n\n        if (\n            isParsedDateFromValid &&\n            isParsedDateToValid &&\n            parsedDateFrom.getTime() > parsedDateTo.getTime()\n        ) {\n            rangeError = true;\n        }\n\n        setValidationResult({\n            inputFromError: individualInputFromError || rangeError,\n            inputToError: individualInputToError || rangeError,\n            rangeError,\n        });\n    }, [inputFromValue, inputToValue, minDate, maxDate, offDays]);\n\n    return validationResult;\n};\n"],"names":["useState","useCallback","useEffect","startOfMonth","useMemo","max","addMonths","subMonths","isEqual","min","useRef","isCompleteDateInput","parseDateString","isValidInputValue"],"mappings":"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"}

package/cssm/views/index.module.css

@@ -1,9 +1,11 @@
 :root {
     --gap-s: 12px;
     --gap-m: 16px;
+    --gap-2xl: 32px;
     --gap-0: 0px;
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
+    --gap-32: var(--gap-2xl);
 }
 :root {
     --calendar-inner-width: 280px;
@@ -20,12 +22,22 @@
 .component *[class*='calendarIcon_'] {
         margin-right: var(--gap-0);
     }
+.static {
+    flex-direction: column;
+}
 .static .calendar {
         width: var(--calendar-inner-width);
     }
 .static .calendar > div:first-child {
             padding: var(--gap-16) var(--gap-0) var(--gap-12);
         }
+.inputsContainer {
+    display: flex;
+}
+.calendarContainers {
+    display: flex;
+    gap: var(--gap-32);
+}
 .calendarContainer {
     width: var(--calendar-inner-width);
     display: flex;

package/cssm/views/static.d.ts

@@ -1,9 +1,20 @@
 import { type FC } from 'react';
+import { type CalendarInputProps } from '@alfalab/core-components-calendar-input/cssm';
 import { type CalendarRangeProps } from '../Component';
-export type CalendarRangeStaticProps = Omit<CalendarRangeProps, 'calendarPosition'> & {
+type DateInputProps = Omit<CalendarInputProps, 'onCalendarOpen' | 'onCalendarClose' | 'onChange'>;
+interface CalendarRangeStaticProps extends Omit<CalendarRangeProps, 'calendarPosition' | 'inputFromProps' | 'inputToProps'> {
     /**
      * Отображать начальный месяц слева или справа (влияет только на начальный рендер)
      */
     defaultMonthPosition?: 'left' | 'right';
-};
+    /**
+     * Пропсы для инпута начальной даты диапазона
+     */
+    inputFromProps?: DateInputProps;
+    /**
+     * Пропсы для инпута конечной даты диапазона
+     */
+    inputToProps?: DateInputProps;
+}
 export declare const CalendarRangeStatic: FC<CalendarRangeStaticProps>;
+export {};