indicator-ui 1.0.51 → 1.1.1

package/dist/types/src/ui/formFields/dates/FormDateTimeField/hooks/useDateTimePickerProps.d.ts

@@ -0,0 +1,11 @@
+import { useDateTimeDraft } from './useDateTimeDraft';
+import { useFormDateTimeFieldProvider } from './useFormDateTimeFieldProvider';
+import { useDateTimePickerController } from './useDateTimePickerController';
+import { useDateTimeFormats } from './useDateTimeFormats';
+type PropsType = Pick<Parameters<typeof useFormDateTimeFieldProvider>[number], 'value'> & Pick<ReturnType<typeof useDateTimePickerController>, 'closePicker'> & Pick<ReturnType<typeof useDateTimeDraft>, 'setDateInputValue' | 'setTimeInputValue'> & Pick<ReturnType<typeof useDateTimeFormats>, 'formatPickerValueToTimeInput' | 'formatPickerValueToDateInput'>;
+export declare function useDateTimePickerProps(props: PropsType): {
+    dateTime: string | undefined;
+    onSubmitDateTime: (dateTime: string) => void;
+    onSubmitDate: (dateTime: string) => void;
+};
+export {};

package/dist/types/src/ui/formFields/dates/FormDateTimeField/hooks/useFormDateTimeFieldProvider.d.ts

