@skbkontur/react-ui 5.2.0 → 5.3.0

package/components/DatePicker/DatePicker.d.ts

@@ -1,149 +1,122 @@
-import PropTypes from 'prop-types';
-import type { HTMLAttributes } from 'react';
-import React from 'react';
-import type { Nullable } from '../../typings/utility-types';
-import type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
-import type { CalendarDateShape, CalendarProps } from '../Calendar';
-import type { SizeProp } from '../../lib/types/props';
-export declare const MIN_WIDTH = 120;
-export interface DatePickerProps extends Pick<CalendarProps, 'isHoliday' | 'minDate' | 'maxDate' | 'renderDay' | 'onMonthChange'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, CommonProps {
-    /** Устанавливает фокус на контроле после окончания загрузки страницы. */
-    autoFocus?: boolean;
-    /** Делает компонент недоступным. */
-    disabled?: boolean;
-    /** Отображает кнопку "Сегодня" в календаре. */
-    enableTodayLink?: boolean;
-    /** Переводит контрол в состояние валидации "ошибка". */
-    error?: boolean;
-    /** Задает nекущую позицию выпадающего окна вручную. */
-    menuPos?: 'top' | 'bottom';
-    /** Задает выравнивание меню. */
-    menuAlign?: 'left' | 'right';
-    /** Задает размер контрола. */
-    size?: SizeProp;
-    /** Задает значение автокомплита. */
-    value?: string | null;
-    /** Переводит контрол в состояние валидации "предупреждение". */
-    warning?: boolean;
-    /** Задает ширину автокомплита. */
-    width?: number | string;
-    /** Задает функцию, которая вызывается при потере датапикером фокуса. */
-    onBlur?: () => void;
-    /** Задает функцию, вызывающуюся при изменении value.
-     * @param value - строка в формате `dd.mm.yyyy`. */
-    onValueChange: (value: string) => void;
-    /** Задает функцию, которая вызывается при получении датапикером фокуса. */
-    onFocus?: () => void;
-    /** Задает функцию, которая вызывается при нажатии кнопки на клавиатуре. */
-    onKeyDown?: (e: React.KeyboardEvent<any>) => void;
-    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). См разницу с onMouseOver в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave)  */
-    onMouseEnter?: (e: React.MouseEvent<any>) => void;
-    /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */
-    onMouseLeave?: (e: React.MouseEvent<any>) => void;
-    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */
-    onMouseOver?: (e: React.MouseEvent<any>) => void;
-    /** Позволяет использовать на мобильных устройствах нативный календарь для выбора дат.
-     * На iOS нативный календарь не умеет работать с minDate и maxDate. */
-    useMobileNativeDatePicker?: boolean;
-}
-export interface DatePickerState {
-    opened: boolean;
-    canUseMobileNativeDatePicker: boolean;
-    today: CalendarDateShape;
-}
-export declare const DatePickerDataTids: {
-    readonly root: "DatePicker__root";
-    readonly input: "DatePicker__input";
-    readonly label: "DatePicker__label";
-    readonly pickerRoot: "Picker__root";
-    readonly pickerTodayWrapper: "Picker__todayWrapper";
-};
-type DefaultProps = Required<Pick<DatePickerProps, 'minDate' | 'maxDate'>>;
-/**
- * Поле `DatePicker` помогает вводить дату с клавиатуры или выбирать ее с помощью мыши.
- *
- * Используйте поле с датой, когда нужно ввести дату в формате ДД.ММ.ГГГГ.
- *
- * Поле с датой отличается от обычного поля ввода наличием иконки, маски и блока календаря.
- */
-export declare class DatePicker extends React.PureComponent<DatePickerProps, DatePickerState> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static propTypes: {
-        autoFocus: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        error: PropTypes.Requireable<boolean>;
-        /**
-         * Максимальная дата в календаре.
-         */
-        maxDate: PropTypes.Validator<string>;
-        menuPos: PropTypes.Requireable<string>;
-        menuAlign: PropTypes.Requireable<string>;
-        /**
-         * Минимальная дата в календаре.
-         */
-        minDate: PropTypes.Validator<string>;
-        /**
-         * Строка формата `dd.mm.yyyy`
-         */
-        value: PropTypes.Requireable<string>;
-        warning: PropTypes.Requireable<boolean>;
-        width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        onValueChange: PropTypes.Validator<(...args: any[]) => any>;
-        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
-        isHoliday: PropTypes.Requireable<(...args: any[]) => any>;
-        renderDay: PropTypes.Requireable<(...args: any[]) => any>;
-        onMonthChange: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static defaultProps: DefaultProps;
-    private getProps;
-    private theme;
-    private readonly locale;
-    private canOpenPopup;
-    static validate: (value: Nullable<string>, range?: {
-        minDate?: string | undefined;
-        maxDate?: string | undefined;
-    }) => boolean;
-    state: DatePickerState;
-    private input;
-    private focused;
-    private setRootNode;
-    private isMobileLayout;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: DatePickerProps, prevState: DatePickerState): void;
-    /**
-     * @public
-     */
-    blur(): void;
-    /**
-     * @public
-     */
-    focus(opts?: {
-        withoutOpenDropdown?: boolean;
-    }): void;
-    /**
-     * Закрывает выпадашку выбора дня
-     * @public
-     */
-    close(): void;
-    render(): React.JSX.Element;
-    renderMain: (props: CommonWrapperRestProps<DatePickerProps>) => React.JSX.Element;
-    private parseValueToDate;
-    private renderTodayLink;
-    getParent: () => Nullable<Element>;
-    private getRootStyle;
-    private getInputRef;
-    private openPickerPopup;
-    private handleFocus;
-    private handleKeyDown;
-    private handleBlur;
-    private handleValueChange;
-    private handleSelect;
-    private handleMobileCloseRequest;
-}
-export {};
+import type { HTMLAttributes } from 'react';
+import React from 'react';
+import type { Nullable } from '../../typings/utility-types';
+import type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
+import type { TGetRootNode } from '../../lib/rootNode';
+import type { CalendarDateShape, CalendarProps } from '../Calendar';
+import type { SizeProp } from '../../lib/types/props';
+export declare const MIN_WIDTH = 120;
+export interface DatePickerProps extends Pick<CalendarProps, 'isHoliday' | 'minDate' | 'maxDate' | 'renderDay' | 'onMonthChange'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, CommonProps {
+    /** Устанавливает фокус на контроле после окончания загрузки страницы. */
+    autoFocus?: boolean;
+    /** Делает компонент недоступным. */
+    disabled?: boolean;
+    /** Отображает кнопку "Сегодня" в календаре. */
+    enableTodayLink?: boolean;
+    /** Переводит контрол в состояние валидации "ошибка". */
+    error?: boolean;
+    /** Задает nекущую позицию выпадающего окна вручную. */
+    menuPos?: 'top' | 'bottom';
+    /** Задает выравнивание меню. */
+    menuAlign?: 'left' | 'right';
+    /** Задает размер контрола. */
+    size?: SizeProp;
+    /**
+     * Строка формата `dd.mm.yyyy`
+     * Задает значение автокомплита.
+     */
+    value?: string | null;
+    /** Переводит контрол в состояние валидации "предупреждение". */
+    warning?: boolean;
+    /** Задает ширину автокомплита. */
+    width?: number | string;
+    /** Задает функцию, которая вызывается при потере датапикером фокуса. */
+    onBlur?: () => void;
+    /** Задает функцию, вызывающуюся при изменении value.
+     * @param value - строка в формате `dd.mm.yyyy`. */
+    onValueChange: (value: string) => void;
+    /** Задает функцию, которая вызывается при получении датапикером фокуса. */
+    onFocus?: () => void;
+    /** Задает функцию, которая вызывается при нажатии кнопки на клавиатуре. */
+    onKeyDown?: (e: React.KeyboardEvent<any>) => void;
+    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). См разницу с onMouseOver в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave)  */
+    onMouseEnter?: (e: React.MouseEvent<any>) => void;
+    /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */
+    onMouseLeave?: (e: React.MouseEvent<any>) => void;
+    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */
+    onMouseOver?: (e: React.MouseEvent<any>) => void;
+    /** Позволяет использовать на мобильных устройствах нативный календарь для выбора дат.
+     * На iOS нативный календарь не умеет работать с minDate и maxDate. */
+    useMobileNativeDatePicker?: boolean;
+}
+export interface DatePickerState {
+    opened: boolean;
+    canUseMobileNativeDatePicker: boolean;
+    today: CalendarDateShape;
+}
+export declare const DatePickerDataTids: {
+    readonly root: "DatePicker__root";
+    readonly input: "DatePicker__input";
+    readonly label: "DatePicker__label";
+    readonly pickerRoot: "Picker__root";
+    readonly pickerTodayWrapper: "Picker__todayWrapper";
+};
+type DefaultProps = Required<Pick<DatePickerProps, 'minDate' | 'maxDate'>>;
+/**
+ * Поле `DatePicker` помогает вводить дату с клавиатуры или выбирать ее с помощью мыши.
+ *
+ * Используйте поле с датой, когда нужно ввести дату в формате ДД.ММ.ГГГГ.
+ *
+ * Поле с датой отличается от обычного поля ввода наличием иконки, маски и блока календаря.
+ */
+export declare class DatePicker extends React.PureComponent<DatePickerProps, DatePickerState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    private getProps;
+    private theme;
+    private readonly locale;
+    private canOpenPopup;
+    static validate: (value: Nullable<string>, range?: {
+        minDate?: string | undefined;
+        maxDate?: string | undefined;
+    }) => boolean;
+    state: DatePickerState;
+    private input;
+    private focused;
+    getRootNode: TGetRootNode;
+    private setRootNode;
+    private isMobileLayout;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: DatePickerProps, prevState: DatePickerState): void;
+    /**
+     * @public
+     */
+    blur(): void;
+    /**
+     * @public
+     */
+    focus(opts?: {
+        withoutOpenDropdown?: boolean;
+    }): void;
+    /**
+     * Закрывает выпадашку выбора дня
+     * @public
+     */
+    close(): void;
+    render(): React.JSX.Element;
+    renderMain: (props: CommonWrapperRestProps<DatePickerProps>) => React.JSX.Element;
+    private parseValueToDate;
+    private renderTodayLink;
+    getParent: () => Nullable<Element>;
+    private getRootStyle;
+    private getInputRef;
+    private openPickerPopup;
+    private handleFocus;
+    private handleKeyDown;
+    private handleBlur;
+    private handleValueChange;
+    private handleSelect;
+    private handleMobileCloseRequest;
+}
+export {};

