@consta/uikit 5.8.1 → 5.8.2-beta.2

package/__internal__/src/components/ContextMenu/useMenuNavigation.d.ts

@@ -1,22 +1,22 @@
-import React from 'react';
-import { ContextMenuItemDefault, ContextMenuPropGetItemSubMenu } from './types';
-declare type UseMenuNavigationProps<ITEM = ContextMenuItemDefault> = {
-    items: ITEM[];
-    deleteLevel: () => void;
-    getItemSubMenu: ContextMenuPropGetItemSubMenu<ITEM>;
-    active: boolean;
-    addLevel: (item: ITEM) => void;
-    onEsc?: React.KeyboardEventHandler;
-    level?: number;
-    isMobile?: boolean;
-};
-export declare const useMenuNavigation: (props: UseMenuNavigationProps) => {
-    refs: React.RefObject<HTMLDivElement>[];
-    activeIndex: number;
-    onKeyDown: (e: React.KeyboardEvent) => void;
-    setActiveIndex: React.Dispatch<React.SetStateAction<number>>;
-    setDirection: React.Dispatch<React.SetStateAction<"downCenter" | "upCenter" | "downRight" | "downLeft" | "upRight" | "upLeft" | "leftUp" | "leftCenter" | "leftDown" | "rightUp" | "rightCenter" | "rightDown" | "downStartLeft" | "upStartLeft" | "downStartRight" | "upStartRight" | "leftStartUp" | "leftStartDown" | "rightStartUp" | "rightStartDown" | undefined>>;
-    parentRef: React.RefObject<HTMLDivElement>;
-    containerRef: React.RefObject<HTMLDivElement>;
-};
-export {};
+import React from 'react';
+import { ContextMenuItemDefault, ContextMenuPropGetItemSubMenu } from './types';
+declare type UseMenuNavigationProps<ITEM = ContextMenuItemDefault> = {
+    items: ITEM[];
+    deleteLevel: () => void;
+    getItemSubMenu: ContextMenuPropGetItemSubMenu<ITEM>;
+    active: boolean;
+    addLevel: (item: ITEM) => void;
+    onEsc?: React.KeyboardEventHandler;
+    level?: number;
+    isMobile?: boolean;
+};
+export declare const useMenuNavigation: (props: UseMenuNavigationProps) => {
+    refs: React.RefObject<HTMLDivElement>[];
+    activeIndex: number;
+    onKeyDown: (e: React.KeyboardEvent) => void;
+    setActiveIndex: React.Dispatch<React.SetStateAction<number>>;
+    setDirection: React.Dispatch<React.SetStateAction<"downCenter" | "upCenter" | "downRight" | "downLeft" | "upRight" | "upLeft" | "leftUp" | "leftCenter" | "leftDown" | "rightUp" | "rightCenter" | "rightDown" | "downStartLeft" | "upStartLeft" | "downStartRight" | "upStartRight" | "leftStartUp" | "leftStartDown" | "rightStartUp" | "rightStartDown" | undefined>>;
+    parentRef: React.RefObject<HTMLDivElement>;
+    containerRef: React.RefObject<HTMLDivElement>;
+};
+export {};

package/__internal__/src/components/DatePicker/DatePicker.d.ts

@@ -1,5 +1,5 @@
-import { DatePickerComponent } from './types';
-export declare const COMPONENT_NAME: "DatePicker";
-export declare const DatePicker: DatePickerComponent;
-export * from './helpers';
-export * from './types';
+import { DatePickerComponent } from './types';
+export declare const COMPONENT_NAME: "DatePicker";
+export declare const DatePicker: DatePickerComponent;
+export * from './helpers';
+export * from './types';

package/__internal__/src/components/DatePicker/DatePickerAdditionalControls/DatePickerAdditionalControls.d.ts

