@alfalab/core-components 44.7.2 → 45.1.0

package/universal-date-input/modern/types.d.ts

@@ -15,16 +15,12 @@ type DateSegments<T = string> = {
     hours: T;
     minutes: T;
 };
-interface BaseUniversalDateInputProps extends Omit<InputProps, 'onChange' | 'wrapperRef' | 'dataTestId'> {
+interface BaseUniversalDateInputProps extends Omit<InputProps, 'onChange' | 'wrapperRef' | 'dataTestId' | 'value' | 'defaultValue'> {
     /**
      * Автоматическое исправление ввода
      *  @default true
      */
     autoCorrection?: boolean;
-    /**
-     *  Значение инпута
-     */
-    value?: string;
     /**
      * Минимальная дата, доступная для выбора (timestamp)
      */
@@ -74,9 +70,9 @@ interface BaseUniversalDateInputProps extends Omit<InputProps, 'onChange' | 'wra
      */
     onPickerClick?: (event: MouseEvent) => void;
     /**
-     * Обработчик изменения значения
+     * Обработчик изменения значения в инпуте
      */
-    onChange?: (event: ChangeEvent<HTMLInputElement> | null, payload: {
+    onInputChange?: (event: ChangeEvent<HTMLInputElement> | null, payload: {
         value: string;
     }) => void;
     /**
@@ -86,6 +82,14 @@ interface BaseUniversalDateInputProps extends Omit<InputProps, 'onChange' | 'wra
     dataTestId?: string;
 }
 interface InnerDateInputProps extends Omit<BaseUniversalDateInputProps, 'view'> {
+    /**
+     *  Дата
+     */
+    value?: Date | number | null;
+    /**
+     *  Дата по умолчанию
+     */
+    defaultValue?: Date | number;
     /**
      * Флаг, открыт ли календарь
      */
@@ -112,35 +116,60 @@ interface InnerDateInputProps extends Omit<BaseUniversalDateInputProps, 'view'>
         onKeyDown?: (e: KeyboardEvent<HTMLDivElement>) => void;
     };
     /**
-     * Обработчик окончания ввода
+     * Обработчик изменения значения
      */
-    onComplete?: (value: string, date: Date) => void;
+    onChange?: (date: Date | null, value: string) => void;
 }
-interface InnerDateRangeInputProps extends Omit<InnerDateInputProps, 'onComplete'> {
+interface InnerDateRangeInputProps extends Omit<InnerDateInputProps, 'onChange' | 'value' | 'defaultValue'> {
+    /**
+     *  Диапазон дат
+     */
+    value?: {
+        dateFrom: Date | number | null;
+        dateTo: Date | number | null;
+    };
+    /**
+     *  Диапазон дат по умолчанию
+     */
+    defaultValue?: {
+        dateFrom: Date | number;
+        dateTo: Date | number;
+    };
     /**
      * Тип выбора границ в календаре
      * @default clarification
      */
     rangeBehavior?: 'clarification' | 'reset';
     /**
-     * Обработчик окончания ввода
+     * Обработчик изменения значения
      */
-    onComplete?: (value: string, dateFrom: Date, dateTo: Date) => void;
+    onChange?: (range: {
+        dateFrom: Date | null;
+        dateTo: Date | null;
+    }, value: string) => void;
 }
 interface InnerTimeInputProps extends Omit<InputProps, 'onChange'> {
+    /**
+     *  Время
+     */
+    value?: string;
+    /**
+     *  Время по умолчанию
+     */
+    defaultValue?: string;
     /**
      * Автоматическое исправление ввода
      *  @default true
      */
     autoCorrection?: BaseUniversalDateInputProps['autoCorrection'];
     /**
-     * Обработчик изменения значения
+     * Обработчик изменения значения в инпуте
      */
-    onChange?: BaseUniversalDateInputProps['onChange'];
+    onInputChange?: BaseUniversalDateInputProps['onInputChange'];
     /**
-     * Обработчик окончания ввода
+     * Обработчик изменения значения
      */
-    onComplete?: (value: string) => void;
+    onChange?: (value: string) => void;
 }
 type PrivateProps = 'platform' | 'withTime' | 'open' | 'calendarRef' | 'inputWrapperRef' | 'wrapperHandlers' | 'onPickerClick';
 type Never<T> = {
@@ -153,28 +182,28 @@ type NoPickerProps = Never<WithPickerRequiredProps> & Never<WithPickerProps>;
 type UniversalDateInputConditionalProps = ({
     view: 'date';
     picker: true;
-} & WithPickerProps & Pick<InnerDateInputProps, 'onComplete' | 'wrapperClassName'>) | ({
+} & WithPickerProps & Pick<InnerDateInputProps, 'onChange' | 'wrapperClassName' | 'value' | 'defaultValue'>) | ({
     view: 'date';
     picker?: false;
-} & NoPickerProps & Pick<InnerDateInputProps, 'onComplete' | 'wrapperClassName'>) | ({
+} & NoPickerProps & Pick<InnerDateInputProps, 'onChange' | 'wrapperClassName' | 'value' | 'defaultValue'>) | ({
     view: 'date-time';
     picker: true;
-} & WithPickerProps & Pick<InnerDateInputProps, 'onComplete' | 'wrapperClassName'>) | ({
+} & WithPickerProps & Pick<InnerDateInputProps, 'onChange' | 'wrapperClassName' | 'value' | 'defaultValue'>) | ({
     view: 'date-time';
     picker?: false;
-} & NoPickerProps & Pick<InnerDateInputProps, 'onComplete' | 'wrapperClassName'>) | ({
+} & NoPickerProps & Pick<InnerDateInputProps, 'onChange' | 'wrapperClassName' | 'value' | 'defaultValue'>) | ({
     view: 'date-range';
     picker: true;
-} & WithPickerProps & Pick<InnerDateRangeInputProps, 'onComplete' | 'wrapperClassName' | 'rangeBehavior'>) | ({
+} & WithPickerProps & Pick<InnerDateRangeInputProps, 'onChange' | 'wrapperClassName' | 'rangeBehavior' | 'value' | 'defaultValue'>) | ({
     view: 'date-range';
     picker?: false;
-} & NoPickerProps & Pick<InnerDateRangeInputProps, 'onComplete' | 'wrapperClassName'>) | ({
+} & NoPickerProps & Pick<InnerDateRangeInputProps, 'onChange' | 'wrapperClassName' | 'value' | 'defaultValue'>) | ({
     view: 'time';
     picker?: never;
     minDate?: never;
     maxDate?: never;
     Calendar?: never;
-} & Pick<InnerTimeInputProps, 'onComplete'>);
+} & Pick<InnerTimeInputProps, 'onChange' | 'value' | 'defaultValue'>);
 type UniversalDateInputProps = Omit<BaseUniversalDateInputProps, PrivateProps | keyof WithPickerProps> & UniversalDateInputConditionalProps;
 type UniversalDateInputMobileProps = Omit<UniversalDateInputProps, 'breakpoint' | 'defaultMatchMediaValue'> & UniversalDateInputConditionalProps;
 type UniversalDateInputDesktopProps = Omit<UniversalDateInputProps, 'breakpoint' | 'defaultMatchMediaValue'> & UniversalDateInputConditionalProps;

package/universal-date-input/modern/typings-61e2321e.d.ts

@@ -0,0 +1,114 @@
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, ReactNode } from 'react';
+type StyleColors = {
+    default: {
+        [key: string]: string;
+    };
+    inverted: {
+        [key: string]: string;
+    };
+};
+type ComponentProps = {
+    /**
+     * Тип кнопки
+     * @default secondary
+     */
+    view?: 'accent' | 'primary' | 'secondary' | 'tertiary' | 'outlined' | 'filled' | 'transparent' | 'link' | 'ghost';
+    /**
+     * Форма кнопки
+     * @default rectangular
+     */
+    shape?: 'rounded' | 'rectangular';
+    /**
+     * Ширина текстового контента
+     * @default hug
+     */
+    textResizing?: 'fill' | 'hug';
+    /**
+     *  Подпись под лейблом (видна только в размерах >= m)
+     */
+    hint?: ReactNode;
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Размер компонента
+     * @default 56
+     * @description xxs, xs, s, m, l, xl deprecated, используйте вместо них 32, 40, 48, 56, 64, 72 соответственно
+     */
+    size?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 32 | 40 | 48 | 56 | 64 | 72;
+    /**
+     * Растягивает компонент на ширину контейнера
+     * @default false
+     */
+    block?: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для спиннера
+     */
+    spinnerClassName?: string;
+    /**
+     * Выводит ссылку в виде кнопки
+     */
+    href?: string;
+    /**
+     * Позволяет использовать кастомный компонент для кнопки (например Link из роутера)
+     */
+    Component?: ElementType;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для спиннера используется модификатор -loader
+     */
+    dataTestId?: string;
+    /**
+     * Показать лоадер
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Не переносить текст кнопки на новую строку
+     * @default false
+     */
+    nowrap?: boolean;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: 'default' | 'inverted';
+    /**
+     * Включает размытие фона для некоторых вариантов кнопки
+     * @description Может привести к просадке fps и другим багам. Старайтесь не размещать слишком много заблюреных элементов на одной странице.
+     */
+    allowBackdropBlur?: boolean;
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
+};
+type PrivateButtonProps = {
+    /**
+     * Основные стили компонента.
+     */
+    styles: {
+        [key: string]: string;
+    };
+    /**
+     * Стили компонента для default и inverted режима.
+     */
+    colorStylesMap: StyleColors;
+};
+type CommonButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
+type ButtonProps = CommonButtonProps & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+};
+export { StyleColors, ComponentProps, PrivateButtonProps, CommonButtonProps, ButtonProps };