package/components/DatePicker/DatePicker.styles.d.ts

@@ -1,5 +1,5 @@
-import type { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(): string;
-    calendarWrapper(t: Theme): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(): string;
+    calendarWrapper(t: Theme): string;
+};

package/components/DatePicker/DatePickerHelpers.d.ts

@@ -1,2 +1,2 @@
-import type { CalendarDateShape } from '../../components/Calendar/CalendarDateShape';
-export declare function formatDate({ date, month, year }: CalendarDateShape): string;
+import type { CalendarDateShape } from '../../components/Calendar/CalendarDateShape';
+export declare function formatDate({ date, month, year }: CalendarDateShape): string;

package/components/DatePicker/MobilePicker.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import type { DatePickerProps } from './DatePicker';
-export declare const MobilePickerDataTids: {
-    readonly input: "MobilePicker__input";
-    readonly today: "MobilePicker__today";
-};
-export interface MobilePickerProps extends Pick<DatePickerProps, 'error' | 'warning' | 'value' | 'minDate' | 'maxDate' | 'onValueChange' | 'isHoliday' | 'enableTodayLink' | 'renderDay' | 'onMonthChange'> {
-    onCloseRequest?: () => void;
-}
-export declare const MobilePicker: React.FC<MobilePickerProps>;
+import React from 'react';
+import type { DatePickerProps } from './DatePicker';
+export declare const MobilePickerDataTids: {
+    readonly input: "MobilePicker__input";
+    readonly today: "MobilePicker__today";
+};
+export interface MobilePickerProps extends Pick<DatePickerProps, 'error' | 'warning' | 'value' | 'minDate' | 'maxDate' | 'onValueChange' | 'isHoliday' | 'enableTodayLink' | 'renderDay' | 'onMonthChange'> {
+    onCloseRequest?: () => void;
+}
+export declare const MobilePicker: React.FC<MobilePickerProps>;