@@ -1,12 +1,12 @@
-import './DatePickerAdditionalControls.css';
-import React from 'react';
-import { PropsWithHTMLAttributes } from "../../../utils/types/PropsWithHTMLAttributes";
-import { DatePickerAdditionalControlRenderProp, DatePickerPropDateTimeView, DatePickerPropType } from '../types';
-declare type Props = PropsWithHTMLAttributes<{
-    renderAdditionalControls?: DatePickerAdditionalControlRenderProp;
-    currentVisibleDate?: Date;
-    type: DatePickerPropType;
-    view: DatePickerPropDateTimeView;
-}, HTMLDivElement>;
-export declare const DatePickerAdditionalControls: React.FC<Props>;
-export {};
+import './DatePickerAdditionalControls.css';
+import React from 'react';
+import { PropsWithHTMLAttributes } from "../../../utils/types/PropsWithHTMLAttributes";
+import { DatePickerAdditionalControlRenderProp, DatePickerPropDateTimeView, DatePickerPropType } from '../types';
+declare type Props = PropsWithHTMLAttributes<{
+    renderAdditionalControls?: DatePickerAdditionalControlRenderProp;
+    currentVisibleDate?: Date;
+    type: DatePickerPropType;
+    view: DatePickerPropDateTimeView;
+}, HTMLDivElement>;
+export declare const DatePickerAdditionalControls: React.FC<Props>;
+export {};

package/__internal__/src/components/DatePicker/DatePickerDropdown/DatePickerDropdown.d.ts

@@ -1,32 +1,32 @@
-import './DatePickerDropdown.css';
-import React from 'react';
-import { DateTimePropOnChange, DateTimePropType } from "../../DateTime";
-import { DateRange } from "../../../utils/types/Date";
-import { PropsWithHTMLAttributesAndRef } from "../../../utils/types/PropsWithHTMLAttributes";
-import { DatePickerAdditionalControlRenderProp, DatePickerPropDateTimeView, DatePickerPropDropdownForm } from '../types';
-export declare type DatePickerDropdownPropOnChange = DateTimePropOnChange;
-export declare type DatePickerDropdownProps = PropsWithHTMLAttributesAndRef<{
-    anchorRef: React.RefObject<HTMLElement>;
-    currentVisibleDate?: Date;
-    type: DateTimePropType;
-    value?: Date | DateRange;
-    onChange?: DatePickerDropdownPropOnChange;
-    minDate?: Date;
-    maxDate?: Date;
-    events?: Date[];
-    view: DatePickerPropDateTimeView;
-    locale?: Locale;
-    children?: never;
-    form?: DatePickerPropDropdownForm;
-    isOpen?: boolean;
-    onChangeCurrentVisibleDate?: (date: Date) => void;
-    zIndex?: number;
-    renderAdditionalControls?: DatePickerAdditionalControlRenderProp;
-    multiplicitySeconds?: number;
-    multiplicityMinutes?: number;
-    multiplicityHours?: number;
-    timeFor?: 'start' | 'end';
-}, HTMLDivElement>;
-declare type DatePickerDropdownComponent = (props: DatePickerDropdownProps) => React.ReactElement | null;
-export declare const DatePickerDropdown: DatePickerDropdownComponent;
-export {};
+import './DatePickerDropdown.css';
+import React from 'react';
+import { DateTimePropOnChange, DateTimePropType } from "../../DateTime";
+import { DateRange } from "../../../utils/types/Date";
+import { PropsWithHTMLAttributesAndRef } from "../../../utils/types/PropsWithHTMLAttributes";
+import { DatePickerAdditionalControlRenderProp, DatePickerPropDateTimeView, DatePickerPropDropdownForm } from '../types';
+export declare type DatePickerDropdownPropOnChange = DateTimePropOnChange;
+export declare type DatePickerDropdownProps = PropsWithHTMLAttributesAndRef<{
+    anchorRef: React.RefObject<HTMLElement>;
+    currentVisibleDate?: Date;
+    type: DateTimePropType;
+    value?: Date | DateRange;
+    onChange?: DatePickerDropdownPropOnChange;
+    minDate?: Date;
+    maxDate?: Date;
+    events?: Date[];
+    view: DatePickerPropDateTimeView;
+    locale?: Locale;
+    children?: never;
+    form?: DatePickerPropDropdownForm;
+    isOpen?: boolean;
+    onChangeCurrentVisibleDate?: (date: Date) => void;
+    zIndex?: number;
+    renderAdditionalControls?: DatePickerAdditionalControlRenderProp;
+    multiplicitySeconds?: number;
+    multiplicityMinutes?: number;
+    multiplicityHours?: number;
+    timeFor?: 'start' | 'end';
+}, HTMLDivElement>;
+declare type DatePickerDropdownComponent = (props: DatePickerDropdownProps) => React.ReactElement | null;
+export declare const DatePickerDropdown: DatePickerDropdownComponent;
+export {};