package/universal-date-input/modern/utils/index.d.ts

@@ -1,6 +1,10 @@
 import { SyntheticEvent } from 'react';
 declare function parseDateString(value: string, format?: string): Date;
 declare const formatDate: (date: Date | number, dateFormat?: string) => string;
+declare function formatDateRange(range: {
+    dateFrom: Date | number;
+    dateTo: Date | number;
+}): string;
 declare function isCompleteDate(value?: string): boolean;
 declare function isCompleteTime(value?: string, withTime?: boolean): boolean;
 declare function isCompleteDateRange(value?: string): boolean;
@@ -42,4 +46,4 @@ declare function getUniversalDateInputTestIds(dataTestId: string): {
     error: string;
     hint: string;
 };
-export { parseDateString, formatDate, isCompleteDate, isCompleteTime, isCompleteDateRange, isValidDate, preventDefault, getValidRange, updateRange, getUniversalDateInputTestIds };
+export { parseDateString, formatDate, formatDateRange, isCompleteDate, isCompleteTime, isCompleteDateRange, isValidDate, preventDefault, getValidRange, updateRange, getUniversalDateInputTestIds };

package/universal-date-input/modern/utils/index.js

@@ -9,6 +9,9 @@ function parseDateString(value, format = DATE_FORMAT) {
     return parse(value, format, new Date());
 }
 const formatDate = (date, dateFormat = DATE_FORMAT) => dateFnsFormat(date, dateFormat);