@@ -0,0 +1,200 @@
+import { default as React } from 'react';
+import { FieldPropsType } from '../../../../../hooks';
+import { DateTimePickerV2 } from '../../../..';
+import { DoubleInputItemProps } from './useInputFieldProps';
+type DateTimePickerV2Props = React.ComponentProps<typeof DateTimePickerV2>;
+type ValueBaseType = string;
+type FieldProps = FieldPropsType<ValueBaseType>;
+export type ValueType = FieldProps['value'];
+type PropsType = FieldProps & Pick<DateTimePickerV2Props, 'requestDaysData' | 'requestedDaysData'> & {
+    /**
+     * Формат даты ввода пользователя.
+     *
+     * ---
+     * Для ознакомления с обозначениями {@link DATE_IMASK_BLOCKS}
+     * */
+    inputDateFormat?: string;
+    /**
+     * Формат даты ввода пользователя.
+     *
+     * ---
+     * Для ознакомления с обозначениями {@link DATE_IMASK_BLOCKS}
+     * */
+    inputTimeFormat?: string;
+    /**
+     * Формат даты (понимаемый `date-fns`), которая будет хранится в `value`.
+     *
+     * Пример: `"yyyy-MM-dd'T'HH:mm:ssXXX"`.
+     * */
+    outFormat?: string | 'iso';
+    datePlaceholder?: DoubleInputItemProps['placeholder'];
+    timePlaceholder?: DoubleInputItemProps['placeholder'];
+    dateHintText?: DoubleInputItemProps['hintText'];
+    timeHintText?: DoubleInputItemProps['hintText'];
+    dateIcon?: DoubleInputItemProps['icon'];
+    timeIcon?: DoubleInputItemProps['icon'];
+    disabled?: DoubleInputItemProps['disabled'];
+    pickerSubtitle?: DateTimePickerV2Props['subtitle'];
+    disablePicker?: boolean;
+};
+export declare function useFormDateTimeFieldProvider(props: PropsType): {
+    dateValue: string | undefined;
+    timeValue: string | undefined;
+    onCompleteDate: NonNullable<((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | undefined>;
+    onCompleteTime: NonNullable<((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | undefined>;
+    dateTimePickerRef: React.RefObject<Pick<{
+        pickerState: "time" | "date-main";
+        switchToDateMainPicker: () => void;
+        switchToTimePicker: () => void;
+        getPickerState: () => "time" | "date-main";
+    }, "switchToDateMainPicker" | "switchToTimePicker" | "getPickerState"> & Pick<{
+        createCommitDateTime: (prev: string | undefined) => NonNullable<string | undefined>;
+        createCommitDateTimeWithoutClearing: (prev: string | undefined) => NonNullable<string | undefined>;
+        setInput: <K extends "year" | "monthYear" | "dayMonthYear" | "hours" | "minutes">(key: K, instance: Partial<Partial<{
+            year: number;
+            monthYear: string;
+            dayMonthYear: string;
+            hours: number;
+            minutes: number;
+        }>>[K]) => void;
+        clearDateInput: () => void;
+        initViewYear: number | undefined;
+        initViewMonthYear: string | undefined;
+        initViewDayMonthYear: string | undefined;
+        initViewHours: number | undefined;
+        initViewMinutes: number | undefined;
+        getPreviewDate: (instance: string | undefined) => string | undefined;
+        getPreviewTime: (instance: string | undefined) => string | undefined;
+    }, "clearDateInput" | "setInput" | "createCommitDateTimeWithoutClearing" | "createCommitDateTime"> & {
+        timeFeedRef: React.RefObject<{
+            scrollToHour: (item: import('../../../../datePickersV2/hooks/feeds/time/feed/utils').ElementItem, behavior?: ScrollBehavior) => Promise<void>;
+            scrollToMinute: (item: import('../../../../datePickersV2/hooks/feeds/time/feed/utils').ElementItem, behavior?: ScrollBehavior) => Promise<void>;
+        }>;
+        dateBaseRef: React.RefObject<{
+            daysFeedRef: React.RefObject<{
+                scrollToDayMonth: (instance: import('../../../../datePickersV2/hooks/feeds/days/useDaysFeed').Day) => Promise<void>;
+                element: HTMLDivElement;
+            }>;
+            monthsFeedRef: React.RefObject<{
+                scrollToMonth: (instance: import('../../../../datePickersV2/hooks/feeds/month/useMonthsFeed').Month) => void;
+                element: HTMLDivElement;
+            }>;
+            yearsFeedRef: React.RefObject<{
+                scrollToYear: (instance: import('../../../../datePickersV2/hooks/feeds/year/useYearsFeed').Year) => void;
+                element: HTMLDivElement;
+            }>;
+        }>;
+    }>;
+    dateTimePickerWrapperRef: React.RefObject<never>;
+    doubleInputRef: React.RefObject<HTMLDivElement>;
+    dateInputRef: React.RefObject<HTMLInputElement>;
+    timeInputRef: React.RefObject<HTMLInputElement>;
+    inputDateFormat: string;
+    inputTimeFormat: string;
+    dateTime: string | undefined;
+    onSubmitDateTime: (dateTime: string) => void;
+    onSubmitDate: (dateTime: string) => void;
+    onClickTimeField: React.MouseEventHandler<HTMLInputElement>;
+    onClickDateField: React.MouseEventHandler<HTMLInputElement>;
+    clearDateTime: () => void;
+    isErrorInputFields: boolean | undefined;
+    isDisabledInputFields: boolean | undefined;
+    getPickerInitStyle: () => React.CSSProperties;
+};
+export {};

package/dist/types/src/ui/formFields/dates/FormDateTimeField/hooks/useInputFieldController.d.ts

@@ -0,0 +1,9 @@
+export declare function useInputFieldController(): {
+    doubleInputRef: import('react').RefObject<HTMLDivElement>;
+    dateInputRef: import('react').RefObject<HTMLInputElement>;
+    timeInputRef: import('react').RefObject<HTMLInputElement>;
+    focusOnDateField: () => void;
+    focusOnTimeField: () => void;
+    checkFocusedDateInput: () => boolean;
+    checkFocusedTimeInput: () => boolean;
+};

package/dist/types/src/ui/formFields/dates/FormDateTimeField/hooks/useInputFieldProps.d.ts

@@ -0,0 +1,114 @@
+import { default as React } from 'react';
+import { DoubleInputItem } from '../../../components';
+import { useDateTimePickerController } from './useDateTimePickerController';
+import { useDateTimeDraft } from './useDateTimeDraft';
+import { useFormDateTimeFieldProvider } from './useFormDateTimeFieldProvider';
+import { useInputFieldController } from './useInputFieldController';
+export type DoubleInputItemProps = React.ComponentProps<typeof DoubleInputItem>;
+type PropsType = Pick<Parameters<typeof useFormDateTimeFieldProvider>[number], 'error' | 'disabled'> & Pick<ReturnType<typeof useDateTimePickerController>, 'moveToInputtedDateInPicker' | 'moveToInputtedTimeInPicker' | 'clearDateTimeInputInPicker' | 'openPicker' | 'closePicker' | 'switchingPicker' | 'getIsShowPicker' | 'showTimePicker' | 'showDatePicker'> & Pick<ReturnType<typeof useInputFieldController>, 'focusOnTimeField' | 'focusOnDateField' | 'checkFocusedDateInput' | 'checkFocusedTimeInput'> & Pick<ReturnType<typeof useDateTimeDraft>, 'setTimeInputValue' | 'setDateInputValue' | 'clearDateTimeValue' | 'isFullDateInput'>;
+export declare function useInputFieldProps(props: PropsType): {
+    onCompleteDate: NonNullable<((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | undefined>;
+    onCompleteTime: NonNullable<((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | undefined>;
+    onClickDateField: React.MouseEventHandler<HTMLInputElement>;
+    onClickTimeField: React.MouseEventHandler<HTMLInputElement>;
+    clearDateTime: () => void;
+    isErrorInputFields: boolean | undefined;
+    isDisabledInputFields: boolean | undefined;
+};
+export {};

package/dist/types/src/ui/formFields/dates/FormDateTimeField/hooks/useSyncDateTimeValues.d.ts

@@ -0,0 +1,7 @@
+import { useDateTimeDraft } from './useDateTimeDraft';
+import { useDateTimeFormats } from './useDateTimeFormats';
+import { useFormDateTimeFieldProvider } from './useFormDateTimeFieldProvider';
+import { useDateTimePickerController } from './useDateTimePickerController';
+type PropsType = Pick<Parameters<typeof useFormDateTimeFieldProvider>[number], 'onChange' | 'value'> & Pick<ReturnType<typeof useDateTimeDraft>, 'setDateInputValue' | 'setTimeInputValue' | 'timeInputValue' | 'dateInputValue'> & Pick<ReturnType<typeof useDateTimeFormats>, 'formatDateTimeInputToValue' | 'formatValueToDateInput' | 'formatValueToTimeInput'> & Pick<ReturnType<typeof useDateTimePickerController>, 'moveToInputtedDateInPicker' | 'moveToInputtedTimeInPicker'>;
+export declare function useSyncDateTimeValues(props: PropsType): void;
+export {};

package/dist/types/src/ui/formFields/dates/FormDateTimeField/index.d.ts

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

package/dist/types/src/ui/formFields/dates/FormDateTimeField/ui/FormDateTimeField.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { FormFieldWrapper } from '../../../FormFieldWrapper';
+import { FormDateTimeFieldBase } from './FormDateTimeFieldBase';
+type PropsType = Omit<React.ComponentProps<typeof FormDateTimeFieldBase>, 'pickerSubtitle'> & Pick<React.ComponentProps<typeof FormFieldWrapper>, 'error' | 'hint' | 'helperLink' | 'label' | 'required' | 'typeDisplay'>;
+export declare function FormDateTimeField(props: PropsType): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/ui/formFields/dates/FormDateTimeField/ui/FormDateTimeFieldBase.d.ts

@@ -0,0 +1,4 @@
+import { useFormDateTimeFieldProvider } from '../hooks';
+type PropsType = Parameters<typeof useFormDateTimeFieldProvider>[number];
+export declare function FormDateTimeFieldBase(props: PropsType): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/ui/formFields/dates/FormDateTimeField/ui/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FormDateTimeFieldBase';
+export * from './FormDateTimeField';

package/dist/types/src/ui/formFields/dates/FormTimeField/hooks/index.d.ts

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

package/dist/types/src/ui/formFields/dates/FormTimeField/hooks/useFormTimeFieldProvider.d.ts

@@ -0,0 +1,109 @@
+import { default as React } from 'react';
+import { FieldPropsType } from '../../../../../hooks';
+import { TimePickerV2 } from '../../../..';
+import { DoubleInputItemProps } from './useInputFieldProps';
+type TimePickerV2Props = React.ComponentProps<typeof TimePickerV2>;
+type ValueBaseType = string;
+type FieldProps = FieldPropsType<ValueBaseType>;
+export type ValueType = FieldProps['value'];
+type PropsType = FieldProps & {
+    /**
+     * Формат даты ввода пользователя.
+     *
+     * ---
+     * Для ознакомления с обозначениями {@link DATE_IMASK_BLOCKS}
+     * */
+    inputTimeFormat?: string;
+    /**
+     * Формат даты (понимаемый `date-fns`), которая будет хранится в `value`.
+     *
+     * Пример: `"HH:mm:ssXXX"`.
+     * */
+    outFormat?: string | 'iso';
+    timePlaceholder?: DoubleInputItemProps['placeholder'];
+    timeHintText?: DoubleInputItemProps['hintText'];
+    timeIcon?: DoubleInputItemProps['icon'];
+    disabled?: DoubleInputItemProps['disabled'];
+    pickerSubtitle?: TimePickerV2Props['subtitle'];
+    disablePicker?: boolean;
+};
+export declare function useFormTimeFieldProvider(props: PropsType): {
+    timeInputValue: string | undefined;
+    onCompleteTime: NonNullable<((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | undefined>;
+    timePickerRef: React.RefObject<Pick<{
+        setInput: <K extends "hours" | "minutes">(key: K, instance: Partial<Partial<{
+            hours: number;
+            minutes: number;
+        }>>[K]) => void;
+        clearDateInput: () => void;
+        initViewHours: number | undefined;
+        initViewMinutes: number | undefined;
+        createCommitTime: (prev: string | undefined) => NonNullable<string | undefined>;
+        createCommitTimeWithoutClearing: (prev: string | undefined) => NonNullable<string | undefined>;
+        getPreviewTime: (instance: string | undefined) => string | undefined;
+    }, "clearDateInput" | "setInput" | "createCommitTimeWithoutClearing" | "createCommitTime"> & {
+        timeFeedRef: React.RefObject<{
+            scrollToHour: (item: import('../../../../datePickersV2/hooks/feeds/time/feed/utils').ElementItem, behavior?: ScrollBehavior) => Promise<void>;
+            scrollToMinute: (item: import('../../../../datePickersV2/hooks/feeds/time/feed/utils').ElementItem, behavior?: ScrollBehavior) => Promise<void>;
+        }>;
+    }>;
+    timePickerWrapperRef: React.RefObject<never>;
+    doubleInputRef: React.RefObject<HTMLDivElement>;
+    inputTimeFormat: string;
+    time: string | undefined;
+    onSubmitTime: (dateTime: string) => void;
+    onClickTimeField: React.MouseEventHandler<HTMLInputElement>;
+    clearTime: () => void;
+    isErrorInputFields: boolean | undefined;
+    isDisabledInputFields: boolean | undefined;
+    getPickerInitStyle: () => React.CSSProperties;
+};
+export {};

package/dist/types/src/ui/formFields/dates/FormTimeField/hooks/useInputFieldController.d.ts

@@ -0,0 +1,4 @@
+export declare function useInputFieldController(): {
+    doubleInputRef: import('react').RefObject<HTMLDivElement>;
+    timeInputRef: import('react').RefObject<HTMLInputElement>;
+};

package/dist/types/src/ui/formFields/dates/FormTimeField/hooks/useInputFieldProps.d.ts

@@ -0,0 +1,63 @@
+import { default as React } from 'react';
+import { DoubleInputItem } from '../../../components';
+import { useTimePickerController } from './useTimePickerController';
+import { useTimeDraft } from './useTimeDraft';
+import { useFormTimeFieldProvider } from './useFormTimeFieldProvider';
+export type DoubleInputItemProps = React.ComponentProps<typeof DoubleInputItem>;
+type PropsType = Pick<Parameters<typeof useFormTimeFieldProvider>[number], 'error' | 'disabled'> & Pick<ReturnType<typeof useTimePickerController>, 'moveToInputtedTimeInPicker' | 'clearTimeInputInPicker' | 'closePicker' | 'switchingPicker'> & Pick<ReturnType<typeof useTimeDraft>, 'setTimeInputValue' | 'clearTimeValue' | 'isFullDateInput'>;
+export declare function useInputFieldProps(props: PropsType): {
+    onCompleteTime: NonNullable<((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
+        [x: string]: unknown;
+    }>, e?: InputEvent) => void) | undefined>;
+    onClickTimeField: React.MouseEventHandler<HTMLInputElement>;
+    clearTime: () => void;
+    isErrorInputFields: boolean | undefined;
+    isDisabledInputFields: boolean | undefined;
+};
+export {};

package/dist/types/src/ui/formFields/dates/FormTimeField/hooks/useSyncTimeValues.d.ts

@@ -0,0 +1,7 @@
+import { useTimeDraft } from './useTimeDraft';
+import { useTimeFormats } from './useTimeFormats';
+import { useFormTimeFieldProvider } from './useFormTimeFieldProvider';
+import { useTimePickerController } from './useTimePickerController';
+type PropsType = Pick<Parameters<typeof useFormTimeFieldProvider>[number], 'onChange' | 'value'> & Pick<ReturnType<typeof useTimeDraft>, 'setTimeInputValue' | 'timeInputValue'> & Pick<ReturnType<typeof useTimeFormats>, 'formatDateTimeInputToValue' | 'formatValueToTimeInput'> & Pick<ReturnType<typeof useTimePickerController>, 'moveToInputtedTimeInPicker'>;
+export declare function useSyncTimeValues(props: PropsType): void;
+export {};

package/dist/types/src/ui/formFields/dates/FormTimeField/hooks/useTimeDraft.d.ts

@@ -0,0 +1,13 @@
+import { useFormTimeFieldProvider } from './useFormTimeFieldProvider';
+import { useTimeFormats } from './useTimeFormats';
+type UseFormDateTimeFieldProps = Parameters<typeof useFormTimeFieldProvider>[number];
+export type DateValue = string;
+export type TimeValue = string;
+type PropsType = Pick<UseFormDateTimeFieldProps, 'value'> & Pick<ReturnType<typeof useTimeFormats>, 'formatValueToTimeInput'>;
+export declare function useTimeDraft(props: PropsType): {
+    timeInputValue: string | undefined;
+    setTimeInputValue: import('react').Dispatch<import('react').SetStateAction<string | undefined>>;
+    clearTimeValue: () => void;
+    isFullDateInput: () => boolean;
+};
+export {};

package/dist/types/src/ui/formFields/dates/FormTimeField/hooks/useTimeFormats.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { TimePickerV2 } from '../../../..';
+import { useFormTimeFieldProvider, ValueType } from './useFormTimeFieldProvider';
+import { TimeValue } from './useTimeDraft';
+type TimePickerV2Props = React.ComponentProps<typeof TimePickerV2>;
+type DateTimePickerValue = Parameters<NonNullable<TimePickerV2Props['onSubmitTime']>>[0];
+type PropsType = Required<Pick<Parameters<typeof useFormTimeFieldProvider>[number], 'outFormat' | 'inputTimeFormat'>>;
+export declare function useTimeFormats(props: PropsType): {
+    formatDateTimeInputToValue: (timeValue: TimeValue) => ValueType;
+    parseTimeInput: (instance: TimeValue) => Date;
+    formatPickerValueToTimeInput: (instance: DateTimePickerValue) => TimeValue | undefined;
+    formatValueToTimeInput: (instance: ValueType) => TimeValue | undefined;
+};
+export {};

package/dist/types/src/ui/formFields/dates/FormTimeField/hooks/useTimePickerController.d.ts

@@ -0,0 +1,33 @@
+import { default as React } from 'react';
+import { TimeValue } from './useTimeDraft';
+import { useInputFieldController } from './useInputFieldController';
+import { useTimeFormats } from './useTimeFormats';
+type PropsType = Pick<ReturnType<typeof useTimeFormats>, 'parseTimeInput'> & Pick<ReturnType<typeof useInputFieldController>, 'doubleInputRef'> & {
+    disablePicker?: boolean;
+};
+export declare function useTimePickerController(props: PropsType): {
+    timePickerRef: React.RefObject<Pick<{
+        setInput: <K extends "hours" | "minutes">(key: K, instance: Partial<Partial<{
+            hours: number;
+            minutes: number;
+        }>>[K]) => void;
+        clearDateInput: () => void;
+        initViewHours: number | undefined;
+        initViewMinutes: number | undefined;
+        createCommitTime: (prev: string | undefined) => NonNullable<string | undefined>;
+        createCommitTimeWithoutClearing: (prev: string | undefined) => NonNullable<string | undefined>;
+        getPreviewTime: (instance: string | undefined) => string | undefined;
+    }, "clearDateInput" | "setInput" | "createCommitTimeWithoutClearing" | "createCommitTime"> & {
+        timeFeedRef: React.RefObject<{
+            scrollToHour: (item: import('../../../../datePickersV2/hooks/feeds/time/feed/utils').ElementItem, behavior?: ScrollBehavior) => Promise<void>;
+            scrollToMinute: (item: import('../../../../datePickersV2/hooks/feeds/time/feed/utils').ElementItem, behavior?: ScrollBehavior) => Promise<void>;
+        }>;
+    }>;
+    timePickerWrapperRef: React.RefObject<never>;
+    moveToInputtedTimeInPicker: (instance: TimeValue) => Promise<(void | undefined)[]>;
+    clearTimeInputInPicker: () => void;
+    closePicker: () => void;
+    switchingPicker: () => void;
+    getPickerInitStyle: () => React.CSSProperties;
+};
+export {};

package/dist/types/src/ui/formFields/dates/FormTimeField/hooks/useTimePickerProps.d.ts

@@ -0,0 +1,10 @@
+import { useTimeDraft } from './useTimeDraft';
+import { useFormTimeFieldProvider } from './useFormTimeFieldProvider';
+import { useTimePickerController } from './useTimePickerController';
+import { useTimeFormats } from './useTimeFormats';
+type PropsType = Pick<Parameters<typeof useFormTimeFieldProvider>[number], 'value'> & Pick<ReturnType<typeof useTimePickerController>, 'closePicker'> & Pick<ReturnType<typeof useTimeDraft>, 'setTimeInputValue'> & Pick<ReturnType<typeof useTimeFormats>, 'formatPickerValueToTimeInput'>;
+export declare function useTimePickerProps(props: PropsType): {
+    time: string | undefined;
+    onSubmitTime: (dateTime: string) => void;
+};
+export {};