@alfalab/core-components-date-range-input 3.0.9 → 3.0.11

package/cssm/index-72308007.d.ts

@@ -0,0 +1,54 @@
+/// <reference types="react" />
+import React from "react";
+import { PaddingType } from "./index-72dda473";
+/* eslint-disable no-plusplus, no-param-reassign */
+import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
+declare const isClient: () => boolean;
+declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
+declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
+declare function easeInOutQuad(x: number): number;
+declare const easingFns: {
+    easeInOutQuad: typeof easeInOutQuad;
+};
+declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
+declare const inputUtils: {
+    disableUserInput: typeof disableUserInput;
+};
+/**
+ * Возвращает true, если значение равно null или undefined
+ */
+declare function isNil(value: unknown): boolean;
+/**
+ * Выбор значения между min max границами
+ */
+declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
+declare function noop(): void;
+declare const fnUtils: {
+    clamp: typeof clamp;
+    noop: typeof noop;
+    isNil: typeof isNil;
+};
+/**
+ *  Запрещает каретке становиться за указанные границы
+ */
+declare function caretGuard(guard: (value: string, selection: readonly [
+    from: number,
+    to: number
+]) => [
+    from: number,
+    to: number
+]): MaskitoPlugin;
+/**
+ *  Запрещает удалять указанный префикс
+ */
+declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
+/**
+ * Препроцессор необходим для правильной вставки/автокомплита телефонного номера
+ */
+declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode?: string, clearableCountryCode?: boolean): MaskitoPreprocessor;
+declare const maskUtils: {
+    insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
+    prefixPostprocessor: typeof prefixPostprocessor;
+    caretGuard: typeof caretGuard;
+};
+export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils, maskUtils };

package/cssm/index-f034f741.d.ts

@@ -77,4 +77,4 @@ type PeriodSliderProps = {
 };
 declare const PeriodSlider: FC<PeriodSliderProps>;
 export { PeriodType, PeriodSliderProps, PeriodSlider };
-export { shiftValues } from "./Component.desktop-8b5756fe";
+export { shiftValues } from "./Component.desktop-b5b4c59f";

package/cssm/index.js

@@ -12,8 +12,8 @@ require('@alfalab/core-components-input/cssm/desktop');
 require('./components/date-range-input/Component.js');
 require('react-merge-refs');
 require('classnames');
-require('date-fns');
 require('date-fns/isValid');
+require('date-fns/startOfMonth');
 require('@alfalab/core-components-calendar/cssm/shared');
 require('@alfalab/core-components-icon-button/cssm');
 require('@alfalab/core-components-popover/cssm');

package/cssm/mobile-c219f8ca.d.ts

@@ -1 +1 @@
-export * from "./Component-8b5756fe";
+export * from "./Component-b5b4c59f";

package/cssm/mobile.js

@@ -10,8 +10,8 @@ require('@alfalab/core-components-input/cssm/mobile');
 require('./components/date-range-input/Component.js');
 require('react-merge-refs');
 require('classnames');
-require('date-fns');
 require('date-fns/isValid');
+require('date-fns/startOfMonth');
 require('@alfalab/core-components-calendar/cssm/shared');
 require('@alfalab/core-components-icon-button/cssm');
 require('@alfalab/core-components-popover/cssm');

package/cssm/{types-83e2bd9e.d.ts → types-1c79e231.d.ts}