+function formatDateRange(range) {
+    return formatDate(range.dateFrom) + DATE_RANGE_SEPARATOR + formatDate(range.dateTo);
+}
 function isCompleteDate(value = '') {
     return value.length === DATE_FORMAT.length;
 }
@@ -22,8 +25,9 @@ function isCompleteDateRange(value = '') {
 }
 function isValidDate({ value = '', minDate, maxDate, offDays, }) {
     const parsed = isCompleteDate(value) ? parseDateString(value).getTime() : undefined;
+    const minDateStartOfDay = new Date(minDate).setUTCHours(0, 0, 0, 0);
     if (parsed) {
-        return (parsed >= minDate &&
+        return (parsed >= minDateStartOfDay &&
             parsed <= maxDate &&
             !offDays?.some((offDay) => isSameDay(offDay, parsed)));
     }
@@ -137,4 +141,4 @@ function getUniversalDateInputTestIds(dataTestId) {
     };
 }
 
-export { formatDate, getUniversalDateInputTestIds, getValidRange, isCompleteDate, isCompleteDateRange, isCompleteTime, isValidDate, parseDateString, preventDefault, updateRange };
+export { formatDate, formatDateRange, getUniversalDateInputTestIds, getValidRange, isCompleteDate, isCompleteDateRange, isCompleteTime, isValidDate, parseDateString, preventDefault, updateRange };

package/universal-date-input/modern/utils-5684a67d.d.ts

@@ -85,4 +85,13 @@ declare function modifyDateByShift(shift: DateShift, date: Date, minDate?: Date,
 declare function simulateTab(node: HTMLElement): void;
 declare const formatDate: (date: Date | number, dateFormat?: string) => string;
 declare const parseDateString: (value: string, dateFormat?: string) => Date;
-export { DAYS_IN_WEEK, MONTHS_IN_YEAR, SUNDAY_INDEX, DATE_FORMAT, NATIVE_DATE_FORMAT, WEEKDAYS, MONTHS, russianWeekDay, generateWeeks, generateMonths, generateYears, buildDay, buildMonth, limitDate, dateInLimits, monthName, dateArrayToHashTable, addonArrayToHashTable, getSelectionRange, modifyDateByShift, simulateTab, formatDate, parseDateString };
+declare function getCalendarMobileTestIds(dataTestId: string): {
+    calendar: string;
+    content: string;
+    footer: string;
+    header: string;
+    closer: string;
+    btnApply: string;
+    btnReset: string;
+};
+export { DAYS_IN_WEEK, MONTHS_IN_YEAR, SUNDAY_INDEX, DATE_FORMAT, NATIVE_DATE_FORMAT, WEEKDAYS, MONTHS, russianWeekDay, generateWeeks, generateMonths, generateYears, buildDay, buildMonth, limitDate, dateInLimits, monthName, dateArrayToHashTable, addonArrayToHashTable, getSelectionRange, modifyDateByShift, simulateTab, formatDate, parseDateString, getCalendarMobileTestIds };

package/universal-date-input/shared/index.d.ts

@@ -1 +1,2 @@
-export { getUniversalDateInputTestIds } from "../utils/index";
+export { getUniversalDateInputTestIds, formatDate, parseDateString, formatDateRange } from "../utils/index";
+export { DATE_RANGE_SEPARATOR, DATE_TIME_SEPARATOR, DATE_TIME_FORMAT, DATE_FORMAT } from "../consts";

package/universal-date-input/shared/index.js

@@ -1,7 +1,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var utils_index = require('../utils/index.js');
+var consts = require('../consts.js');
 
 
 
+exports.formatDate = utils_index.formatDate;
+exports.formatDateRange = utils_index.formatDateRange;
 exports.getUniversalDateInputTestIds = utils_index.getUniversalDateInputTestIds;
+exports.parseDateString = utils_index.parseDateString;
+exports.DATE_FORMAT = consts.DATE_FORMAT;
+exports.DATE_RANGE_SEPARATOR = consts.DATE_RANGE_SEPARATOR;
+exports.DATE_TIME_FORMAT = consts.DATE_TIME_FORMAT;
+exports.DATE_TIME_SEPARATOR = consts.DATE_TIME_SEPARATOR;

package/universal-date-input/types.d.ts

@@ -15,16 +15,12 @@ type DateSegments<T = string> = {
     hours: T;
     minutes: T;
 };
-interface BaseUniversalDateInputProps extends Omit<InputProps, 'onChange' | 'wrapperRef' | 'dataTestId'> {
+interface BaseUniversalDateInputProps extends Omit<InputProps, 'onChange' | 'wrapperRef' | 'dataTestId' | 'value' | 'defaultValue'> {
     /**
      * Автоматическое исправление ввода
      *  @default true
      */
     autoCorrection?: boolean;
-    /**
-     *  Значение инпута
-     */
-    value?: string;
     /**
      * Минимальная дата, доступная для выбора (timestamp)
      */
@@ -74,9 +70,9 @@ interface BaseUniversalDateInputProps extends Omit<InputProps, 'onChange' | 'wra
      */
     onPickerClick?: (event: MouseEvent) => void;
     /**
-     * Обработчик изменения значения
+     * Обработчик изменения значения в инпуте
      */
-    onChange?: (event: ChangeEvent<HTMLInputElement> | null, payload: {
+    onInputChange?: (event: ChangeEvent<HTMLInputElement> | null, payload: {
         value: string;
     }) => void;
     /**
@@ -86,6 +82,14 @@ interface BaseUniversalDateInputProps extends Omit<InputProps, 'onChange' | 'wra
     dataTestId?: string;
 }
 interface InnerDateInputProps extends Omit<BaseUniversalDateInputProps, 'view'> {
+    /**
+     *  Дата
+     */
+    value?: Date | number | null;
+    /**
+     *  Дата по умолчанию
+     */
+    defaultValue?: Date | number;
     /**
      * Флаг, открыт ли календарь
      */
@@ -112,35 +116,60 @@ interface InnerDateInputProps extends Omit<BaseUniversalDateInputProps, 'view'>
         onKeyDown?: (e: KeyboardEvent<HTMLDivElement>) => void;
     };
     /**
-     * Обработчик окончания ввода
+     * Обработчик изменения значения
      */
-    onComplete?: (value: string, date: Date) => void;
+    onChange?: (date: Date | null, value: string) => void;
 }
-interface InnerDateRangeInputProps extends Omit<InnerDateInputProps, 'onComplete'> {
+interface InnerDateRangeInputProps extends Omit<InnerDateInputProps, 'onChange' | 'value' | 'defaultValue'> {
+    /**
+     *  Диапазон дат
+     */
+    value?: {
+        dateFrom: Date | number | null;
+        dateTo: Date | number | null;
+    };
+    /**
+     *  Диапазон дат по умолчанию
+     */
+    defaultValue?: {
+        dateFrom: Date | number;
+        dateTo: Date | number;
+    };
     /**
      * Тип выбора границ в календаре
      * @default clarification
      */
     rangeBehavior?: 'clarification' | 'reset';
     /**
-     * Обработчик окончания ввода
+     * Обработчик изменения значения
      */
-    onComplete?: (value: string, dateFrom: Date, dateTo: Date) => void;
+    onChange?: (range: {
+        dateFrom: Date | null;
+        dateTo: Date | null;
+    }, value: string) => void;
 }
 interface InnerTimeInputProps extends Omit<InputProps, 'onChange'> {
+    /**
+     *  Время
+     */
+    value?: string;
+    /**
+     *  Время по умолчанию
+     */
+    defaultValue?: string;
     /**
      * Автоматическое исправление ввода
      *  @default true
      */
     autoCorrection?: BaseUniversalDateInputProps['autoCorrection'];
     /**
-     * Обработчик изменения значения
+     * Обработчик изменения значения в инпуте
      */
-    onChange?: BaseUniversalDateInputProps['onChange'];
+    onInputChange?: BaseUniversalDateInputProps['onInputChange'];
     /**
-     * Обработчик окончания ввода
+     * Обработчик изменения значения
      */
-    onComplete?: (value: string) => void;
+    onChange?: (value: string) => void;
 }
 type PrivateProps = 'platform' | 'withTime' | 'open' | 'calendarRef' | 'inputWrapperRef' | 'wrapperHandlers' | 'onPickerClick';
 type Never<T> = {
@@ -153,28 +182,28 @@ type NoPickerProps = Never<WithPickerRequiredProps> & Never<WithPickerProps>;
 type UniversalDateInputConditionalProps = ({
     view: 'date';
     picker: true;
-} & WithPickerProps & Pick<InnerDateInputProps, 'onComplete' | 'wrapperClassName'>) | ({
+} & WithPickerProps & Pick<InnerDateInputProps, 'onChange' | 'wrapperClassName' | 'value' | 'defaultValue'>) | ({
     view: 'date';
     picker?: false;
-} & NoPickerProps & Pick<InnerDateInputProps, 'onComplete' | 'wrapperClassName'>) | ({
+} & NoPickerProps & Pick<InnerDateInputProps, 'onChange' | 'wrapperClassName' | 'value' | 'defaultValue'>) | ({
     view: 'date-time';
     picker: true;
-} & WithPickerProps & Pick<InnerDateInputProps, 'onComplete' | 'wrapperClassName'>) | ({
+} & WithPickerProps & Pick<InnerDateInputProps, 'onChange' | 'wrapperClassName' | 'value' | 'defaultValue'>) | ({
     view: 'date-time';
     picker?: false;
-} & NoPickerProps & Pick<InnerDateInputProps, 'onComplete' | 'wrapperClassName'>) | ({
+} & NoPickerProps & Pick<InnerDateInputProps, 'onChange' | 'wrapperClassName' | 'value' | 'defaultValue'>) | ({
     view: 'date-range';
     picker: true;
-} & WithPickerProps & Pick<InnerDateRangeInputProps, 'onComplete' | 'wrapperClassName' | 'rangeBehavior'>) | ({
+} & WithPickerProps & Pick<InnerDateRangeInputProps, 'onChange' | 'wrapperClassName' | 'rangeBehavior' | 'value' | 'defaultValue'>) | ({
     view: 'date-range';
     picker?: false;
-} & NoPickerProps & Pick<InnerDateRangeInputProps, 'onComplete' | 'wrapperClassName'>) | ({
+} & NoPickerProps & Pick<InnerDateRangeInputProps, 'onChange' | 'wrapperClassName' | 'value' | 'defaultValue'>) | ({
     view: 'time';
     picker?: never;
     minDate?: never;
     maxDate?: never;
     Calendar?: never;
-} & Pick<InnerTimeInputProps, 'onComplete'>);
+} & Pick<InnerTimeInputProps, 'onChange' | 'value' | 'defaultValue'>);
 type UniversalDateInputProps = Omit<BaseUniversalDateInputProps, PrivateProps | keyof WithPickerProps> & UniversalDateInputConditionalProps;
 type UniversalDateInputMobileProps = Omit<UniversalDateInputProps, 'breakpoint' | 'defaultMatchMediaValue'> & UniversalDateInputConditionalProps;
 type UniversalDateInputDesktopProps = Omit<UniversalDateInputProps, 'breakpoint' | 'defaultMatchMediaValue'> & UniversalDateInputConditionalProps;

package/universal-date-input/typings-61e2321e.d.ts

@@ -0,0 +1,114 @@
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, ReactNode } from 'react';
+type StyleColors = {
+    default: {
+        [key: string]: string;
+    };
+    inverted: {
+        [key: string]: string;
+    };
+};
+type ComponentProps = {
+    /**
+     * Тип кнопки
+     * @default secondary
+     */
+    view?: 'accent' | 'primary' | 'secondary' | 'tertiary' | 'outlined' | 'filled' | 'transparent' | 'link' | 'ghost';
+    /**
+     * Форма кнопки
+     * @default rectangular
+     */
+    shape?: 'rounded' | 'rectangular';
+    /**
+     * Ширина текстового контента
+     * @default hug
+     */
+    textResizing?: 'fill' | 'hug';
+    /**
+     *  Подпись под лейблом (видна только в размерах >= m)
+     */
+    hint?: ReactNode;
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Размер компонента
+     * @default 56
+     * @description xxs, xs, s, m, l, xl deprecated, используйте вместо них 32, 40, 48, 56, 64, 72 соответственно
+     */
+    size?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 32 | 40 | 48 | 56 | 64 | 72;
+    /**
+     * Растягивает компонент на ширину контейнера
+     * @default false
+     */
+    block?: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для спиннера
+     */
+    spinnerClassName?: string;
+    /**
+     * Выводит ссылку в виде кнопки
+     */
+    href?: string;
+    /**
+     * Позволяет использовать кастомный компонент для кнопки (например Link из роутера)
+     */
+    Component?: ElementType;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для спиннера используется модификатор -loader
+     */
+    dataTestId?: string;
+    /**
+     * Показать лоадер
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Не переносить текст кнопки на новую строку
+     * @default false
+     */
+    nowrap?: boolean;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: 'default' | 'inverted';
+    /**
+     * Включает размытие фона для некоторых вариантов кнопки
+     * @description Может привести к просадке fps и другим багам. Старайтесь не размещать слишком много заблюреных элементов на одной странице.
+     */
+    allowBackdropBlur?: boolean;
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
+};
+type PrivateButtonProps = {
+    /**
+     * Основные стили компонента.
+     */
+    styles: {
+        [key: string]: string;
+    };
+    /**
+     * Стили компонента для default и inverted режима.
+     */
+    colorStylesMap: StyleColors;
+};
+type CommonButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
+type ButtonProps = CommonButtonProps & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+};
+export { StyleColors, ComponentProps, PrivateButtonProps, CommonButtonProps, ButtonProps };

package/universal-date-input/utils/index.d.ts

@@ -1,6 +1,10 @@
 import { SyntheticEvent } from 'react';
 declare function parseDateString(value: string, format?: string): Date;
 declare const formatDate: (date: Date | number, dateFormat?: string) => string;
+declare function formatDateRange(range: {
+    dateFrom: Date | number;
+    dateTo: Date | number;
+}): string;
 declare function isCompleteDate(value?: string): boolean;
 declare function isCompleteTime(value?: string, withTime?: boolean): boolean;
 declare function isCompleteDateRange(value?: string): boolean;
@@ -42,4 +46,4 @@ declare function getUniversalDateInputTestIds(dataTestId: string): {
     error: string;
     hint: string;
 };
-export { parseDateString, formatDate, isCompleteDate, isCompleteTime, isCompleteDateRange, isValidDate, preventDefault, getValidRange, updateRange, getUniversalDateInputTestIds };
+export { parseDateString, formatDate, formatDateRange, isCompleteDate, isCompleteTime, isCompleteDateRange, isValidDate, preventDefault, getValidRange, updateRange, getUniversalDateInputTestIds };

package/universal-date-input/utils/index.js

@@ -22,6 +22,9 @@ var formatDate = function (date, dateFormat) {
     if (dateFormat === void 0) { dateFormat = consts.DATE_FORMAT; }
     return dateFnsFormat__default.default(date, dateFormat);
 };
+function formatDateRange(range) {
+    return formatDate(range.dateFrom) + consts.DATE_RANGE_SEPARATOR + formatDate(range.dateTo);
+}
 function isCompleteDate(value) {
     if (value === void 0) { value = ''; }
     return value.length === consts.DATE_FORMAT.length;
@@ -40,8 +43,9 @@ function isCompleteDateRange(value) {
 function isValidDate(_a) {
     var _b = _a.value, value = _b === void 0 ? '' : _b, minDate = _a.minDate, maxDate = _a.maxDate, offDays = _a.offDays;
     var parsed = isCompleteDate(value) ? parseDateString(value).getTime() : undefined;
+    var minDateStartOfDay = new Date(minDate).setUTCHours(0, 0, 0, 0);
     if (parsed) {
-        return (parsed >= minDate &&
+        return (parsed >= minDateStartOfDay &&
             parsed <= maxDate &&
             !(offDays === null || offDays === void 0 ? void 0 : offDays.some(function (offDay) { return isSameDay__default.default(offDay, parsed); })));
     }
@@ -158,6 +162,7 @@ function getUniversalDateInputTestIds(dataTestId) {
 }
 
 exports.formatDate = formatDate;
+exports.formatDateRange = formatDateRange;
 exports.getUniversalDateInputTestIds = getUniversalDateInputTestIds;
 exports.getValidRange = getValidRange;
 exports.isCompleteDate = isCompleteDate;