package/components/DatePicker/MobilePicker.styles.d.ts

@@ -1,3 +1,3 @@
-export declare const styles: {
-    calendarRoot(): string;
-};
+export declare const styles: {
+    calendarRoot(): string;
+};

package/components/DatePicker/getMobilePickerTheme.d.ts

@@ -1,2 +1,2 @@
-import type { Theme } from '../../lib/theming/Theme';
-export declare const getMobilePickerTheme: (theme: Theme) => Theme;
+import type { Theme } from '../../lib/theming/Theme';
+export declare const getMobilePickerTheme: (theme: Theme) => Theme;

package/components/DatePicker/index.d.ts

@@ -1 +1 @@
-export * from './DatePicker';
+export * from './DatePicker';

package/components/DatePicker/locale/index.d.ts

@@ -1,4 +1,4 @@
-import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
-import type { DatePickerLocale } from './types';
-export * from './types';
-export declare const DatePickerLocaleHelper: LocaleHelper<DatePickerLocale>;
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
+import type { DatePickerLocale } from './types';
+export * from './types';
+export declare const DatePickerLocaleHelper: LocaleHelper<DatePickerLocale>;

package/components/DatePicker/locale/locales/en.d.ts

@@ -1,2 +1,2 @@
-import type { DatePickerLocale } from '../types';
-export declare const componentsLocales: DatePickerLocale;
+import type { DatePickerLocale } from '../types';
+export declare const componentsLocales: DatePickerLocale;