@@ -14,7 +14,7 @@ type NavigationBarProps = {
     /**
      * Подзаголовок (доступен только в мобильной версии)
      */
-    subtitle?: string;
+    subtitle?: ReactNode;
     /**
      * Размер заголовка (compact доступен только в мобильной версии)
      */

package/desktop.js

@@ -10,8 +10,8 @@ require('@alfalab/core-components-input/desktop');
 require('./components/date-range-input/Component.js');
 require('react-merge-refs');
 require('classnames');
-require('date-fns');
 require('date-fns/isValid');
+require('date-fns/startOfMonth');
 require('@alfalab/core-components-calendar/shared');
 require('@alfalab/core-components-icon-button');
 require('@alfalab/core-components-popover');

package/esm/Component-72308007.d.ts

@@ -0,0 +1,297 @@
+/// <reference types="react" />
+import React from 'react';
+import { ChangeEvent, ElementType, HTMLAttributes, InputHTMLAttributes, MouseEvent, ReactNode, RefAttributes } from "react";
+type StyleColors = {
+    default: {
+        [key: string]: string;
+    };
+    inverted: {
+        [key: string]: string;
+    };
+};
+type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'defaultValue' | 'onChange' | 'onClick' | 'onMouseDown' | 'enterKeyHint'> & {
+    /**
+     * Значение поля ввода
+     */
+    value?: string;
+    /**
+     * Начальное значение поля
+     */
+    defaultValue?: string;
+    /**
+     * Растягивает компонент на ширину контейнера
+     */
+    block?: boolean;
+    /**
+     * Крестик для очистки поля
+     */
+    clear?: boolean;
+    /**
+     * Размер компонента
+     */
+    size?: 's' | 'm' | 'l' | 'xl';
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: 'default' | 'inverted';
+    /**
+     * Отображение ошибки
+     */
+    error?: ReactNode | boolean;
+    /**
+     * Отображение иконки успеха
+     */
+    success?: boolean;
+    /**
+     * Текст подсказки
+     */
+    hint?: ReactNode;
+    /**
+     * Лейбл компонента
+     */
+    label?: React.ReactNode;
+    /**
+     * Вид лейбла внутри / снаружи
+     */
+    labelView?: 'inner' | 'outer';
+    /**
+     * Атрибут type
+     */
+    type?: 'number' | 'card' | 'email' | 'money' | 'password' | 'tel' | 'text';
+    /**
+     * Ref для обертки input
+     */
+    wrapperRef?: React.Ref<HTMLDivElement> | null;
+    /**
+     * Слот слева
+     */
+    leftAddons?: React.ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: React.ReactNode;
+    /**
+     * Свойства для обертки левых аддонов
+     */
+    leftAddonsProps?: HTMLAttributes<HTMLDivElement>;
+    /**
+     * Свойства для обертки правых аддонов
+     */
+    rightAddonsProps?: HTMLAttributes<HTMLDivElement>;
+    /**
+     * Слот под инпутом
+     */
+    bottomAddons?: React.ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для поля
+     */
+    fieldClassName?: string;
+    /**
+     * Дополнительный класс инпута
+     */
+    inputClassName?: string;
+    /**
+     * Дополнительный класс для лейбла
+     */
+    labelClassName?: string;
+    /**
+     * Дополнительный класс для аддонов
+     */
+    addonsClassName?: string;
+    /**
+     * Класс, который будет установлен при фокусе
+     */
+    focusedClassName?: string;
+    /**
+     * Класс, который будет установлен, если в поле есть значение
+     */
+    filledClassName?: string;
+    /**
+     * Обработчик поля ввода
+     */
+    onChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
+        value: string;
+    }) => void;
+    /**
+     * Обработчик нажатия на кнопку очистки
+     */
+    onClear?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Обработчик клика по полю
+     */
+    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
+    /**
+     * Обработчик MouseDown по полю
+     */
+    onMouseDown?: (event: MouseEvent<HTMLDivElement>) => void;
+    /**
+     * Обработчик MouseUp по полю
+     */
+    onMouseUp?: (event: MouseEvent<HTMLDivElement>) => void;
+    /**
+     * Компонент FormControl
+     */
+    FormControlComponent?: ElementType<FormControlProps & RefAttributes<HTMLDivElement>>;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Стили компонента для default и inverted режима.
+     */
+    colorStyles?: StyleColors;
+    /**
+     * Запрещает ввод с клавиатуры
+     */
+    disableUserInput?: boolean;
+};
+declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "enterKeyHint"> & {
+    /**
+     * Значение поля ввода
+     */
+    value?: string | undefined;
+    /**
+     * Начальное значение поля
+     */
+    defaultValue?: string | undefined;
+    /**
+     * Растягивает компонент на ширину контейнера
+     */
+    block?: boolean | undefined;
+    /**
+     * Крестик для очистки поля
+     */
+    clear?: boolean | undefined;
+    /**
+     * Размер компонента
+     */
+    size?: "s" | "m" | "l" | "xl" | undefined;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: "default" | "inverted" | undefined;
+    /**
+     * Отображение ошибки
+     */
+    error?: ReactNode | boolean;
+    /**
+     * Отображение иконки успеха
+     */
+    success?: boolean | undefined;
+    /**
+     * Текст подсказки
+     */
+    hint?: ReactNode;
+    /**
+     * Лейбл компонента
+     */
+    label?: React.ReactNode;
+    /**
+     * Вид лейбла внутри / снаружи
+     */
+    labelView?: "inner" | "outer" | undefined;
+    /**
+     * Атрибут type
+     */
+    type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
+    /**
+     * Ref для обертки input
+     */
+    wrapperRef?: React.Ref<HTMLDivElement> | undefined;
+    /**
+     * Слот слева
+     */
+    leftAddons?: React.ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: React.ReactNode;
+    /**
+     * Свойства для обертки левых аддонов
+     */
+    leftAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+    /**
+     * Свойства для обертки правых аддонов
+     */
+    rightAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+    /**
+     * Слот под инпутом
+     */
+    bottomAddons?: React.ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string | undefined;
+    /**
+     * Дополнительный класс для поля
+     */
+    fieldClassName?: string | undefined;
+    /**
+     * Дополнительный класс инпута
+     */
+    inputClassName?: string | undefined;
+    /**
+     * Дополнительный класс для лейбла
+     */
+    labelClassName?: string | undefined;
+    /**
+     * Дополнительный класс для аддонов
+     */
+    addonsClassName?: string | undefined;
+    /**
+     * Класс, который будет установлен при фокусе
+     */
+    focusedClassName?: string | undefined;
+    /**
+     * Класс, который будет установлен, если в поле есть значение
+     */
+    filledClassName?: string | undefined;
+    /**
+     * Обработчик поля ввода
+     */
+    onChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
+        value: string;
+    }) => void) | undefined;
+    /**
+     * Обработчик нажатия на кнопку очистки
+     */
+    onClear?: ((event: MouseEvent<HTMLButtonElement>) => void) | undefined;
+    /**
+     * Обработчик клика по полю
+     */
+    onClick?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
+    /**
+     * Обработчик MouseDown по полю
+     */
+    onMouseDown?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
+    /**
+     * Обработчик MouseUp по полю
+     */
+    onMouseUp?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
+    /**
+     * Компонент FormControl
+     */
+    FormControlComponent?: React.ElementType<Omit<import("./index-ebda875c").BaseFormControlProps, "styles" | "colorStyles"> & {
+        breakpoint?: number | undefined;
+        defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+    } & React.RefAttributes<HTMLDivElement>> | undefined;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string | undefined;
+    /**
+     * Стили компонента для default и inverted режима.
+     */
+    colorStyles?: StyleColors | undefined;
+    /**
+     * Запрещает ввод с клавиатуры
+     */
+    disableUserInput?: boolean | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
+export * from "./Component-72dda473";
+export * from "./Component.responsive-785df74d";
+export { StyleColors, BaseInputProps, BaseInput };