package/__internal__/src/components/DatePicker/DatePickerFieldTypeDate/DatePickerFieldTypeDate.d.ts

@@ -1,39 +1,39 @@
-import React from 'react';
-export declare const DatePickerFieldTypeDate: React.ForwardRefExoticComponent<{
-    className?: string | undefined;
-    value?: Date | null | undefined;
-    onChange?: ((value: Date | null, props: {
-        e: Event;
-    }) => void) | undefined;
-    onError?: import("..").DatePickerPropOnError | undefined;
-    id?: string | undefined;
-    name?: string | undefined;
-    disabled?: boolean | undefined;
-    size?: "s" | "m" | "xs" | "l" | undefined;
-    view?: "default" | "clear" | undefined;
-    form?: "default" | "defaultClear" | "defaultBrick" | "brick" | "brickDefault" | "brickClear" | "brickRound" | "round" | "roundClear" | "roundBrick" | "clearRound" | "clearDefault" | "clearBrick" | "clearClear" | undefined;
-    status?: "alert" | "warning" | "success" | undefined;
-    onFocus?: React.FocusEventHandler<HTMLElement> | undefined;
-    onBlur?: React.FocusEventHandler<HTMLElement> | undefined;
-    autoFocus?: boolean | undefined;
-    placeholder?: string | undefined;
-    leftSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
-    rightSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
-    readOnly?: boolean | undefined;
-    required?: boolean | undefined;
-    tabIndex?: number | undefined;
-    inputRef?: React.Ref<HTMLInputElement | HTMLTextAreaElement> | undefined;
-    ariaLabel?: string | undefined;
-    iconSize?: "s" | "m" | "xs" | "l" | undefined;
-    children?: undefined;
-    format?: string | undefined;
-    separator?: string | undefined;
-    minDate?: Date | undefined;
-    maxDate?: Date | undefined;
-    focused?: boolean | undefined;
-    label?: string | undefined;
-    labelIcon?: import("@consta/icons/Icon").IconComponent<"span"> | undefined;
-    caption?: string | undefined;
-    labelPosition?: "left" | "top" | undefined;
-    withClearButton?: boolean | undefined;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "caption" | "form" | "label" | "view" | "name" | "className" | "id" | "placeholder" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "onError" | "autoFocus" | "disabled" | "value" | "readOnly" | "required" | "size" | "separator" | "status" | "css" | "inputRef" | "focused" | "ariaLabel" | "labelIcon" | "labelPosition" | "leftSide" | "rightSide" | "withClearButton" | "iconSize" | "minDate" | "maxDate" | "format"> & React.RefAttributes<HTMLDivElement>>;
+import React from 'react';
+export declare const DatePickerFieldTypeDate: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    value?: Date | null | undefined;
+    onChange?: ((value: Date | null, props: {
+        e: Event;
+    }) => void) | undefined;
+    onError?: import("..").DatePickerPropOnError | undefined;
+    id?: string | undefined;
+    name?: string | undefined;
+    disabled?: boolean | undefined;
+    size?: "s" | "m" | "xs" | "l" | undefined;
+    view?: "default" | "clear" | undefined;
+    form?: "default" | "defaultClear" | "defaultBrick" | "brick" | "brickDefault" | "brickClear" | "brickRound" | "round" | "roundClear" | "roundBrick" | "clearRound" | "clearDefault" | "clearBrick" | "clearClear" | undefined;
+    status?: "alert" | "warning" | "success" | undefined;
+    onFocus?: React.FocusEventHandler<HTMLElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLElement> | undefined;
+    autoFocus?: boolean | undefined;
+    placeholder?: string | undefined;
+    leftSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
+    rightSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
+    readOnly?: boolean | undefined;
+    required?: boolean | undefined;
+    tabIndex?: number | undefined;
+    inputRef?: React.Ref<HTMLInputElement | HTMLTextAreaElement> | undefined;
+    ariaLabel?: string | undefined;
+    iconSize?: "s" | "m" | "xs" | "l" | undefined;
+    children?: undefined;
+    format?: string | undefined;
+    separator?: string | undefined;
+    minDate?: Date | undefined;
+    maxDate?: Date | undefined;
+    focused?: boolean | undefined;
+    label?: string | undefined;
+    labelIcon?: import("@consta/icons/Icon").IconComponent<"span"> | undefined;
+    caption?: string | undefined;
+    labelPosition?: "left" | "top" | undefined;
+    withClearButton?: boolean | undefined;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "caption" | "form" | "label" | "view" | "name" | "className" | "id" | "placeholder" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "onError" | "autoFocus" | "disabled" | "value" | "readOnly" | "required" | "size" | "separator" | "status" | "css" | "inputRef" | "focused" | "ariaLabel" | "labelIcon" | "labelPosition" | "leftSide" | "rightSide" | "withClearButton" | "iconSize" | "minDate" | "maxDate" | "format"> & React.RefAttributes<HTMLDivElement>>;

package/__internal__/src/components/DatePicker/DatePickerFieldTypeDate/helpers.d.ts

@@ -1,55 +1,55 @@
-/// <reference types="react" />
-import { IconComponent, IconPropSize } from '@consta/icons/Icon';
-import { TextFieldPropForm, TextFieldPropSize, TextFieldPropStatus, TextFieldPropView } from "../../TextField";
-import { PropsWithHTMLAttributes } from "../../../utils/types/PropsWithHTMLAttributes";
-import { DatePickerPropOnError } from '../types';
-declare type DatePickerFieldTypeDatePropOnChange = (value: Date | null, props: {
-    e: Event;
-}) => void;
-export declare type DatePickerFieldTypeDateProps = PropsWithHTMLAttributes<{
-    className?: string;
-    value?: Date | null;
-    onChange?: DatePickerFieldTypeDatePropOnChange;
-    onError?: DatePickerPropOnError;
-    id?: string;
-    name?: string;
-    disabled?: boolean;
-    size?: TextFieldPropSize;
-    view?: TextFieldPropView;
-    form?: TextFieldPropForm;
-    status?: TextFieldPropStatus;
-    onFocus?: React.FocusEventHandler<HTMLElement>;
-    onBlur?: React.FocusEventHandler<HTMLElement>;
-    autoFocus?: boolean;
-    placeholder?: string;
-    leftSide?: string | IconComponent;
-    rightSide?: string | IconComponent;
-    readOnly?: boolean;
-    required?: boolean;
-    tabIndex?: number;
-    inputRef?: React.Ref<HTMLTextAreaElement | HTMLInputElement>;
-    ariaLabel?: string;
-    iconSize?: IconPropSize;
-    children?: never;
-    format?: string;
-    separator?: string;
-    minDate?: Date;
-    maxDate?: Date;
-    focused?: boolean;
-    label?: string;
-    labelIcon?: IconComponent;
-    caption?: string;
-    labelPosition?: 'top' | 'left';
-    withClearButton?: boolean;
-}, HTMLDivElement>;
-declare type UsePickerProps = {
-    value?: Date | null;
-    onChange?: DatePickerFieldTypeDatePropOnChange;
-    onError?: DatePickerPropOnError;
-    format: string;
-    separator: string;
-    minDate: Date;
-    maxDate: Date;
-};
-export declare const usePicker: (props: UsePickerProps) => readonly [import("react").MutableRefObject<HTMLInputElement | null>, import("react").MouseEventHandler<HTMLButtonElement>];
-export {};
+/// <reference types="react" />
+import { IconComponent, IconPropSize } from '@consta/icons/Icon';
+import { TextFieldPropForm, TextFieldPropSize, TextFieldPropStatus, TextFieldPropView } from "../../TextField";
+import { PropsWithHTMLAttributes } from "../../../utils/types/PropsWithHTMLAttributes";
+import { DatePickerPropOnError } from '../types';
+declare type DatePickerFieldTypeDatePropOnChange = (value: Date | null, props: {
+    e: Event;
+}) => void;
+export declare type DatePickerFieldTypeDateProps = PropsWithHTMLAttributes<{
+    className?: string;
+    value?: Date | null;
+    onChange?: DatePickerFieldTypeDatePropOnChange;
+    onError?: DatePickerPropOnError;
+    id?: string;
+    name?: string;
+    disabled?: boolean;
+    size?: TextFieldPropSize;
+    view?: TextFieldPropView;
+    form?: TextFieldPropForm;
+    status?: TextFieldPropStatus;
+    onFocus?: React.FocusEventHandler<HTMLElement>;
+    onBlur?: React.FocusEventHandler<HTMLElement>;
+    autoFocus?: boolean;
+    placeholder?: string;
+    leftSide?: string | IconComponent;
+    rightSide?: string | IconComponent;
+    readOnly?: boolean;
+    required?: boolean;
+    tabIndex?: number;
+    inputRef?: React.Ref<HTMLTextAreaElement | HTMLInputElement>;
+    ariaLabel?: string;
+    iconSize?: IconPropSize;
+    children?: never;
+    format?: string;
+    separator?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    focused?: boolean;
+    label?: string;
+    labelIcon?: IconComponent;
+    caption?: string;
+    labelPosition?: 'top' | 'left';
+    withClearButton?: boolean;
+}, HTMLDivElement>;
+declare type UsePickerProps = {
+    value?: Date | null;
+    onChange?: DatePickerFieldTypeDatePropOnChange;
+    onError?: DatePickerPropOnError;
+    format: string;
+    separator: string;
+    minDate: Date;
+    maxDate: Date;
+};
+export declare const usePicker: (props: UsePickerProps) => readonly [import("react").MutableRefObject<HTMLInputElement | null>, import("react").MouseEventHandler<HTMLButtonElement>];
+export {};

package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateRange/DatePickerFieldTypeDateRange.d.ts

@@ -1,30 +1,30 @@
-import React from 'react';
-export declare const DatePickerFieldTypeDateRange: React.ForwardRefExoticComponent<Omit<import("../DatePickerFieldTypeDate/helpers").DatePickerFieldTypeDateProps, "name" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "value" | "inputRef" | "leftSide" | "rightSide"> & {
-    onChange?: ((value: import("../../../utils/types/Date").DateRange | null, props: {
-        e: Event;
-    }) => void) | undefined;
-    value?: import("../../../utils/types/Date").DateRange | null | undefined;
-    startFieldInputRef?: React.Ref<HTMLInputElement> | undefined;
-    endFieldInputRef?: React.Ref<HTMLInputElement> | undefined;
-    startFieldLeftSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
-    startFieldRightSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
-    endFieldLeftSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
-    endFieldRightSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
-    startFieldRef?: React.Ref<HTMLDivElement> | undefined;
-    endFieldRef?: React.Ref<HTMLDivElement> | undefined;
-    startFieldOnFocus?: React.FocusEventHandler<HTMLElement> | undefined;
-    endFieldOnFocus?: React.FocusEventHandler<HTMLElement> | undefined;
-    startFieldOnClick?: React.MouseEventHandler<HTMLElement> | undefined;
-    endFieldOnClick?: React.MouseEventHandler<HTMLElement> | undefined;
-    startFieldOnBlur?: React.FocusEventHandler<HTMLElement> | undefined;
-    endFieldOnBlur?: React.FocusEventHandler<HTMLElement> | undefined;
-    startFocused?: boolean | undefined;
-    endFocused?: boolean | undefined;
-    id?: string | undefined;
-    onChangeCurrentVisibleDate?: ((date: Date) => void) | undefined;
-    currentVisibleDate?: Date | undefined;
-    startFieldName?: string | undefined;
-    endFieldName?: string | undefined;
-    startFieldPlaceholder?: string | undefined;
-    endFieldPlaceholder?: string | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
+import React from 'react';
+export declare const DatePickerFieldTypeDateRange: React.ForwardRefExoticComponent<Omit<import("../DatePickerFieldTypeDate/helpers").DatePickerFieldTypeDateProps, "name" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "value" | "inputRef" | "leftSide" | "rightSide"> & {
+    onChange?: ((value: import("../../../utils/types/Date").DateRange | null, props: {
+        e: Event;
+    }) => void) | undefined;
+    value?: import("../../../utils/types/Date").DateRange | null | undefined;
+    startFieldInputRef?: React.Ref<HTMLInputElement> | undefined;
+    endFieldInputRef?: React.Ref<HTMLInputElement> | undefined;
+    startFieldLeftSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
+    startFieldRightSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
+    endFieldLeftSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
+    endFieldRightSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
+    startFieldRef?: React.Ref<HTMLDivElement> | undefined;
+    endFieldRef?: React.Ref<HTMLDivElement> | undefined;
+    startFieldOnFocus?: React.FocusEventHandler<HTMLElement> | undefined;
+    endFieldOnFocus?: React.FocusEventHandler<HTMLElement> | undefined;
+    startFieldOnClick?: React.MouseEventHandler<HTMLElement> | undefined;
+    endFieldOnClick?: React.MouseEventHandler<HTMLElement> | undefined;
+    startFieldOnBlur?: React.FocusEventHandler<HTMLElement> | undefined;
+    endFieldOnBlur?: React.FocusEventHandler<HTMLElement> | undefined;
+    startFocused?: boolean | undefined;
+    endFocused?: boolean | undefined;
+    id?: string | undefined;
+    onChangeCurrentVisibleDate?: ((date: Date) => void) | undefined;
+    currentVisibleDate?: Date | undefined;
+    startFieldName?: string | undefined;
+    endFieldName?: string | undefined;
+    startFieldPlaceholder?: string | undefined;
+    endFieldPlaceholder?: string | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateRange/helpers.d.ts

@@ -1,35 +1,35 @@
-import { IconComponent } from '@consta/icons/Icon';
-import React from 'react';
-import { DateRange } from "../../../utils/types/Date";
-import { DatePickerFieldTypeDateProps } from '../DatePickerFieldTypeDate/helpers';
-declare type DatePickerFieldTypeDateRangePropOnChange = (value: DateRange | null, props: {
-    e: Event;
-}) => void;
-export declare type DatePickerFieldTypeDateRangeProps = Omit<DatePickerFieldTypeDateProps, 'onChange' | 'value' | 'inputRef' | 'leftSide' | 'rightSide' | 'id' | 'onFocus' | 'onBlur' | 'name' | 'placeholder'> & {
-    onChange?: DatePickerFieldTypeDateRangePropOnChange;
-    value?: DateRange | null;
-    startFieldInputRef?: React.Ref<HTMLInputElement>;
-    endFieldInputRef?: React.Ref<HTMLInputElement>;
-    startFieldLeftSide?: string | IconComponent;
-    startFieldRightSide?: string | IconComponent;
-    endFieldLeftSide?: string | IconComponent;
-    endFieldRightSide?: string | IconComponent;
-    startFieldRef?: React.Ref<HTMLDivElement>;
-    endFieldRef?: React.Ref<HTMLDivElement>;
-    startFieldOnFocus?: React.FocusEventHandler<HTMLElement>;
-    endFieldOnFocus?: React.FocusEventHandler<HTMLElement>;
-    startFieldOnClick?: React.MouseEventHandler<HTMLElement>;
-    endFieldOnClick?: React.MouseEventHandler<HTMLElement>;
-    startFieldOnBlur?: React.FocusEventHandler<HTMLElement>;
-    endFieldOnBlur?: React.FocusEventHandler<HTMLElement>;
-    startFocused?: boolean;
-    endFocused?: boolean;
-    id?: string;
-    onChangeCurrentVisibleDate?: (date: Date) => void;
-    currentVisibleDate?: Date;
-    startFieldName?: string;
-    endFieldName?: string;
-    startFieldPlaceholder?: string;
-    endFieldPlaceholder?: string;
-};
-export {};
+import { IconComponent } from '@consta/icons/Icon';
+import React from 'react';
+import { DateRange } from "../../../utils/types/Date";
+import { DatePickerFieldTypeDateProps } from '../DatePickerFieldTypeDate/helpers';
+declare type DatePickerFieldTypeDateRangePropOnChange = (value: DateRange | null, props: {
+    e: Event;
+}) => void;
+export declare type DatePickerFieldTypeDateRangeProps = Omit<DatePickerFieldTypeDateProps, 'onChange' | 'value' | 'inputRef' | 'leftSide' | 'rightSide' | 'id' | 'onFocus' | 'onBlur' | 'name' | 'placeholder'> & {
+    onChange?: DatePickerFieldTypeDateRangePropOnChange;
+    value?: DateRange | null;
+    startFieldInputRef?: React.Ref<HTMLInputElement>;
+    endFieldInputRef?: React.Ref<HTMLInputElement>;
+    startFieldLeftSide?: string | IconComponent;
+    startFieldRightSide?: string | IconComponent;
+    endFieldLeftSide?: string | IconComponent;
+    endFieldRightSide?: string | IconComponent;
+    startFieldRef?: React.Ref<HTMLDivElement>;
+    endFieldRef?: React.Ref<HTMLDivElement>;
+    startFieldOnFocus?: React.FocusEventHandler<HTMLElement>;
+    endFieldOnFocus?: React.FocusEventHandler<HTMLElement>;
+    startFieldOnClick?: React.MouseEventHandler<HTMLElement>;
+    endFieldOnClick?: React.MouseEventHandler<HTMLElement>;
+    startFieldOnBlur?: React.FocusEventHandler<HTMLElement>;
+    endFieldOnBlur?: React.FocusEventHandler<HTMLElement>;
+    startFocused?: boolean;
+    endFocused?: boolean;
+    id?: string;
+    onChangeCurrentVisibleDate?: (date: Date) => void;
+    currentVisibleDate?: Date;
+    startFieldName?: string;
+    endFieldName?: string;
+    startFieldPlaceholder?: string;
+    endFieldPlaceholder?: string;
+};
+export {};

package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateTime/DatePickerFieldTypeDateTime.d.ts

@@ -1,42 +1,42 @@
-import React from 'react';
-export declare const DatePickerFieldTypeDateTime: React.ForwardRefExoticComponent<{
-    className?: string | undefined;
-    value?: Date | null | undefined;
-    onChange?: ((value: Date | null, props: {
-        e: Event;
-    }) => void) | undefined;
-    onError?: import("..").DatePickerPropOnError | undefined;
-    id?: string | undefined;
-    name?: string | undefined;
-    disabled?: boolean | undefined;
-    size?: "s" | "m" | "xs" | "l" | undefined;
-    view?: "default" | "clear" | undefined;
-    form?: "default" | "defaultClear" | "defaultBrick" | "brick" | "brickDefault" | "brickClear" | "brickRound" | "round" | "roundClear" | "roundBrick" | "clearRound" | "clearDefault" | "clearBrick" | "clearClear" | undefined;
-    status?: "alert" | "warning" | "success" | undefined;
-    onFocus?: React.FocusEventHandler<HTMLElement> | undefined;
-    onBlur?: React.FocusEventHandler<HTMLElement> | undefined;
-    autoFocus?: boolean | undefined;
-    placeholder?: string | undefined;
-    leftSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
-    rightSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
-    readOnly?: boolean | undefined;
-    required?: boolean | undefined;
-    tabIndex?: number | undefined;
-    inputRef?: React.Ref<HTMLInputElement | HTMLTextAreaElement> | undefined;
-    ariaLabel?: string | undefined;
-    iconSize?: "s" | "m" | "xs" | "l" | undefined;
-    children?: undefined;
-    format?: string | undefined;
-    separator?: string | undefined;
-    minDate?: Date | undefined;
-    maxDate?: Date | undefined;
-    focused?: boolean | undefined;
-    multiplicitySeconds?: number | undefined;
-    multiplicityMinutes?: number | undefined;
-    multiplicityHours?: number | undefined;
-    label?: string | undefined;
-    labelIcon?: import("@consta/icons/Icon").IconComponent<"span"> | undefined;
-    caption?: string | undefined;
-    labelPosition?: "left" | "top" | undefined;
-    withClearButton?: boolean | undefined;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "caption" | "form" | "label" | "view" | "name" | "className" | "id" | "placeholder" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "onError" | "autoFocus" | "disabled" | "value" | "readOnly" | "required" | "size" | "separator" | "status" | "css" | "inputRef" | "focused" | "ariaLabel" | "labelIcon" | "labelPosition" | "leftSide" | "rightSide" | "withClearButton" | "iconSize" | "minDate" | "maxDate" | "multiplicitySeconds" | "multiplicityMinutes" | "multiplicityHours" | "format"> & React.RefAttributes<HTMLDivElement>>;
+import React from 'react';
+export declare const DatePickerFieldTypeDateTime: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    value?: Date | null | undefined;
+    onChange?: ((value: Date | null, props: {
+        e: Event;
+    }) => void) | undefined;
+    onError?: import("..").DatePickerPropOnError | undefined;
+    id?: string | undefined;
+    name?: string | undefined;
+    disabled?: boolean | undefined;
+    size?: "s" | "m" | "xs" | "l" | undefined;
+    view?: "default" | "clear" | undefined;
+    form?: "default" | "defaultClear" | "defaultBrick" | "brick" | "brickDefault" | "brickClear" | "brickRound" | "round" | "roundClear" | "roundBrick" | "clearRound" | "clearDefault" | "clearBrick" | "clearClear" | undefined;
+    status?: "alert" | "warning" | "success" | undefined;
+    onFocus?: React.FocusEventHandler<HTMLElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLElement> | undefined;
+    autoFocus?: boolean | undefined;
+    placeholder?: string | undefined;
+    leftSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
+    rightSide?: string | import("@consta/icons/Icon").IconComponent<"span"> | undefined;
+    readOnly?: boolean | undefined;
+    required?: boolean | undefined;
+    tabIndex?: number | undefined;
+    inputRef?: React.Ref<HTMLInputElement | HTMLTextAreaElement> | undefined;
+    ariaLabel?: string | undefined;
+    iconSize?: "s" | "m" | "xs" | "l" | undefined;
+    children?: undefined;
+    format?: string | undefined;
+    separator?: string | undefined;
+    minDate?: Date | undefined;
+    maxDate?: Date | undefined;
+    focused?: boolean | undefined;
+    multiplicitySeconds?: number | undefined;
+    multiplicityMinutes?: number | undefined;
+    multiplicityHours?: number | undefined;
+    label?: string | undefined;
+    labelIcon?: import("@consta/icons/Icon").IconComponent<"span"> | undefined;
+    caption?: string | undefined;
+    labelPosition?: "left" | "top" | undefined;
+    withClearButton?: boolean | undefined;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "caption" | "form" | "label" | "view" | "name" | "className" | "id" | "placeholder" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "onError" | "autoFocus" | "disabled" | "value" | "readOnly" | "required" | "size" | "separator" | "status" | "css" | "inputRef" | "focused" | "ariaLabel" | "labelIcon" | "labelPosition" | "leftSide" | "rightSide" | "withClearButton" | "iconSize" | "minDate" | "maxDate" | "multiplicitySeconds" | "multiplicityMinutes" | "multiplicityHours" | "format"> & React.RefAttributes<HTMLDivElement>>;