@consta/uikit 5.7.0 → 5.8.0

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

@@ -1,42 +1,42 @@
-import React from 'react';
-export declare const DatePickerFieldTypeTime: 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 DatePickerFieldTypeTime: 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>>;

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

@@ -1,61 +1,61 @@
-import { IconComponent, IconPropSize } from '@consta/icons/Icon';
-import React from 'react';
-import { TextFieldPropForm, TextFieldPropSize, TextFieldPropStatus, TextFieldPropView } from "../../TextField";
-import { PropsWithHTMLAttributes } from "../../../utils/types/PropsWithHTMLAttributes";
-import { DatePickerPropOnError } from '../types';
-declare type DatePickerFieldTypeTimePropOnChange = (value: Date | null, props: {
-    e: Event;
-}) => void;
-export declare 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>;
-declare 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 {};
+import { IconComponent, IconPropSize } from '@consta/icons/Icon';
+import React from 'react';
+import { TextFieldPropForm, TextFieldPropSize, TextFieldPropStatus, TextFieldPropView } from "../../TextField";
+import { PropsWithHTMLAttributes } from "../../../utils/types/PropsWithHTMLAttributes";
+import { DatePickerPropOnError } from '../types';
+declare type DatePickerFieldTypeTimePropOnChange = (value: Date | null, props: {
+    e: Event;
+}) => void;
+export declare 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>;
+declare 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/components/DatePicker/DatePickerFieldTypeYear/DatePickerFieldTypeYear.d.ts

@@ -1,39 +1,39 @@
-import React from 'react';
-export declare const DatePickerFieldTypeYear: 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 DatePickerFieldTypeYear: 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/DatePickerFieldTypeYear/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 DatePickerFieldTypeYearPropOnChange = (value: Date | null, props: {
-    e: Event;
-}) => void;
-export declare 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>;
-declare 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 {};
+/// <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 DatePickerFieldTypeYearPropOnChange = (value: Date | null, props: {
+    e: Event;
+}) => void;
+export declare 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>;
+declare 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/components/DatePicker/DatePickerFieldTypeYearRange/DatePickerFieldTypeYearRange.d.ts

@@ -1,30 +1,30 @@
-import React from 'react';
-export declare const DatePickerFieldTypeYearRange: React.ForwardRefExoticComponent<Omit<import("../DatePickerFieldTypeYear/helpers").DatePickerFieldTypeYearProps, "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 DatePickerFieldTypeYearRange: React.ForwardRefExoticComponent<Omit<import("../DatePickerFieldTypeYear/helpers").DatePickerFieldTypeYearProps, "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/DatePickerFieldTypeYearRange/helpers.d.ts

@@ -1,35 +1,35 @@
-/// <reference types="react" />
-import { IconComponent } from '@consta/icons/Icon';
-import { DateRange } from '../../../utils/types/Date';
-import { DatePickerFieldTypeYearProps } from '../DatePickerFieldTypeYear/helpers';
-declare type DatePickerFieldTypeYearRangePropOnChange = (value: DateRange | null, props: {
-    e: Event;
-}) => void;
-export declare 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 {};
+/// <reference types="react" />
+import { IconComponent } from '@consta/icons/Icon';
+import { DateRange } from '../../../utils/types/Date';
+import { DatePickerFieldTypeYearProps } from '../DatePickerFieldTypeYear/helpers';
+declare type DatePickerFieldTypeYearRangePropOnChange = (value: DateRange | null, props: {
+    e: Event;
+}) => void;
+export declare 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/components/DatePicker/DatePickerMixRangeField/DatePickerMixRangeField.d.ts

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

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

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

package/__internal__/src/components/DatePicker/DatePickerTypeDate/DatePickerTypeDate.js