package/esm/{Component-8b5756fe.d.ts → Component-b5b4c59f.d.ts}

@@ -4,8 +4,8 @@ import React from "react";
 import { ReactNode, FC, KeyboardEvent, MouseEvent, MutableRefObject, Ref, RefObject } from "react";
 import { TransitionProps } from "react-transition-group/Transition";
 import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
-import { NavigationBarProps } from "./types-83e2bd9e";
-import { CalendarDesktopProps } from "./Component.desktop-8b5756fe";
+import { NavigationBarProps } from "./types-1c79e231";
+import { CalendarDesktopProps } from "./Component.desktop-b5b4c59f";
 type BackdropProps = Partial<TransitionProps> & {
     /**
      * Прозрачный бэкдроп

package/esm/Component.desktop-785df74d.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseFormControlProps } from "./index-ebda875c";
+type FormControlDesktopProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
+declare const FormControlDesktop: React.ForwardRefExoticComponent<FormControlDesktopProps & React.RefAttributes<HTMLDivElement>>;
+export { FormControlDesktopProps, FormControlDesktop };

package/{modern/Component.desktop-8b5756fe.d.ts → esm/Component.desktop-b5b4c59f.d.ts}

@@ -2,7 +2,6 @@
 import React from "react";
 import { FC, ReactNode, MouseEvent } from "react";
 import { SelectorView, Month, DayAddons, View } from "./typings-5684a67d";
-import { PeriodType } from "./index-f034f741";
 type HeaderProps = {
     /**
      * Вид шапки — месяц и год или только месяц
@@ -16,6 +15,10 @@ type HeaderProps = {
      * Дочерние элементы.
      */
     children?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
 };
 declare const Header: FC<HeaderProps>;
 type MonthYearHeaderProps = {
@@ -60,12 +63,6 @@ type MonthsTableProps = {
     responsive?: boolean;
 };
 declare const MonthsTable: FC<MonthsTableProps>;
-declare const formatPeriod: (valueFrom: Date, valueTo: Date, periodType: PeriodType, showCurrentYear?: boolean) => string;
-declare const getYearSelectorValue: (valueFrom: Date | undefined, showCurrentYear: boolean) => number | "";
-declare const shiftValues: (valueFrom: Date, valueTo: Date, periodType: PeriodType, direction: "prev" | "next") => {
-    valueFrom: Date;
-    valueTo: Date;
-};
 type YearsTableProps = {
     /**
      * Массив лет
@@ -79,10 +76,6 @@ type YearsTableProps = {
      * Доп. пропсы для переданного года
      */
     getYearProps: (year: Date) => Record<string, unknown>;
-    /**
-     * Обработчик скролла
-     */
-    onScroll: (scrollTop: number) => void;
     /**
      * Должен ли календарь подстраиваться под ширину родителя.
      */
@@ -94,6 +87,14 @@ type CalendarDesktopProps = {
      * Дополнительный класс
      */
     className?: string;
+    /**
+     * Дополнительный класс шапки десктопного календаря
+     */
+    headerClassName?: string;
+    /**
+     * Дополнительный класс контента десктопного календаря
+     */
+    contentClassName?: string;
     /**
      * Вид по умолчанию (выбор дней, месяцев, лет)
      */
@@ -193,5 +194,5 @@ type CalendarDesktopProps = {
     showCurrentYearSelector?: boolean;
 };
 declare const CalendarDesktop: React.ForwardRefExoticComponent<CalendarDesktopProps & React.RefAttributes<HTMLDivElement>>;
-export { HeaderProps, Header, MonthYearHeaderProps, MonthYearHeader, MonthsTableProps, MonthsTable, formatPeriod, getYearSelectorValue, shiftValues, YearsTableProps, YearsTable, CalendarDesktopProps, CalendarDesktop };
+export { HeaderProps, Header, MonthYearHeaderProps, MonthYearHeader, MonthsTableProps, MonthsTable, YearsTableProps, YearsTable, CalendarDesktopProps, CalendarDesktop };
 export * from "./Component-63dec22f";

package/esm/Component.desktop.js

@@ -5,8 +5,8 @@ import { InputDesktop } from '@alfalab/core-components-input/esm/desktop';
 import { DateRangeInput } from './components/date-range-input/Component.js';
 import 'react-merge-refs';
 import 'classnames';
-import 'date-fns';
 import 'date-fns/isValid';
+import 'date-fns/startOfMonth';
 import '@alfalab/core-components-calendar/esm/shared';
 import '@alfalab/core-components-icon-button/esm';
 import '@alfalab/core-components-popover/esm';

package/esm/Component.mobile-d7e9f69d.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseFormControlProps } from "./index-ebda875c";
+type FormControlMobileProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
+declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
+export { FormControlMobileProps, FormControlMobile };

package/esm/Component.mobile-ebda875c.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
-import { BaseFormControlProps } from "./index-ebda875c";
-type FormControlMobileProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
-declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
-export { FormControlMobileProps, FormControlMobile };
+import { BaseInputProps } from "./index-ebda875c";
+type InputMobileProps = Omit<BaseInputProps, 'FormControlComponent' | 'colorStyles'>;
+declare const InputMobile: React.ForwardRefExoticComponent<InputMobileProps & React.RefAttributes<HTMLInputElement>>;
+export * from "./Component.mobile-d7e9f69d";
+export { InputMobileProps, InputMobile };

package/esm/Component.mobile.js

@@ -5,8 +5,8 @@ import { InputMobile } from '@alfalab/core-components-input/esm/mobile';
 import { DateRangeInput } from './components/date-range-input/Component.js';
 import 'react-merge-refs';
 import 'classnames';
-import 'date-fns';
 import 'date-fns/isValid';
+import 'date-fns/startOfMonth';
 import '@alfalab/core-components-calendar/esm/shared';
 import '@alfalab/core-components-icon-button/esm';
 import '@alfalab/core-components-popover/esm';

package/esm/Component.responsive-2e2b2125.d.ts

@@ -1,66 +1,5 @@
 /// <reference types="react" />
-import React from "react";
-import { FC, ReactNode } from "react";
+import React from 'react';
 import { ButtonProps } from "./typings-9211a437";
-type MqProps = {
-    /**
-     * Media выражение или кастомный запрос из `mq.json`, например `--mobile`.
-     */
-    query?: string;
-    /**
-     * Запрос на поддержку тач-событий
-     */
-    touch?: boolean;
-    /**
-     * Дочерние элементы.
-     */
-    children?: ReactNode;
-    /**
-     * Обработчик изменений в совпадении запросов
-     */
-    onMatchChange?: (isMatched: boolean) => void;
-};
-declare const Mq: FC<MqProps>;
-/**
- * Хук для медиа запросов.
- * @param query media выражение или кастомный запрос из `mq.json`, например `--mobile`.
- * @param defaultValue Значение по-умолчанию.
- */
-declare const useMatchMedia: (query: string, defaultValue?: boolean | (() => boolean)) => boolean[];
-/**
- * Возвращает MediaQueryList для заданного media-выражения.
- *
- * @param queryProp media выражение или кастомный запрос из `mq.json`, например `--mobile`.
- */
-declare function getMatchMedia(queryProp: string): MediaQueryList;
-/**
- * Удаляет MediaQueryList.
- *
- * @param queryProp media выражение или кастомный запрос из `mq.json`, например `--mobile`.
- */
-declare function releaseMatchMedia(queryProp: string): void;
-/**
- * Возвращает `true`, если есть поддержка `Pointer Events`
- */
-declare function isPointerEventsSupported(): boolean;
-/**
- * Возвращает `true`, если есть поддержка `Touch Events`
- */
-declare function isTouchSupported(): boolean;
-declare const _exports: {
-    "--mobile-xs": string;
-    "--mobile-s": string;
-    "--mobile-m": string;
-    "--mobile-l": string;
-    "--mobile": string;
-    "--tablet-s": string;
-    "--tablet-m": string;
-    "--tablet": string;
-    "--desktop-s": string;
-    "--desktop-m": string;
-    "--desktop-l": string;
-    "--desktop-xl": string;
-    "--desktop": string;
-};
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { _exports as default, MqProps, Mq, useMatchMedia, getMatchMedia, releaseMatchMedia, isPointerEventsSupported, isTouchSupported, Button };
+export { Button };

package/esm/Component.responsive-785df74d.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseFormControlProps } from "./index-ebda875c";
+type FormControlProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'> & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
+};
+declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number | undefined;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export { FormControlProps, FormControl };