package/components/DatePicker/locale/locales/ru.d.ts

@@ -1,2 +1,2 @@
-import type { DatePickerLocale } from '../types';
-export declare const componentsLocales: DatePickerLocale;
+import type { DatePickerLocale } from '../types';
+export declare const componentsLocales: DatePickerLocale;

package/components/DatePicker/locale/types.d.ts

@@ -1,7 +1,7 @@
-import type { DateSelectLocale } from '../../../internal/DateSelect/locale';
-import type { InternalDateLocaleSet } from '../../../lib/date/types';
-import type { CalendarLocale } from '../../Calendar/locale/types';
-export interface DatePickerLocale extends DateSelectLocale, CalendarLocale, InternalDateLocaleSet {
-    today: string;
-    todayAriaLabel: string;
-}
+import type { DateSelectLocale } from '../../../internal/DateSelect/locale';
+import type { InternalDateLocaleSet } from '../../../lib/date/types';
+import type { CalendarLocale } from '../../Calendar/locale/types';
+export interface DatePickerLocale extends DateSelectLocale, CalendarLocale, InternalDateLocaleSet {
+    today: string;
+    todayAriaLabel: string;
+}

package/components/DateRangePicker/DateRangePicker.d.ts

@@ -1,84 +1,84 @@
-import React, { type AriaAttributes } from 'react';
-import type { CommonProps } from '../../internal/CommonWrapper';
-import { DateInput } from '../DateInput';
-import type { DatePickerProps } from '../DatePicker';
-import { validateDateRangePicker } from './helpers/validateDateRangePicker';
-export declare const DateRangePickerDataTids: {
-    readonly root: "DateRangePicker__root";
-    readonly start: "DateRangePicker__start";
-    readonly end: "DateRangePicker__end";
-    readonly popup: "DateRangePicker__popup";
-    readonly calendar: "DateRangePicker__calendar";
-    readonly todayButton: "DateRangePicker__todayButton";
-    readonly startOptionalButton: "DateRangePicker__startOptionalButton";
-    readonly endOptionalButton: "DateRangePicker__endOptionalButton";
-    readonly mobileStart: "DateRangePicker__mobileStart";
-    readonly mobileEnd: "DateRangePicker__mobileEnd";
-    readonly rangeStart: "DateRangePicker__rangeStart";
-    readonly rangeEnd: "DateRangePicker__rangeEnd";
-};
-export interface DateRangePickerProps extends CommonProps, Pick<AriaAttributes, 'aria-describedby' | 'aria-label' | 'aria-labelledby'>, Pick<DatePickerProps, 'size' | 'width' | 'renderDay' | 'menuPos' | 'menuAlign' | 'useMobileNativeDatePicker' | 'enableTodayLink' | 'onMonthChange'> {
-    /**
-     * Элементы DateRangePicker:
-     * `<DateRangePicker.Start />`
-     * `<DateRangePicker.Separator />`
-     * `<DateRangePicker.End />`
-     */
-    children: React.ReactNode;
-}
-export declare const DateRangePicker: {
-    Start: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<DateInput, {
-        style?: React.CSSProperties | undefined;
-        children?: React.ReactNode;
-        className?: string | undefined;
-        onValueChange?: ((value: string) => void) | undefined;
-        disabled?: boolean | undefined;
-        size?: import("../..").SizeProp | undefined;
-        value?: string | null | undefined;
-        width?: string | number | undefined;
-        autoFocus?: boolean | undefined;
-        id?: string | undefined;
-        "aria-describedby"?: string | undefined;
-        "aria-label"?: string | undefined;
-        "aria-labelledby"?: string | undefined;
-        onFocus?: ((x0: React.FocusEvent<HTMLElement, Element>) => void) | undefined;
-        onBlur?: ((x0: React.FocusEvent<HTMLElement, Element>) => void) | undefined;
-        onKeyDown?: ((x0: React.KeyboardEvent<HTMLElement>) => void) | undefined;
-        onClick?: ((x0: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-        'data-tid'?: string | undefined;
-        error?: boolean | undefined;
-        warning?: boolean | undefined;
-        minDate?: string | undefined;
-        maxDate?: string | undefined;
-        withIcon?: boolean | undefined;
-        optional?: boolean | undefined;
-    }> & Record<never, never>;
-    End: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<DateInput, {
-        style?: React.CSSProperties | undefined;
-        children?: React.ReactNode;
-        className?: string | undefined;
-        onValueChange?: ((value: string) => void) | undefined;
-        disabled?: boolean | undefined;
-        size?: import("../..").SizeProp | undefined;
-        value?: string | null | undefined;
-        width?: string | number | undefined;
-        autoFocus?: boolean | undefined;
-        id?: string | undefined;
-        "aria-describedby"?: string | undefined;
-        "aria-label"?: string | undefined;
-        "aria-labelledby"?: string | undefined;
-        onFocus?: ((x0: React.FocusEvent<HTMLElement, Element>) => void) | undefined;
-        onBlur?: ((x0: React.FocusEvent<HTMLElement, Element>) => void) | undefined;
-        onKeyDown?: ((x0: React.KeyboardEvent<HTMLElement>) => void) | undefined;
-        onClick?: ((x0: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-        'data-tid'?: string | undefined;
-        error?: boolean | undefined;
-        warning?: boolean | undefined;
-        minDate?: string | undefined;
-        maxDate?: string | undefined;
-        withIcon?: boolean | undefined;
-        optional?: boolean | undefined;
-    }> & Record<never, never>;
-    Separator: () => React.JSX.Element;
-    validate: typeof validateDateRangePicker;
-} & import("../../lib/forwardRefAndName").ReactUIComponentWithRef<unknown, DateRangePickerProps> & Record<never, never>;
+import React, { type AriaAttributes } from 'react';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import { DateInput } from '../DateInput';
+import type { DatePickerProps } from '../DatePicker';
+import { validateDateRangePicker } from './helpers/validateDateRangePicker';
+export declare const DateRangePickerDataTids: {
+    readonly root: "DateRangePicker__root";
+    readonly start: "DateRangePicker__start";
+    readonly end: "DateRangePicker__end";
+    readonly popup: "DateRangePicker__popup";
+    readonly calendar: "DateRangePicker__calendar";
+    readonly todayButton: "DateRangePicker__todayButton";
+    readonly startOptionalButton: "DateRangePicker__startOptionalButton";
+    readonly endOptionalButton: "DateRangePicker__endOptionalButton";
+    readonly mobileStart: "DateRangePicker__mobileStart";
+    readonly mobileEnd: "DateRangePicker__mobileEnd";
+    readonly rangeStart: "DateRangePicker__rangeStart";
+    readonly rangeEnd: "DateRangePicker__rangeEnd";
+};
+export interface DateRangePickerProps extends CommonProps, Pick<AriaAttributes, 'aria-describedby' | 'aria-label' | 'aria-labelledby'>, Pick<DatePickerProps, 'size' | 'width' | 'renderDay' | 'menuPos' | 'menuAlign' | 'useMobileNativeDatePicker' | 'enableTodayLink' | 'onMonthChange'> {
+    /**
+     * Элементы DateRangePicker:
+     * `<DateRangePicker.Start />`
+     * `<DateRangePicker.Separator />`
+     * `<DateRangePicker.End />`
+     */
+    children: React.ReactNode;
+}
+export declare const DateRangePicker: {
+    Start: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<DateInput, {
+        style?: React.CSSProperties | undefined;
+        children?: React.ReactNode;
+        className?: string | undefined;
+        onValueChange?: ((value: string) => void) | undefined;
+        disabled?: boolean | undefined;
+        size?: import("../..").SizeProp | undefined;
+        value?: string | null | undefined;
+        width?: string | number | undefined;
+        autoFocus?: boolean | undefined;
+        id?: string | undefined;
+        "aria-describedby"?: string | undefined;
+        "aria-label"?: string | undefined;
+        "aria-labelledby"?: string | undefined;
+        onFocus?: ((x0: React.FocusEvent<HTMLElement, Element>) => void) | undefined;
+        onBlur?: ((x0: React.FocusEvent<HTMLElement, Element>) => void) | undefined;
+        onKeyDown?: ((x0: React.KeyboardEvent<HTMLElement>) => void) | undefined;
+        onClick?: ((x0: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
+        'data-tid'?: string | undefined;
+        error?: boolean | undefined;
+        warning?: boolean | undefined;
+        minDate?: string | undefined;
+        maxDate?: string | undefined;
+        withIcon?: boolean | undefined;
+        optional?: boolean | undefined;
+    }> & Record<never, never>;
+    End: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<DateInput, {
+        style?: React.CSSProperties | undefined;
+        children?: React.ReactNode;
+        className?: string | undefined;
+        onValueChange?: ((value: string) => void) | undefined;
+        disabled?: boolean | undefined;
+        size?: import("../..").SizeProp | undefined;
+        value?: string | null | undefined;
+        width?: string | number | undefined;
+        autoFocus?: boolean | undefined;
+        id?: string | undefined;
+        "aria-describedby"?: string | undefined;
+        "aria-label"?: string | undefined;
+        "aria-labelledby"?: string | undefined;
+        onFocus?: ((x0: React.FocusEvent<HTMLElement, Element>) => void) | undefined;
+        onBlur?: ((x0: React.FocusEvent<HTMLElement, Element>) => void) | undefined;
+        onKeyDown?: ((x0: React.KeyboardEvent<HTMLElement>) => void) | undefined;
+        onClick?: ((x0: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
+        'data-tid'?: string | undefined;
+        error?: boolean | undefined;
+        warning?: boolean | undefined;
+        minDate?: string | undefined;
+        maxDate?: string | undefined;
+        withIcon?: boolean | undefined;
+        optional?: boolean | undefined;
+    }> & Record<never, never>;
+    Separator: () => React.JSX.Element;
+    validate: typeof validateDateRangePicker;
+} & import("../../lib/forwardRefAndName").ReactUIComponentWithRef<unknown, DateRangePickerProps> & Record<never, never>;

package/components/DateRangePicker/DateRangePicker.styles.d.ts

@@ -1,16 +1,16 @@
-import type { SizeProp } from '../../lib/types/props';
-import type { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(t: Theme): string;
-    inputWrapperWidth(t: Theme): string;
-    inputWrapperWidthFull(): string;
-    inputVisuallyFocus(t: Theme): string;
-    calendarWrapper(t: Theme): string;
-    calendarWidthAuto(): string;
-    rangeCalendarDay(): string;
-    rangeCalendarDayEnd(t: Theme): string;
-    rangeCalendarDayInHoveredPeriod(t: Theme): string;
-    rangeCalendarDayHoverInPeriod(t: Theme): string;
-    buttonWrap(): string;
-};
-export declare function getFontSize(t: Theme, size?: SizeProp): string;
+import type { SizeProp } from '../../lib/types/props';
+import type { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
+    inputWrapperWidth(t: Theme): string;
+    inputWrapperWidthFull(): string;
+    inputVisuallyFocus(t: Theme): string;
+    calendarWrapper(t: Theme): string;
+    calendarWidthAuto(): string;
+    rangeCalendarDay(): string;
+    rangeCalendarDayEnd(t: Theme): string;
+    rangeCalendarDayInHoveredPeriod(t: Theme): string;
+    rangeCalendarDayHoverInPeriod(t: Theme): string;
+    buttonWrap(): string;
+};
+export declare function getFontSize(t: Theme, size?: SizeProp): string;