@@ -1,2 +1,2 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["events","dateTimeView","locale","dropdownClassName","dropdownForm","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","inputRef"];import addMonths from"date-fns/addMonths";import startOfMonth from"date-fns/startOfMonth";import React,{forwardRef,useEffect,useRef}from"react";import{useClickOutside}from"../../../hooks/useClickOutside";import{useForkRef}from"../../../hooks/useForkRef";import{setRef}from"../../../utils/setRef";import{DatePickerDropdown}from"../DatePickerDropdown/DatePickerDropdown";import{DatePickerFieldTypeDate}from"../DatePickerFieldTypeDate/DatePickerFieldTypeDate";import{getDropdownZIndex}from"../helpers";import{datePickerPropDateTimeViewDefault}from"../types";import{useCalendarVisible}from"../useCalendarVisible";import{useCurrentVisibleDate}from"../useCurrentVisibleDate";export var DatePickerTypeDate=forwardRef(function(a,b){var c=a.events,d=a.dateTimeView,e=void 0===d?datePickerPropDateTimeViewDefault:d,f=a.locale,g=a.dropdownClassName,h=a.dropdownForm,i=a.currentVisibleDate,j=a.onChangeCurrentVisibleDate,k=a.renderAdditionalControls,l=a.onDropdownOpen,m=a.dropdownOpen,n=a.ignoreOutsideClicksRefs,o=a.disabled,p=a.inputRef,q=_objectWithoutProperties(a,_excluded),r=useRef(null),s=useRef(null),t=useRef(null),u=useCalendarVisible({dropdownOpen:m,onDropdownOpen:l,disabled:o,startRef:t}),v=_slicedToArray(u,2),w=v[0],x=v[1],y=useCurrentVisibleDate({currentVisibleDate:i,maxDate:a.maxDate,minDate:a.minDate,value:a.value,startOfUnit:startOfMonth,onChangeCurrentVisibleDate:j,calendarVisible:w}),z=_slicedToArray(y,2),A=z[0],B=z[1];return useEffect(function(){b&&setRef(b,r.current)},[b,r]),useEffect(function(){if(a.value&&"classic"===e&&A){var b=startOfMonth(a.value);return void(b.getTime()!==A.getTime()&&B(b))}if(a.value&&"classic"!==e&&A){var c=startOfMonth(a.value);c.getTime()!==A.getTime()&&c.getTime()!==addMonths(A,1).getTime()&&B(c)}},[a.value]),useClickOutside({isActive:w,ignoreClicksInsideRefs:[r,s].concat(_toConsumableArray(null!==n&&void 0!==n?n:[])),handler:x.off}),React.createElement(React.Fragment,null,React.createElement(DatePickerFieldTypeDate,Object.assign({},q,{disabled:o,ref:r,inputRef:useForkRef([t,p]),onClick:x.on})),React.createElement(DatePickerDropdown,{ref:s,anchorRef:r,isOpen:w,value:a.value||void 0,type:"date",view:e,events:c,locale:f,minDate:a.minDate,className:g,maxDate:a.maxDate,currentVisibleDate:A,form:h,onChange:function onChange(){for(var b,c=arguments.length,d=Array(c),e=0;e<c;e++)d[e]=arguments[e];null===(b=a.onChange)||void 0===b?void 0:b.call.apply(b,[a].concat(d)),x.off()},renderAdditionalControls:k,zIndex:getDropdownZIndex(a.style),onChangeCurrentVisibleDate:B}))});
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["events","dateTimeView","locale","dropdownClassName","dropdownRef","dropdownForm","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","inputRef"];import addMonths from"date-fns/addMonths";import startOfMonth from"date-fns/startOfMonth";import React,{forwardRef,useEffect,useRef}from"react";import{useClickOutside}from"../../../hooks/useClickOutside";import{useForkRef}from"../../../hooks/useForkRef";import{setRef}from"../../../utils/setRef";import{DatePickerDropdown}from"../DatePickerDropdown/DatePickerDropdown";import{DatePickerFieldTypeDate}from"../DatePickerFieldTypeDate/DatePickerFieldTypeDate";import{getDropdownZIndex}from"../helpers";import{datePickerPropDateTimeViewDefault}from"../types";import{useCalendarVisible}from"../useCalendarVisible";import{useCurrentVisibleDate}from"../useCurrentVisibleDate";export var DatePickerTypeDate=forwardRef(function(a,b){var c=a.events,d=a.dateTimeView,e=void 0===d?datePickerPropDateTimeViewDefault:d,f=a.locale,g=a.dropdownClassName,h=a.dropdownRef,i=a.dropdownForm,j=a.currentVisibleDate,k=a.onChangeCurrentVisibleDate,l=a.renderAdditionalControls,m=a.onDropdownOpen,n=a.dropdownOpen,o=a.ignoreOutsideClicksRefs,p=a.disabled,q=a.inputRef,r=_objectWithoutProperties(a,_excluded),s=useRef(null),t=useRef(null),u=useRef(null),v=useCalendarVisible({dropdownOpen:n,onDropdownOpen:m,disabled:p,startRef:u}),w=_slicedToArray(v,2),x=w[0],y=w[1],z=useCurrentVisibleDate({currentVisibleDate:j,maxDate:a.maxDate,minDate:a.minDate,value:a.value,startOfUnit:startOfMonth,onChangeCurrentVisibleDate:k,calendarVisible:x}),A=_slicedToArray(z,2),B=A[0],C=A[1];return useEffect(function(){b&&setRef(b,s.current)},[b,s]),useEffect(function(){if(a.value&&"classic"===e&&B){var b=startOfMonth(a.value);return void(b.getTime()!==B.getTime()&&C(b))}if(a.value&&"classic"!==e&&B){var c=startOfMonth(a.value);c.getTime()!==B.getTime()&&c.getTime()!==addMonths(B,1).getTime()&&C(c)}},[a.value]),useClickOutside({isActive:x,ignoreClicksInsideRefs:[s,t].concat(_toConsumableArray(null!==o&&void 0!==o?o:[])),handler:y.off}),React.createElement(React.Fragment,null,React.createElement(DatePickerFieldTypeDate,Object.assign({},r,{disabled:p,ref:s,inputRef:useForkRef([u,q]),onClick:y.on})),React.createElement(DatePickerDropdown,{ref:useForkRef([h,t]),anchorRef:s,isOpen:x,value:a.value||void 0,type:"date",view:e,events:c,locale:f,minDate:a.minDate,className:g,maxDate:a.maxDate,currentVisibleDate:B,form:i,onChange:function onChange(){for(var b,c=arguments.length,d=Array(c),e=0;e<c;e++)d[e]=arguments[e];null===(b=a.onChange)||void 0===b?void 0:b.call.apply(b,[a].concat(d)),y.off()},renderAdditionalControls:l,zIndex:getDropdownZIndex(a.style),onChangeCurrentVisibleDate:C}))});
 //# sourceMappingURL=DatePickerTypeDate.js.map

