@consta/uikit 5.17.0 → 5.19.0

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

@@ -0,0 +1,54 @@
+import { IconComponent, IconPropSize } from '@consta/icons/Icon';
+import { TextFieldPropForm, TextFieldPropSize, TextFieldPropStatus, TextFieldPropView } from '##/components/TextField';
+import { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';
+import { DatePickerPropOnError } from '../types';
+type DatePickerFieldTypeMonthPropOnChange = (value: Date | null, props: {
+    e: Event;
+}) => void;
+export type DatePickerFieldTypeMonthProps = PropsWithHTMLAttributes<{
+    className?: string;
+    value?: Date | null;
+    onChange?: DatePickerFieldTypeMonthPropOnChange;
+    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>;
+type UsePickerProps = {
+    value?: Date | null;
+    onChange?: DatePickerFieldTypeMonthPropOnChange;
+    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/src/components/DatePicker/DatePickerFieldTypeMonthRange/DatePickerFieldTypeMonthRange.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+export declare const DatePickerFieldTypeMonthRange: React.ForwardRefExoticComponent<Omit<import("../DatePickerFieldTypeMonth/helpers").DatePickerFieldTypeMonthProps, "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "name" | "value" | "inputRef" | "leftSide" | "rightSide"> & {
+    onChange?: (value: import("../../../utils/types/Date").DateRange | null, props: {
+        e: Event;
+    }) => void;
+    value?: import("../../../utils/types/Date").DateRange | null;
+    startFieldInputRef?: React.Ref<HTMLInputElement>;
+    endFieldInputRef?: React.Ref<HTMLInputElement>;
+    startFieldLeftSide?: string | import("@consta/icons/Icon").IconComponent;
+    startFieldRightSide?: string | import("@consta/icons/Icon").IconComponent;
+    endFieldLeftSide?: string | import("@consta/icons/Icon").IconComponent;
+    endFieldRightSide?: string | import("@consta/icons/Icon").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;
+} & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,34 @@
+import { IconComponent } from '@consta/icons/Icon';
+import { DateRange } from '../../../utils/types/Date';
+import { DatePickerFieldTypeMonthProps } from '../DatePickerFieldTypeMonth/helpers';
+type DatePickerFieldTypeMonthRangePropOnChange = (value: DateRange | null, props: {
+    e: Event;
+}) => void;
+export type DatePickerFieldTypeMonthRangeProps = Omit<DatePickerFieldTypeMonthProps, 'onChange' | 'value' | 'inputRef' | 'leftSide' | 'rightSide' | 'id' | 'onFocus' | 'onBlur' | 'name' | 'placeholder'> & {
+    onChange?: DatePickerFieldTypeMonthRangePropOnChange;
+    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/src/components/DatePicker/DatePickerFieldTypeTime/DatePickerFieldTypeTime.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+export declare const DatePickerFieldTypeTime: React.ForwardRefExoticComponent<{
+    className?: string;
+    value?: Date | null;
+    onChange?: (value: Date | null, props: {
+        e: Event;
+    }) => void;
+    onError?: import("..").DatePickerPropOnError;
+    id?: string;
+    name?: string;
+    disabled?: boolean;
+    size?: import("##/components/TextField").TextFieldPropSize;
+    view?: import("##/components/TextField").TextFieldPropView;
+    form?: import("##/components/TextField").TextFieldPropForm;
+    status?: import("##/components/TextField").TextFieldPropStatus;
+    onFocus?: React.FocusEventHandler<HTMLElement>;
+    onBlur?: React.FocusEventHandler<HTMLElement>;
+    autoFocus?: boolean;
+    placeholder?: string;
+    leftSide?: string | import("@consta/icons/Icon").IconComponent;
+    rightSide?: string | import("@consta/icons/Icon").IconComponent;
+    readOnly?: boolean;
+    required?: boolean;
+    tabIndex?: number;
+    inputRef?: React.Ref<HTMLTextAreaElement | HTMLInputElement>;
+    ariaLabel?: string;
+    iconSize?: import("@consta/icons/Icon").IconPropSize;
+    children?: never;
+    format?: string;
+    separator?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    focused?: boolean;
+    multiplicitySeconds?: number;
+    multiplicityMinutes?: number;
+    multiplicityHours?: number;
+    label?: string;
+    labelIcon?: import("@consta/icons/Icon").IconComponent;
+    caption?: string;
+    labelPosition?: "top" | "left";
+    withClearButton?: boolean;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "className" | "id" | "placeholder" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "onError" | "size" | "view" | "caption" | "form" | "label" | "separator" | "status" | "name" | "autoFocus" | "disabled" | "value" | "readOnly" | "required" | "inputRef" | "focused" | "ariaLabel" | "labelIcon" | "labelPosition" | "leftSide" | "rightSide" | "withClearButton" | "iconSize" | "minDate" | "maxDate" | "multiplicitySeconds" | "multiplicityMinutes" | "multiplicityHours" | "format"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,61 @@
+import { IconComponent, IconPropSize } from '@consta/icons/Icon';
+import React from 'react';
+import { TextFieldPropForm, TextFieldPropSize, TextFieldPropStatus, TextFieldPropView } from '##/components/TextField';
+import { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';
+import { DatePickerPropOnError } from '../types';
+type DatePickerFieldTypeTimePropOnChange = (value: Date | null, props: {
+    e: Event;
+}) => void;
+export type DatePickerFieldTypeTimeProps = PropsWithHTMLAttributes<{
+    className?: string;
+    value?: Date | null;
+    onChange?: DatePickerFieldTypeTimePropOnChange;
+    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;
+    multiplicitySeconds?: number;
+    multiplicityMinutes?: number;
+    multiplicityHours?: number;
+    label?: string;
+    labelIcon?: IconComponent;
+    caption?: string;
+    labelPosition?: 'top' | 'left';
+    withClearButton?: boolean;
+}, HTMLDivElement>;
+type UsePickerProps = {
+    value?: Date | null;
+    onChange?: DatePickerFieldTypeTimePropOnChange;
+    onError?: DatePickerPropOnError;
+    multiplicityHours: number | undefined;
+    multiplicitySeconds: number | undefined;
+    multiplicityMinutes: number | undefined;
+    format: string;
+    separator: string;
+    minDate: Date;
+    maxDate: Date;
+};
+export declare const usePicker: (props: UsePickerProps) => readonly [React.MutableRefObject<HTMLInputElement | null>, React.MouseEventHandler<HTMLButtonElement>];
+export {};

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

@@ -0,0 +1,39 @@
+import React from 'react';
+export declare const DatePickerFieldTypeYear: React.ForwardRefExoticComponent<{
+    className?: string;
+    value?: Date | null;
+    onChange?: (value: Date | null, props: {
+        e: Event;
+    }) => void;
+    onError?: import("..").DatePickerPropOnError;
+    id?: string;
+    name?: string;
+    disabled?: boolean;
+    size?: import("##/components/TextField").TextFieldPropSize;
+    view?: import("##/components/TextField").TextFieldPropView;
+    form?: import("##/components/TextField").TextFieldPropForm;
+    status?: import("##/components/TextField").TextFieldPropStatus;
+    onFocus?: React.FocusEventHandler<HTMLElement>;
+    onBlur?: React.FocusEventHandler<HTMLElement>;
+    autoFocus?: boolean;
+    placeholder?: string;
+    leftSide?: string | import("@consta/icons/Icon").IconComponent;
+    rightSide?: string | import("@consta/icons/Icon").IconComponent;
+    readOnly?: boolean;
+    required?: boolean;
+    tabIndex?: number;
+    inputRef?: React.Ref<HTMLTextAreaElement | HTMLInputElement>;
+    ariaLabel?: string;
+    iconSize?: import("@consta/icons/Icon").IconPropSize;
+    children?: never;
+    format?: string;
+    separator?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    focused?: boolean;
+    label?: string;
+    labelIcon?: import("@consta/icons/Icon").IconComponent;
+    caption?: string;
+    labelPosition?: "top" | "left";
+    withClearButton?: boolean;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "className" | "id" | "placeholder" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "onError" | "size" | "view" | "caption" | "form" | "label" | "separator" | "status" | "name" | "autoFocus" | "disabled" | "value" | "readOnly" | "required" | "inputRef" | "focused" | "ariaLabel" | "labelIcon" | "labelPosition" | "leftSide" | "rightSide" | "withClearButton" | "iconSize" | "minDate" | "maxDate" | "format"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,54 @@
+import { IconComponent, IconPropSize } from '@consta/icons/Icon';
+import { TextFieldPropForm, TextFieldPropSize, TextFieldPropStatus, TextFieldPropView } from '##/components/TextField';
+import { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';
+import { DatePickerPropOnError } from '../types';
+type DatePickerFieldTypeYearPropOnChange = (value: Date | null, props: {
+    e: Event;
+}) => void;
+export type DatePickerFieldTypeYearProps = PropsWithHTMLAttributes<{
+    className?: string;
+    value?: Date | null;
+    onChange?: DatePickerFieldTypeYearPropOnChange;
+    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>;
+type UsePickerProps = {
+    value?: Date | null;
+    onChange?: DatePickerFieldTypeYearPropOnChange;
+    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/src/components/DatePicker/DatePickerFieldTypeYearRange/DatePickerFieldTypeYearRange.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+export declare const DatePickerFieldTypeYearRange: React.ForwardRefExoticComponent<Omit<import("../DatePickerFieldTypeYear/helpers").DatePickerFieldTypeYearProps, "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "name" | "value" | "inputRef" | "leftSide" | "rightSide"> & {
+    onChange?: (value: import("../../../utils/types/Date").DateRange | null, props: {
+        e: Event;
+    }) => void;
+    value?: import("../../../utils/types/Date").DateRange | null;
+    startFieldInputRef?: React.Ref<HTMLInputElement>;
+    endFieldInputRef?: React.Ref<HTMLInputElement>;
+    startFieldLeftSide?: string | import("@consta/icons/Icon").IconComponent;
+    startFieldRightSide?: string | import("@consta/icons/Icon").IconComponent;
+    endFieldLeftSide?: string | import("@consta/icons/Icon").IconComponent;
+    endFieldRightSide?: string | import("@consta/icons/Icon").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;
+} & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,34 @@
+import { IconComponent } from '@consta/icons/Icon';
+import { DateRange } from '../../../utils/types/Date';
+import { DatePickerFieldTypeYearProps } from '../DatePickerFieldTypeYear/helpers';
+type DatePickerFieldTypeYearRangePropOnChange = (value: DateRange | null, props: {
+    e: Event;
+}) => void;
+export type DatePickerFieldTypeYearRangeProps = Omit<DatePickerFieldTypeYearProps, 'onChange' | 'value' | 'inputRef' | 'leftSide' | 'rightSide' | 'id' | 'onFocus' | 'onBlur' | 'name' | 'placeholder'> & {
+    onChange?: DatePickerFieldTypeYearRangePropOnChange;
+    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/src/components/DatePicker/DatePickerMixRangeField/DatePickerMixRangeField.d.ts

@@ -0,0 +1,2 @@
+import './DatePickerMixRangeField.css';
+export declare const cnDatePickerMixRangeField: import("@bem-react/classname").ClassNameFormatter;

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

@@ -0,0 +1,2 @@
+import { DatePickerTypeComponent } from '../types';
+export declare const DatePickerTypeDate: DatePickerTypeComponent<'date'>;

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

@@ -0,0 +1,2 @@
+import { DatePickerTypeComponent } from '../types';
+export declare const DatePickerTypeDateRange: DatePickerTypeComponent<'date-range'>;

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

@@ -0,0 +1,2 @@
+import { DatePickerTypeComponent } from '../types';
+export declare const DatePickerTypeDateTime: DatePickerTypeComponent<'date-time'>;

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

@@ -0,0 +1,2 @@
+import { DatePickerTypeComponent } from '../types';
+export declare const DatePickerTypeDateTimeRange: DatePickerTypeComponent<'date-time-range'>;

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

@@ -0,0 +1,2 @@
+import { DatePickerTypeComponent } from '../types';
+export declare const DatePickerTypeMonth: DatePickerTypeComponent<'month'>;

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

@@ -0,0 +1,2 @@
+import { DatePickerTypeComponent } from '../types';
+export declare const DatePickerTypeMonthRange: DatePickerTypeComponent<'month-range'>;

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

@@ -0,0 +1,2 @@
+import { DatePickerTypeComponent } from '../types';
+export declare const DatePickerTypeTime: DatePickerTypeComponent<'time'>;

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

@@ -0,0 +1,2 @@
+import { DatePickerTypeComponent } from '../types';
+export declare const DatePickerTypeYear: DatePickerTypeComponent<'year'>;

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

@@ -0,0 +1,2 @@
+import { DatePickerTypeComponent } from '../types';
+export declare const DatePickerTypeYearRange: DatePickerTypeComponent<'date-range'>;

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

@@ -0,0 +1,11 @@
+import { DateRange } from '../../utils/types/Date';
+import { DatePickerPropOnError } from './types';
+type OnChange = (value: DateRange | null, props: {
+    e: Event;
+}) => void;
+export declare const getChangeFnRange: (onChange: OnChange | undefined, onError: DatePickerPropOnError | undefined, currentValue: DateRange | null | undefined) => readonly [(value: Date | null, props: {
+    e: Event;
+}) => void, (value: Date | null, props: {
+    e: Event;
+}) => void];
+export {};

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

@@ -0,0 +1,31 @@
+import { useIMask } from 'react-imask';
+import { TextFieldPropForm } from '##/components/TextField';
+import { DateRange } from '##/utils/types/Date';
+import { DatePickerPropType } from './types';
+export declare const datePickerPropSeparatorDefault = ".";
+export declare const datePickerPropFormatTypeDate = "dd.MM.yyyy";
+export declare const datePickerPropPlaceholderTypeDate = "\u0414\u0414.\u041C\u041C.\u0413\u0413\u0413\u0413";
+export declare const datePickerPropFormatTypeTime = "HH:mm:ss";
+export declare const datePickerPropPlaceholderTypeTime = "\u0427\u0427:\u041C\u041C:\u0421\u0421";
+export declare const datePickerPropFormatTypeDateTime = "dd.MM.yyyy HH:mm:ss";
+export declare const datePickerPropPlaceholderTypeDateTime = "\u0414\u0414.\u041C\u041C.\u0413\u0413\u0413\u0413 \u0427\u0427:\u041C\u041C:\u0421\u0421";
+export declare const datePickerPropFormatTypeYear = "yyyy";
+export declare const datePickerPropPlaceholderTypeYear = "\u0413\u0413\u0413\u0413";
+export declare const datePickerPropFormatTypeMonth = "MM.yyyy";
+export declare const datePickerPropPlaceholderTypeMonth = "MM.\u0413\u0413\u0413\u0413";
+export declare const normalizeRangeValue: (dateRange: DateRange) => DateRange;
+export declare const getMultiplicityTime: (format: string, multiplicityHours: number | undefined, multiplicityMinutes: number | undefined, multiplicitySeconds: number | undefined) => (number | undefined)[];
+export declare const getTimeEnum: (length: number, multiplicity: number | undefined, startOfUnits: (date: Date) => Date, addUnits: (date: Date, amount: number) => Date, getItemLabel: (date: Date) => string) => string[];
+export declare const getFormForStart: (form: TextFieldPropForm) => "default" | "defaultClear" | "defaultBrick" | "brick" | "brickDefault" | "brickClear" | "brickRound" | "round" | "roundClear" | "roundBrick" | "clearRound" | "clearDefault" | "clearBrick" | "clearClear";
+export declare const getFormForEnd: (form: TextFieldPropForm) => "default" | "defaultClear" | "defaultBrick" | "brick" | "brickDefault" | "brickClear" | "brickRound" | "round" | "roundClear" | "roundBrick" | "clearRound" | "clearDefault" | "clearBrick" | "clearClear";
+export declare const getPartDate: (formatArray: string[], stringArray: string[], marker: string) => string | undefined;
+export declare const getParts: (format: string, separator: string, withTime?: boolean) => string[];
+export declare const getPartsDate: (value: string, format: string, separator: string, withTime: boolean, markers: string[]) => (string | undefined)[];
+export declare const isTypeWithTime: (type: DatePickerPropType) => boolean;
+export declare const getFieldName: (name: [string?, string?] | string | undefined, rangeIndex: 0 | 1) => string | undefined;
+export declare const getDropdownZIndex: (style?: React.CSSProperties) => number | undefined;
+type DatePickerFieldTypeDatePropOnChange = (value: Date | null, props: {
+    e: Event;
+}) => void;
+export declare const useStringValue: (value: Date | undefined | null, formatProp: string, separator: string, onChangeRef: React.MutableRefObject<DatePickerFieldTypeDatePropOnChange | undefined>, imaskProps: ReturnType<typeof useIMask<HTMLInputElement>>) => import("react").MouseEventHandler<HTMLButtonElement>;
+export {};

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

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

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

@@ -0,0 +1,2 @@
+export declare const timeForMap: Record<0 | 1, 'start' | 'end'>;
+export declare const getTimeFof: (focusedFieldIndex: 0 | 1 | undefined) => "start" | "end" | undefined;

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

@@ -0,0 +1,110 @@
+import { IconComponent, IconPropSize } from '@consta/icons/Icon';
+import { Locale } from 'date-fns';
+import { DateRange } from '../../utils/types/Date';
+import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
+import { DateTimePropDisableDates, DateTimePropView } from '../DateTime/helpers';
+import { TextFieldPropForm, TextFieldPropSize, TextFieldPropStatus, TextFieldPropView } from '../TextField/TextField';
+export declare const datePickerPropType: readonly ["date", "date-range", "date-time", "date-time-range", "time", "year", "year-range", "month", "month-range"];
+export type DatePickerPropType = typeof datePickerPropType[number];
+export declare const datePickerPropTypeDefault: "date";
+export type DatePickerPropDateTimeView = DateTimePropView;
+export declare const datePickerPropDateTimeViewDefault: "classic";
+type Range = 'date-range' | 'date-time-range' | 'year-range' | 'month-range';
+export declare const datePickerErrorTypes: readonly ["outOfRange", "invalidInputAttempt", "startDateIsGreaterThanEndDate"];
+export type DatePickerPropValue<TYPE extends DatePickerPropType> = (TYPE extends Range ? DateRange : Date) | null;
+export type DatePickerPropPlaceholder<TYPE> = TYPE extends Range ? [string?, string?] | string : string;
+export type DatePickerPropOnChange<TYPE extends DatePickerPropType> = (value: DatePickerPropValue<TYPE>, props: {
+    e: React.MouseEvent<HTMLButtonElement, MouseEvent> | Event;
+}) => void;
+export declare const datePickerPropDropdownForm: readonly ["default", "brick", "round"];
+export type DatePickerPropDropdownForm = typeof datePickerPropDropdownForm[number];
+export declare const datePickerPropDropdownFormDefault: "default";
+type DatePickerPropInputRef<TYPE> = TYPE extends Range ? [React.Ref<HTMLInputElement>?, React.Ref<HTMLInputElement>?] : React.Ref<HTMLInputElement>;
+type DatePickerPropSide<TYPE> = TYPE extends Range ? [(string | IconComponent)?, (string | IconComponent)?] | string | IconComponent : string | IconComponent;
+type DatePickerPropOnFocus<TYPE> = TYPE extends Range ? [
+    React.FocusEventHandler<HTMLElement>?,
+    React.FocusEventHandler<HTMLElement>?
+] | React.FocusEventHandler<HTMLElement> : React.FocusEventHandler<HTMLElement>;
+type DatePickerPropName<TYPE> = TYPE extends Range ? [string?, string?] | string : string;
+export type DatePickerAdditionalControlRenderFn = (props: {
+    currentVisibleDate?: Date;
+}) => React.ReactNode | React.ReactNode[];
+export type DatePickerAdditionalControlRenderProp = React.ReactNode | DatePickerAdditionalControlRenderFn;
+export type DatePickerProps<TYPE extends DatePickerPropType = 'date'> = PropsWithHTMLAttributesAndRef<{
+    type?: TYPE;
+    value?: DatePickerPropValue<TYPE>;
+    onChange?: DatePickerPropOnChange<TYPE>;
+    minDate?: Date;
+    maxDate?: Date;
+    renderAdditionalControls?: DatePickerAdditionalControlRenderProp;
+    events?: Date[];
+    dateTimeView?: DatePickerPropDateTimeView;
+    locale?: Locale;
+    children?: never;
+    onError?: DatePickerPropOnError;
+    id?: string;
+    name?: DatePickerPropName<TYPE>;
+    disabled?: boolean;
+    disableDates?: DateTimePropDisableDates;
+    dropdownClassName?: string;
+    dropdownRef?: React.Ref<HTMLDivElement>;
+    size?: TextFieldPropSize;
+    view?: TextFieldPropView;
+    form?: TextFieldPropForm;
+    status?: TextFieldPropStatus;
+    onFocus?: DatePickerPropOnFocus<TYPE>;
+    onBlur?: DatePickerPropOnFocus<TYPE>;
+    autoFocus?: boolean;
+    placeholder?: DatePickerPropPlaceholder<TYPE>;
+    readOnly?: boolean;
+    required?: boolean;
+    tabIndex?: number;
+    inputRef?: DatePickerPropInputRef<TYPE>;
+    ariaLabel?: string;
+    iconSize?: IconPropSize;
+    format?: string;
+    separator?: string;
+    dropdownForm?: DatePickerPropDropdownForm;
+    leftSide?: DatePickerPropSide<TYPE>;
+    rightSide?: DatePickerPropSide<TYPE>;
+    label?: string;
+    labelIcon?: IconComponent;
+    caption?: string;
+    labelPosition?: 'top' | 'left';
+    onChangeCurrentVisibleDate?: (date: Date) => void;
+    currentVisibleDate?: Date;
+    multiplicitySeconds?: number;
+    multiplicityMinutes?: number;
+    multiplicityHours?: number;
+    isMobile?: number;
+    withClearButton?: boolean;
+    onDropdownOpen?: (isOpen: boolean) => void;
+    dropdownOpen?: boolean;
+    ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;
+}, HTMLDivElement>;
+export type DatePickerComponent = <TYPE extends DatePickerPropType = 'date'>(props: DatePickerProps<TYPE>) => React.ReactElement | null;
+export type DatePickerTypeComponent<TYPE extends DatePickerPropType> = (props: Omit<DatePickerProps<TYPE>, 'type'>) => React.ReactElement | null;
+export type DatePickerPropOnError = (props: {
+    type: typeof datePickerErrorTypes[0];
+    stringValue: string;
+    dd?: string;
+    MM?: string;
+    yyyy?: string;
+    ss?: string;
+    mm?: string;
+    HH?: string;
+    date: Date;
+} | {
+    type: typeof datePickerErrorTypes[1];
+    stringValue: string;
+    dd?: string;
+    MM?: string;
+    yyyy?: string;
+    ss?: string;
+    mm?: string;
+    HH?: string;
+} | {
+    type: typeof datePickerErrorTypes[2];
+    date: [Date, Date];
+}) => void;
+export {};

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Flag } from '##/hooks/useFlag';
+type UseCalendarVisibleParams = {
+    onDropdownOpen?: (isOpen: boolean) => void;
+    dropdownOpen?: boolean;
+    disabled?: boolean;
+    startRef: React.RefObject<HTMLInputElement>;
+    endRef?: React.RefObject<HTMLInputElement>;
+};
+type UseFlagReturn = ReturnType<typeof useFlagWithDisabled>;
+type Return = [UseFlagReturn[0], UseFlagReturn[1]];
+declare const useFlagWithDisabled: (initial?: boolean, disabled?: boolean) => Flag;
+export declare const useCalendarVisible: (params: UseCalendarVisibleParams) => Return;
+export {};

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

@@ -0,0 +1,4 @@
+import { UseCurrentVisibleDateProps } from '../DateTime/helpers/useCurrentVisibleDate';
+export declare const useCurrentVisibleDate: (props: UseCurrentVisibleDateProps & {
+    calendarVisible: boolean;
+}) => [Date, import("react").Dispatch<import("react").SetStateAction<Date>>];

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

@@ -0,0 +1,4 @@
+import { DateTimeComponent } from './helpers/types';
+export declare const COMPONENT_NAME: "DateTime";
+export declare const DateTime: DateTimeComponent;
+export * from './helpers/types';

package/__internal__/src/src/components/DateTime/DateTime100YearSlider/DateTime100YearSlider.d.ts

@@ -0,0 +1,14 @@
+import './DateTime100YearSlider.css';
+import { Locale } from 'date-fns';
+import React from 'react';
+import { DateRange } from '../../../utils/types/Date';
+import { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';
+export type DateTime100YearSliderProps = PropsWithHTMLAttributes<{
+    currentVisibleDate: Date;
+    onChange: (date: Date) => void;
+    children?: never;
+    value?: Date | DateRange;
+    locale?: Locale;
+}, HTMLDivElement>;
+export declare const cnDateTime100YearSlider: import("@bem-react/classname").ClassNameFormatter;
+export declare const DateTime100YearSlider: React.FC<DateTime100YearSliderProps>;