package/esm/Component.responsive.js

@@ -8,8 +8,8 @@ import '@alfalab/core-components-input/esm/desktop';
 import './components/date-range-input/Component.js';
 import 'react-merge-refs';
 import 'classnames';
-import 'date-fns';
 import 'date-fns/isValid';
+import 'date-fns/startOfMonth';
 import '@alfalab/core-components-calendar/esm/shared';
 import '@alfalab/core-components-icon-button/esm';
 import '@alfalab/core-components-popover/esm';

package/esm/components/date-range-input/Component.js

@@ -2,8 +2,8 @@ import { __rest, __assign } from 'tslib';
 import React, { useRef, useState, useEffect } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
-import { startOfMonth } from 'date-fns';
 import dateFnsIsValid from 'date-fns/isValid';
+import startOfMonth from 'date-fns/startOfMonth';
 import { usePeriod } from '@alfalab/core-components-calendar/esm/shared';
 import { IconButton } from '@alfalab/core-components-icon-button/esm';
 import { Popover } from '@alfalab/core-components-popover/esm';
@@ -12,7 +12,7 @@ import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
 import { parseTimestampToDate, DATE_FORMAT, format, parseDateString, DATE_MASK, isCompleteDateInput, isValid } from '../../utils/format.js';
 import 'date-fns/parse';
 
-var styles = {"component":"date-range-input__component_n66xw","calendarContainer":"date-range-input__calendarContainer_n66xw","calendarResponsive":"date-range-input__calendarResponsive_n66xw","block":"date-range-input__block_n66xw","calendarIcon":"date-range-input__calendarIcon_n66xw"};
+var styles = {"component":"date-range-input__component_wks86","calendarContainer":"date-range-input__calendarContainer_wks86","calendarResponsive":"date-range-input__calendarResponsive_wks86","block":"date-range-input__block_wks86","calendarIcon":"date-range-input__calendarIcon_wks86"};
 require('./index.css')
 
 var DateRangeInput = React.forwardRef(function (_a, ref) {