package/__internal__/src/components/DatePicker/DatePickerTypeDate/DatePickerTypeDate.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerTypeDate.js","names":["addMonths","startOfMonth","React","forwardRef","useEffect","useRef","useClickOutside","useForkRef","setRef","DatePickerDropdown","DatePickerFieldTypeDate","getDropdownZIndex","datePickerPropDateTimeViewDefault","useCalendarVisible","useCurrentVisibleDate","DatePickerTypeDate","props","ref","events","dateTimeView","locale","dropdownClassName","dropdownForm","currentVisibleDateProp","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","inputRefProp","inputRef","otherProps","fieldRef","calendarRef","startRef","calendarVisible","setCalendarVisible","maxDate","minDate","value","startOfUnit","setCurrentVisibleDate","current","newVisibleDate","getTime","isActive","ignoreClicksInsideRefs","handler","off","on","args","onChange","style"],"sources":["../../../../../../src/components/DatePicker/DatePickerTypeDate/DatePickerTypeDate.tsx"],"sourcesContent":["import addMonths from 'date-fns/addMonths';\nimport startOfMonth from 'date-fns/startOfMonth';\nimport React, { forwardRef, useEffect, useRef } from 'react';\n\nimport { useClickOutside } from '##/hooks/useClickOutside';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { setRef } from '##/utils/setRef';\n\nimport { DatePickerDropdown } from '../DatePickerDropdown/DatePickerDropdown';\nimport { DatePickerFieldTypeDate } from '../DatePickerFieldTypeDate/DatePickerFieldTypeDate';\nimport { getDropdownZIndex } from '../helpers';\nimport {\n  datePickerPropDateTimeViewDefault,\n  DatePickerTypeComponent,\n} from '../types';\nimport { useCalendarVisible } from '../useCalendarVisible';\nimport { useCurrentVisibleDate } from '../useCurrentVisibleDate';\n\nexport const DatePickerTypeDate: DatePickerTypeComponent<'date'> = forwardRef(\n  (props, ref) => {\n    const {\n      events,\n      dateTimeView = datePickerPropDateTimeViewDefault,\n      locale,\n      dropdownClassName,\n      dropdownForm,\n      currentVisibleDate: currentVisibleDateProp,\n      onChangeCurrentVisibleDate,\n      renderAdditionalControls,\n      onDropdownOpen,\n      dropdownOpen,\n      ignoreOutsideClicksRefs,\n      disabled,\n      inputRef: inputRefProp,\n      ...otherProps\n    } = props;\n\n    const fieldRef = useRef<HTMLDivElement>(null);\n    const calendarRef = useRef<HTMLDivElement>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const [calendarVisible, setCalendarVisible] = useCalendarVisible({\n      dropdownOpen,\n      onDropdownOpen,\n      disabled,\n      startRef: inputRef,\n    });\n\n    const [currentVisibleDate, setCurrentVisibleDate] = useCurrentVisibleDate({\n      currentVisibleDate: currentVisibleDateProp,\n      maxDate: props.maxDate,\n      minDate: props.minDate,\n      value: props.value,\n      startOfUnit: startOfMonth,\n      onChangeCurrentVisibleDate,\n      calendarVisible,\n    });\n\n    useEffect(() => {\n      if (ref) {\n        setRef(ref, fieldRef.current);\n      }\n    }, [ref, fieldRef]);\n\n    useEffect(() => {\n      if (props.value && dateTimeView === 'classic' && currentVisibleDate) {\n        const newVisibleDate = startOfMonth(props.value);\n        if (newVisibleDate.getTime() !== currentVisibleDate.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n        return;\n      }\n      if (props.value && dateTimeView !== 'classic' && currentVisibleDate) {\n        const newVisibleDate = startOfMonth(props.value);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate.getTime() &&\n          newVisibleDate.getTime() !==\n            addMonths(currentVisibleDate, 1).getTime()\n        ) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n      }\n    }, [props.value]);\n\n    useClickOutside({\n      isActive: calendarVisible,\n      ignoreClicksInsideRefs: [\n        fieldRef,\n        calendarRef,\n        ...(ignoreOutsideClicksRefs ?? []),\n      ],\n      handler: setCalendarVisible.off,\n    });\n\n    return (\n      <>\n        <DatePickerFieldTypeDate\n          {...otherProps}\n          disabled={disabled}\n          ref={fieldRef}\n          inputRef={useForkRef([inputRef, inputRefProp])}\n          onClick={setCalendarVisible.on}\n        />\n        <DatePickerDropdown\n          ref={calendarRef}\n          anchorRef={fieldRef}\n          isOpen={calendarVisible}\n          value={props.value || undefined}\n          type=\"date\"\n          view={dateTimeView}\n          events={events}\n          locale={locale}\n          minDate={props.minDate}\n          className={dropdownClassName}\n          maxDate={props.maxDate}\n          currentVisibleDate={currentVisibleDate}\n          form={dropdownForm}\n          onChange={(...args) => {\n            props.onChange?.(...args);\n            setCalendarVisible.off();\n          }}\n          renderAdditionalControls={renderAdditionalControls}\n          zIndex={getDropdownZIndex(props.style)}\n          onChangeCurrentVisibleDate={setCurrentVisibleDate}\n        />\n      </>\n    );\n  },\n);\n"],"mappings":"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"}
+{"version":3,"file":"DatePickerTypeDate.js","names":["addMonths","startOfMonth","React","forwardRef","useEffect","useRef","useClickOutside","useForkRef","setRef","DatePickerDropdown","DatePickerFieldTypeDate","getDropdownZIndex","datePickerPropDateTimeViewDefault","useCalendarVisible","useCurrentVisibleDate","DatePickerTypeDate","props","ref","events","dateTimeView","locale","dropdownClassName","dropdownRef","dropdownForm","currentVisibleDateProp","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","inputRefProp","inputRef","otherProps","fieldRef","calendarRef","startRef","calendarVisible","setCalendarVisible","maxDate","minDate","value","startOfUnit","setCurrentVisibleDate","current","newVisibleDate","getTime","isActive","ignoreClicksInsideRefs","handler","off","on","args","onChange","style"],"sources":["../../../../../../src/components/DatePicker/DatePickerTypeDate/DatePickerTypeDate.tsx"],"sourcesContent":["import addMonths from 'date-fns/addMonths';\nimport startOfMonth from 'date-fns/startOfMonth';\nimport React, { forwardRef, useEffect, useRef } from 'react';\n\nimport { useClickOutside } from '##/hooks/useClickOutside';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { setRef } from '##/utils/setRef';\n\nimport { DatePickerDropdown } from '../DatePickerDropdown/DatePickerDropdown';\nimport { DatePickerFieldTypeDate } from '../DatePickerFieldTypeDate/DatePickerFieldTypeDate';\nimport { getDropdownZIndex } from '../helpers';\nimport {\n  datePickerPropDateTimeViewDefault,\n  DatePickerTypeComponent,\n} from '../types';\nimport { useCalendarVisible } from '../useCalendarVisible';\nimport { useCurrentVisibleDate } from '../useCurrentVisibleDate';\n\nexport const DatePickerTypeDate: DatePickerTypeComponent<'date'> = forwardRef(\n  (props, ref) => {\n    const {\n      events,\n      dateTimeView = datePickerPropDateTimeViewDefault,\n      locale,\n      dropdownClassName,\n      dropdownRef,\n      dropdownForm,\n      currentVisibleDate: currentVisibleDateProp,\n      onChangeCurrentVisibleDate,\n      renderAdditionalControls,\n      onDropdownOpen,\n      dropdownOpen,\n      ignoreOutsideClicksRefs,\n      disabled,\n      inputRef: inputRefProp,\n      ...otherProps\n    } = props;\n\n    const fieldRef = useRef<HTMLDivElement>(null);\n    const calendarRef = useRef<HTMLDivElement>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const [calendarVisible, setCalendarVisible] = useCalendarVisible({\n      dropdownOpen,\n      onDropdownOpen,\n      disabled,\n      startRef: inputRef,\n    });\n\n    const [currentVisibleDate, setCurrentVisibleDate] = useCurrentVisibleDate({\n      currentVisibleDate: currentVisibleDateProp,\n      maxDate: props.maxDate,\n      minDate: props.minDate,\n      value: props.value,\n      startOfUnit: startOfMonth,\n      onChangeCurrentVisibleDate,\n      calendarVisible,\n    });\n\n    useEffect(() => {\n      if (ref) {\n        setRef(ref, fieldRef.current);\n      }\n    }, [ref, fieldRef]);\n\n    useEffect(() => {\n      if (props.value && dateTimeView === 'classic' && currentVisibleDate) {\n        const newVisibleDate = startOfMonth(props.value);\n        if (newVisibleDate.getTime() !== currentVisibleDate.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n        return;\n      }\n      if (props.value && dateTimeView !== 'classic' && currentVisibleDate) {\n        const newVisibleDate = startOfMonth(props.value);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate.getTime() &&\n          newVisibleDate.getTime() !==\n            addMonths(currentVisibleDate, 1).getTime()\n        ) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n      }\n    }, [props.value]);\n\n    useClickOutside({\n      isActive: calendarVisible,\n      ignoreClicksInsideRefs: [\n        fieldRef,\n        calendarRef,\n        ...(ignoreOutsideClicksRefs ?? []),\n      ],\n      handler: setCalendarVisible.off,\n    });\n\n    return (\n      <>\n        <DatePickerFieldTypeDate\n          {...otherProps}\n          disabled={disabled}\n          ref={fieldRef}\n          inputRef={useForkRef([inputRef, inputRefProp])}\n          onClick={setCalendarVisible.on}\n        />\n        <DatePickerDropdown\n          ref={useForkRef([dropdownRef, calendarRef])}\n          anchorRef={fieldRef}\n          isOpen={calendarVisible}\n          value={props.value || undefined}\n          type=\"date\"\n          view={dateTimeView}\n          events={events}\n          locale={locale}\n          minDate={props.minDate}\n          className={dropdownClassName}\n          maxDate={props.maxDate}\n          currentVisibleDate={currentVisibleDate}\n          form={dropdownForm}\n          onChange={(...args) => {\n            props.onChange?.(...args);\n            setCalendarVisible.off();\n          }}\n          renderAdditionalControls={renderAdditionalControls}\n          zIndex={getDropdownZIndex(props.style)}\n          onChangeCurrentVisibleDate={setCurrentVisibleDate}\n        />\n      </>\n    );\n  },\n);\n"],"mappings":"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"}