@snack-uikit/fields 0.29.2-preview-eb3592d8.0 → 0.29.2

package/src/components/FieldDate/FieldDate.tsx

@@ -38,9 +38,9 @@ import { useDateField } from './hooks';
 import { useFocusHandlers } from './hooks/useFocusHandlers';
 import { useHandlers } from './hooks/useHandlers';
 import styles from './styles.module.scss';
-import { Mode } from './types';
+import { parseDate } from './utils';
 
-type InputProps = Pick<InputPrivateProps, 'id' | 'name' | 'disabled' | 'readonly' | 'onFocus' | 'onBlur'>;
+type InputProps = Pick<InputPrivateProps, 'id' | 'name' | 'value' | 'disabled' | 'readonly' | 'onFocus' | 'onBlur'>;
 
 type WrapperProps = Pick<
   FieldDecoratorProps,
@@ -62,10 +62,8 @@ type FieldDateOwnProps = {
   open?: boolean;
   /** Колбек открытия пикера */
   onOpenChange?(value: boolean): void;
-  /** Значение поля */
-  value?: Date;
   /** Колбек смены значения */
-  onChange?(value: Date | undefined): void;
+  onChange?(value: string): void;
   /** Отображение кнопки копирования */
   showCopyButton?: boolean;
   /**
@@ -75,7 +73,6 @@ type FieldDateOwnProps = {
   showClearButton?: boolean;
   /** Текущая локаль календаря */
   locale?: Intl.Locale;
-  mode: Mode;
 } & Pick<CalendarProps, 'buildCellProps'>;
 
 export type FieldDateProps = WithSupportProps<FieldDateOwnProps & InputProps & WrapperProps>;
@@ -83,7 +80,7 @@ export type FieldDateProps = WithSupportProps<FieldDateOwnProps & InputProps & W
 const CALENDAR_SIZE_MAP: Record<Size, CalendarProps['size']> = {
   [SIZE.S]: 's',
   [SIZE.M]: 'm',
-  [SIZE.L]: 'l',
+  [SIZE.L]: 'm',
 };
 
 export const FieldDate = forwardRef<HTMLInputElement, FieldDateProps>(
@@ -114,7 +111,6 @@ export const FieldDate = forwardRef<HTMLInputElement, FieldDateProps>(
       locale = DEFAULT_LOCALE,
       buildCellProps,
       error,
-      mode,
       ...rest
     },
     ref,
@@ -143,7 +139,7 @@ export const FieldDate = forwardRef<HTMLInputElement, FieldDateProps>(
     );
 
     const handleClear = useCallback(() => {
-      onChange && onChange(undefined);
+      onChange && onChange('');
       if (localRef.current?.value) {
         localRef.current.value = '';
       }
@@ -157,9 +153,8 @@ export const FieldDate = forwardRef<HTMLInputElement, FieldDateProps>(
       }
     }, [onChange, required, setIsOpen]);
 
-    const valueToCopy = (mode === 'date' ? valueProp?.toLocaleDateString() : valueProp?.toLocaleString()) ?? '';
     const clearButtonSettings = useClearButton({ clearButtonRef, showClearButton, size, onClear: handleClear });
-    const copyButtonSettings = useCopyButton({ copyButtonRef, showCopyButton, size, valueToCopy });
+    const copyButtonSettings = useCopyButton({ copyButtonRef, showCopyButton, size, valueToCopy: valueProp || '' });
     const calendarIcon: ButtonProps = useMemo(
       () => ({
         active: false,
@@ -191,13 +186,9 @@ export const FieldDate = forwardRef<HTMLInputElement, FieldDateProps>(
       readonly,
       locale,
       setIsOpen,
-      mode,
     });
 
-    const setInputFocusFromButtons = useCallback(
-      () => setInputFocus(mode === 'date' ? SlotKey.Year : SlotKey.Seconds),
-      [mode, setInputFocus],
-    );
+    const setInputFocusFromButtons = useCallback(() => setInputFocus(SlotKey.Year), [setInputFocus]);
 
     const {
       postfixButtons,
@@ -213,15 +204,11 @@ export const FieldDate = forwardRef<HTMLInputElement, FieldDateProps>(
       submitKeys: ['Enter', 'Space', 'Tab'],
     });
 
+    // TODO: do not hardcode locale here
     const handleSelectDate = (date: Date) => {
-      onChange && onChange(date);
+      onChange && onChange(date.toLocaleDateString(DEFAULT_LOCALE));
       localRef.current?.focus();
       setIsOpen(false);
-
-      if (localRef.current) {
-        localRef.current.value =
-          mode === 'date' ? date.toLocaleDateString(DEFAULT_LOCALE) : date.toLocaleString(DEFAULT_LOCALE);
-      }
     };
 
     const handleCalendarFocusLeave: CalendarProps['onFocusLeave'] = () => {
@@ -246,6 +233,12 @@ export const FieldDate = forwardRef<HTMLInputElement, FieldDateProps>(
       }
     }, [open]);
 
+    useEffect(() => {
+      if (localRef.current) {
+        localRef.current.value = valueProp;
+      }
+    }, [valueProp]);
+
     const onFocusByKeyboard = useCallback(
       (e: FocusEvent<HTMLInputElement>) => {
         setInputFocus();
@@ -303,9 +296,9 @@ export const FieldDate = forwardRef<HTMLInputElement, FieldDateProps>(
           content={
             <div className={styles.calendarWrapper} data-size={size}>
               <Calendar
-                mode={mode}
+                mode='date'
                 size={CALENDAR_SIZE_MAP[size]}
-                value={valueProp}
+                value={valueProp ? parseDate(valueProp) : undefined}
                 onChangeValue={handleSelectDate}
                 buildCellProps={buildCellProps}
                 navigationStartRef={element => {
@@ -317,7 +310,6 @@ export const FieldDate = forwardRef<HTMLInputElement, FieldDateProps>(
                 onFocusLeave={handleCalendarFocusLeave}
                 locale={locale}
                 data-test-id='field-date__calendar'
-                fitToContainer={false}
               />
             </div>
           }

package/src/components/FieldDate/constants.ts

@@ -1,77 +1,33 @@
-import { Mode, Slot } from './types';
+import { Slot } from './types';
 
 export enum SlotKey {
   Day = 'D',
   Month = 'M',
   Year = 'Y',
-  Hours = 'h',
-  Minutes = 'm',
-  Seconds = 's',
 }
 
-export const MODES = {
-  Date: 'date',
-  DateTime: 'date-time',
-} as const;
-
-export const MASK: Record<Mode, Record<string, string>> = {
-  [MODES.Date]: {
-    'ru-RU': 'ДД.ММ.ГГГГ',
-    'en-US': 'DD.MM.YYYY',
-  },
-  [MODES.DateTime]: {
-    'ru-RU': 'ДД.ММ.ГГГГ, чч:мм:сс',
-    'en-US': 'DD.MM.YYYY, hh:mm:ss',
-  },
+export const MASK: Record<string, string> = {
+  'ru-RU': 'ДД.ММ.ГГГГ',
+  'en-US': 'DD.MM.YYYY',
 };
 
 export const DEFAULT_LOCALE = new Intl.Locale('ru-RU');
 
-const DATE_SLOTS = {
+export const SLOTS: Record<SlotKey | string, Slot> = {
   [SlotKey.Day]: { start: 0, end: 2, max: 31, min: 1 },
   [SlotKey.Month]: { start: 3, end: 5, max: 12, min: 1 },
   [SlotKey.Year]: { start: 6, end: 10, max: 2100, min: 1900 },
-};
-
-export const SLOTS: Record<Mode, Record<SlotKey | string, Slot>> = {
-  [MODES.Date]: DATE_SLOTS,
-  [MODES.DateTime]: {
-    ...DATE_SLOTS,
-    [SlotKey.Hours]: { start: 12, end: 14, max: 23, min: 0 },
-    [SlotKey.Minutes]: { start: 15, end: 17, max: 59, min: 0 },
-    [SlotKey.Seconds]: { start: 18, end: 20, max: 59, min: 0 },
-  },
-};
-
-const RU_DATE_SLOTS_PLACEHOLDER = {
-  [SlotKey.Day]: 'ДД',
-  [SlotKey.Month]: 'ММ',
-  [SlotKey.Year]: 'ГГГГ',
-};
-
-const EN_DATE_SLOTS_PLACEHOLDER = {
-  [SlotKey.Day]: 'DD',
-  [SlotKey.Month]: 'MM',
-  [SlotKey.Year]: 'YYYY',
-};
+} as const;
 
-export const SLOTS_PLACEHOLDER: Record<Mode, Record<string, Partial<Record<SlotKey, string>>>> = {
-  [MODES.Date]: {
-    'ru-RU': RU_DATE_SLOTS_PLACEHOLDER,
-    'en-US': EN_DATE_SLOTS_PLACEHOLDER,
+export const SLOTS_PLACEHOLDER: Record<string, Record<string, string>> = {
+  'ru-RU': {
+    [SlotKey.Day]: 'ДД',
+    [SlotKey.Month]: 'ММ',
+    [SlotKey.Year]: 'ГГГГ',
   },
-  [MODES.DateTime]: {
-    'ru-RU': {
-      ...RU_DATE_SLOTS_PLACEHOLDER,
-      [SlotKey.Hours]: 'чч',
-      [SlotKey.Minutes]: 'мм',
-      [SlotKey.Seconds]: 'сс',
-    },
-    'en-US': {
-      ...EN_DATE_SLOTS_PLACEHOLDER,
-      [SlotKey.Hours]: 'hh',
-      [SlotKey.Minutes]: 'mm',
-      [SlotKey.Seconds]: 'ss',
-    },
+  'en-US': {
+    [SlotKey.Day]: 'DD',
+    [SlotKey.Month]: 'MM',
+    [SlotKey.Year]: 'YYYY',
   },
 };

package/src/components/FieldDate/hooks/useDateField.ts

@@ -3,48 +3,29 @@ import { ChangeEvent, FocusEventHandler, KeyboardEvent, RefObject, useCallback,
 import { isBrowser } from '@snack-uikit/utils';
 
 import { DEFAULT_LOCALE, MASK, SlotKey, SLOTS, SLOTS_PLACEHOLDER } from '../constants';
-import { Mode } from '../types';
-import { getNextSlotKey, getPrevSlotKey, getSlotKey, parseDate } from '../utils';
+import { getNextSlotKey, getPrevSlotKey, getSlotKey } from '../utils';
 import { useDateFieldHelpers } from './useDateFieldHelpers';
-import { useDateTimeFieldHelpers } from './useDateTimeFieldHelpers';
 
 type UseDateFieldProps = {
   inputRef: RefObject<HTMLInputElement>;
-  onChange?(value: Date | undefined): void;
+  onChange?(value: string): void;
   readonly?: boolean;
   locale?: Intl.Locale;
   setIsOpen(v: boolean): void;
-  mode: Mode;
 };
 
-type FocusSlot = SlotKey.Day | SlotKey.Year | SlotKey.Seconds | 'auto';
-
-export function useDateField({
-  inputRef,
-  onChange,
-  readonly,
-  locale = DEFAULT_LOCALE,
-  setIsOpen,
-  mode,
-}: UseDateFieldProps) {
-  const dateHelpers = useDateFieldHelpers(inputRef);
-  const dateTimeHelpers = useDateTimeFieldHelpers(inputRef);
-
-  const { setFocus, updateSlot, getSlot, isLikeDate, isAllSelected, tryToCompleteInput, isValidInput } =
-    mode === 'date' ? dateHelpers : dateTimeHelpers;
+type FocusSlot = SlotKey.Day | SlotKey.Year | 'auto';
 
+export function useDateField({ inputRef, onChange, readonly, locale = DEFAULT_LOCALE, setIsOpen }: UseDateFieldProps) {
+  const { setFocus, updateSlot, getSlot, isLikeDate, isAllSelected, isValidInput, tryToCompleteInput } =
+    useDateFieldHelpers(inputRef);
   const focusSlotRef = useRef<FocusSlot>(SlotKey.Day);
 
-  const mask = useMemo(
-    () => MASK[mode][locale.baseName] || MASK[mode][DEFAULT_LOCALE.baseName],
-    [locale.baseName, mode],
-  );
-  const getNextSlotKeyHandler = getNextSlotKey(mode);
-  const getPrevSlotKeyHandler = getPrevSlotKey(mode);
+  const mask = useMemo(() => MASK[locale.baseName] || MASK[DEFAULT_LOCALE.baseName], [locale]);
 
-  const slotsPlaceholder = useMemo(
-    () => SLOTS_PLACEHOLDER[mode][locale.baseName] || SLOTS_PLACEHOLDER[mode][DEFAULT_LOCALE.baseName],
-    [locale.baseName, mode],
+  const slotsPlaceHolder = useMemo(
+    () => SLOTS_PLACEHOLDER[locale.baseName] || SLOTS_PLACEHOLDER[DEFAULT_LOCALE.baseName],
+    [locale.baseName],
   );
 
   const setInputFocus = useCallback(
@@ -76,14 +57,14 @@ export function useDateField({
         return;
       }
 
-      const slotKey = getSlotKey(inputRef.current.selectionStart, mode);
+      const slotKey = getSlotKey(inputRef.current.selectionStart);
 
       if (slotKey) {
-        const { start, end } = SLOTS[mode][slotKey];
+        const { start, end } = SLOTS[slotKey];
         inputRef.current.setSelectionRange(start, end);
       }
     },
-    [inputRef, isLikeDate, mask, mode, readonly, setFocus],
+    [inputRef, isLikeDate, mask, readonly, setFocus],
   );
 
   const handleClick = useCallback(() => {
@@ -91,35 +72,35 @@ export function useDateField({
   }, [setInputFocus]);
 
   const handleChange: (value: string, e?: ChangeEvent<HTMLInputElement> | undefined) => void = () => {
-    onChange && isLikeDate() && onChange(parseDate(inputRef.current?.value || ''));
+    onChange && isLikeDate() && onChange(inputRef.current?.value || '');
   };
 
   const checkInputAndGoNext = useCallback(
     (slotKey: string) => {
-      if (slotKey === (mode === 'date' ? SlotKey.Year : SlotKey.Seconds) && tryToCompleteInput()) {
+      if (slotKey === SlotKey.Year && tryToCompleteInput()) {
         return;
       }
 
       if (isValidInput()) {
-        setFocus(getNextSlotKeyHandler(slotKey));
+        setFocus(getNextSlotKey(slotKey));
         return;
       }
 
       switch (slotKey) {
         case SlotKey.Day:
-          updateSlot(SlotKey.Month, slotsPlaceholder?.[SlotKey.Month] ?? '');
+          updateSlot(SlotKey.Month, slotsPlaceHolder[SlotKey.Month]);
           setFocus(SlotKey.Month);
           return;
         case SlotKey.Year:
         case SlotKey.Month:
-          updateSlot(SlotKey.Day, slotsPlaceholder?.[SlotKey.Day] ?? '');
+          updateSlot(SlotKey.Day, slotsPlaceHolder[SlotKey.Day]);
           setFocus(SlotKey.Day);
           return;
         default:
-          setFocus(getNextSlotKeyHandler(slotKey));
+          setFocus(getNextSlotKey(slotKey));
       }
     },
-    [mode, tryToCompleteInput, isValidInput, setFocus, getNextSlotKeyHandler, updateSlot, slotsPlaceholder],
+    [tryToCompleteInput, isValidInput, setFocus, slotsPlaceHolder, updateSlot],
   );
 
   const handleKeyDown = useCallback(
@@ -144,25 +125,25 @@ export function useDateField({
         }
 
         const clickIndex = inputRef.current.selectionStart;
-        const slotKey = getSlotKey(clickIndex, mode);
+        const slotKey = getSlotKey(clickIndex);
 
         if (slotKey) {
           const value = getSlot(slotKey);
-          const { max } = SLOTS[mode][slotKey];
+          const { max } = SLOTS[slotKey];
 
           const numberValue = Number(value) || 0;
 
           if (e.key === 'ArrowRight') {
-            if (isAllSelected() || slotKey === (mode === 'date' ? SlotKey.Year : SlotKey.Seconds)) {
+            if (isAllSelected() || slotKey === SlotKey.Year) {
               inputRef.current.selectionStart = inputRef.current.value.length;
               return;
             }
-            setFocus(getNextSlotKeyHandler(slotKey));
+            setFocus(getNextSlotKey(slotKey));
             return;
           }
 
           if (e.key === 'ArrowLeft') {
-            setFocus(getPrevSlotKeyHandler(slotKey));
+            setFocus(getPrevSlotKey(slotKey));
             return;
           }
 
@@ -171,7 +152,7 @@ export function useDateField({
               inputRef.current.value = mask;
               setFocus(SlotKey.Day);
             } else {
-              updateSlot(slotKey, slotsPlaceholder[slotKey] ?? '');
+              updateSlot(slotKey, slotsPlaceHolder[slotKey]);
             }
           }
 
@@ -208,26 +189,22 @@ export function useDateField({
               }
             }
           }
-          const newDate = parseDate(isLikeDate() ? inputRef.current.value : '');
-          onChange?.(newDate);
+          onChange?.(isLikeDate() ? inputRef.current.value : '');
         }
       }
     },
     [
       checkInputAndGoNext,
-      getNextSlotKeyHandler,
-      getPrevSlotKeyHandler,
       getSlot,
       inputRef,
       isAllSelected,
       isLikeDate,
       mask,
-      mode,
       onChange,
       readonly,
       setFocus,
       setIsOpen,
-      slotsPlaceholder,
+      slotsPlaceHolder,
       tryToCompleteInput,
       updateSlot,
     ],

package/src/components/FieldDate/hooks/useDateFieldHelpers.ts

@@ -6,7 +6,7 @@ export function useDateFieldHelpers(inputRef: RefObject<HTMLInputElement>) {
   const setFocus = useCallback(
     (slotKey: string) => {
       if (inputRef.current) {
-        const { start, end } = SLOTS.date[slotKey];
+        const { start, end } = SLOTS[slotKey];
 
         inputRef.current.setSelectionRange(start, end);
       }
@@ -22,7 +22,7 @@ export function useDateFieldHelpers(inputRef: RefObject<HTMLInputElement>) {
   const getSlot = useCallback(
     (slotKey: string) => {
       if (inputRef.current) {
-        return inputRef.current.value.slice(SLOTS.date[slotKey].start, SLOTS.date[slotKey].end);
+        return inputRef.current.value.slice(SLOTS[slotKey].start, SLOTS[slotKey].end);
       }
 
       return '';
@@ -32,7 +32,7 @@ export function useDateFieldHelpers(inputRef: RefObject<HTMLInputElement>) {
 
   const isLikeDate = useCallback(() => {
     if (inputRef.current) {
-      return Object.keys(SLOTS.date).every(slotKey => getSlot(slotKey) && Number.isInteger(Number(getSlot(slotKey))));
+      return Object.keys(SLOTS).every(slotKey => getSlot(slotKey) && Number.isInteger(Number(getSlot(slotKey))));
     }
     return false;
   }, [getSlot, inputRef]);
@@ -56,7 +56,7 @@ export function useDateFieldHelpers(inputRef: RefObject<HTMLInputElement>) {
     const month = parseInt(getSlot(SlotKey.Month), 10);
     const year = parseInt(getSlot(SlotKey.Year), 10);
 
-    const { min, max } = SLOTS.date[SlotKey.Year];
+    const { min, max } = SLOTS[SlotKey.Year];
 
     const isCompleted = Boolean(day && month && year >= min && year <= max);
 
@@ -72,7 +72,7 @@ export function useDateFieldHelpers(inputRef: RefObject<HTMLInputElement>) {
   const updateSlot = useCallback(
     (slotKey: string, slotValue: number | string) => {
       if (inputRef.current) {
-        const { start, end, max } = SLOTS.date[slotKey];
+        const { start, end, max } = SLOTS[slotKey];
 
         inputRef.current.value =
           inputRef.current.value.slice(0, start) +

package/src/components/FieldDate/types.ts

@@ -1,12 +1,6 @@
-import { ValueOf } from '@snack-uikit/utils';
-
-import { MODES } from './constants';
-
 export type Slot = {
   start: number;
   end: number;
   max: number;
   min: number;
 };
-
-export type Mode = ValueOf<typeof MODES>;

package/src/components/FieldDate/utils.ts

@@ -1,18 +1,18 @@
 import { SlotKey, SLOTS } from './constants';
-import { Mode } from './types';
 
-export function getSlotKey(index: number | null, mode: Mode): SlotKey | null {
+export function getSlotKey(index: number | null) {
   if (index !== null) {
-    for (const key in SLOTS[mode]) {
-      if (index >= SLOTS[mode][key].start && index <= SLOTS[mode][key].end) {
-        return key as SlotKey;
+    for (const key in SLOTS) {
+      if (index >= SLOTS[key].start && index <= SLOTS[key].end) {
+        return key;
       }
     }
   }
 
   return null;
 }
-export function getNextSlotKeyWithDate(slotKey: string | null) {
+
+export function getNextSlotKey(slotKey: string | null) {
   switch (slotKey) {
     case SlotKey.Day: {
       return SlotKey.Month;
@@ -25,7 +25,7 @@ export function getNextSlotKeyWithDate(slotKey: string | null) {
   }
 }
 
-export function getPrevSlotKeyWithDate(slotKey: string | null) {
+export function getPrevSlotKey(slotKey: string | null) {
   switch (slotKey) {
     case SlotKey.Year: {
       return SlotKey.Month;
@@ -38,82 +38,12 @@ export function getPrevSlotKeyWithDate(slotKey: string | null) {
   }
 }
 
-export function getNextSlotKeyWithTime(slotKey: string | null) {
-  switch (slotKey) {
-    case SlotKey.Day: {
-      return SlotKey.Month;
-    }
-    case SlotKey.Month: {
-      return SlotKey.Year;
-    }
-    case SlotKey.Year: {
-      return SlotKey.Hours;
-    }
-    case SlotKey.Hours: {
-      return SlotKey.Minutes;
-    }
-    case SlotKey.Minutes:
-    case SlotKey.Seconds:
-    default: {
-      return SlotKey.Seconds;
-    }
-  }
-}
-
-export function getPrevSlotKeyWithTime(slotKey: string | null) {
-  switch (slotKey) {
-    case SlotKey.Seconds: {
-      return SlotKey.Minutes;
-    }
-    case SlotKey.Minutes: {
-      return SlotKey.Hours;
-    }
-    case SlotKey.Hours: {
-      return SlotKey.Year;
-    }
-    case SlotKey.Year: {
-      return SlotKey.Month;
-    }
-    case SlotKey.Month:
-    case SlotKey.Day:
-    default: {
-      return SlotKey.Day;
-    }
-  }
-}
-
-export function getNextSlotKey(mode: Mode) {
-  return mode === 'date' ? getNextSlotKeyWithDate : getNextSlotKeyWithTime;
-}
-
-export function getPrevSlotKey(mode: Mode) {
-  return mode === 'date' ? getPrevSlotKeyWithDate : getPrevSlotKeyWithTime;
-}
-
 /**
  * Преобразует строковое значение поля FieldDate в тип Date
  * @function  helper
  */
 
-export function parseDate(value: string) {
-  if (!value) {
-    return undefined;
-  }
-
-  const [date, time] = value.split(', ');
-  const dateValues = date.split('.');
-  const year = Number(dateValues[2]);
-  const month = Number(dateValues[1]) - 1;
-  const day = Number(dateValues[0]);
-
-  if (time) {
-    const timeValues = time.split(':');
-    const hours = timeValues[0] ? Number(timeValues[0]) : undefined;
-    const minutes = timeValues[1] ? Number(timeValues[1]) : undefined;
-    const seconds = timeValues[2] ? Number(timeValues[2]) : undefined;
-
-    return new Date(year, month, day, hours, minutes, seconds);
-  }
-
-  return new Date(year, month, day);
+export function parseDate(date: string) {
+  const values = date.split('.');
+  return new Date(Number(values[2]), Number(values[1]) - 1, Number(values[0]));
 }

package/dist/components/FieldDate/hooks/useDateTimeFieldHelpers.d.ts

@@ -1,10 +0,0 @@
-import { RefObject } from 'react';
-export declare function useDateTimeFieldHelpers(inputRef: RefObject<HTMLInputElement>): {
-    isAllSelected: () => boolean;
-    tryToCompleteInput: () => boolean;
-    getSlot: (slotKey: string) => string;
-    updateSlot: (slotKey: string, slotValue: number | string) => void;
-    setFocus: (slotKey: string) => void;
-    isLikeDate: () => boolean;
-    isValidInput: () => boolean;
-};

package/dist/components/FieldDate/hooks/useDateTimeFieldHelpers.js

@@ -1,75 +0,0 @@
-import { useCallback } from 'react';
-import { SlotKey, SLOTS } from '../constants';
-export function useDateTimeFieldHelpers(inputRef) {
-    const setFocus = useCallback((slotKey) => {
-        if (inputRef.current) {
-            const { start, end } = SLOTS['date-time'][slotKey];
-            inputRef.current.setSelectionRange(start, end);
-        }
-    }, [inputRef]);
-    const isAllSelected = useCallback(() => { var _a, _b, _c; return ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value.length) === ((_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.selectionEnd) && ((_c = inputRef.current) === null || _c === void 0 ? void 0 : _c.selectionStart) === 0; }, [inputRef]);
-    const getSlot = useCallback((slotKey) => {
-        if (inputRef.current) {
-            return inputRef.current.value.slice(SLOTS['date-time'][slotKey].start, SLOTS['date-time'][slotKey].end);
-        }
-        return '';
-    }, [inputRef]);
-    const isLikeDate = useCallback(() => {
-        if (inputRef.current) {
-            return Object.keys(SLOTS['date-time']).every(slotKey => getSlot(slotKey) && Number.isInteger(Number(getSlot(slotKey))));
-        }
-        return false;
-    }, [getSlot, inputRef]);
-    const isValidInput = useCallback(() => {
-        const day = parseInt(getSlot(SlotKey.Day), 10);
-        const month = parseInt(getSlot(SlotKey.Month), 10);
-        const year = parseInt(getSlot(SlotKey.Year), 10);
-        if (!month || !day) {
-            return true;
-        }
-        const date = new Date(year || /* високосный год = */ 2020, month - 1, day);
-        return date.getDate() === day;
-    }, [getSlot]);
-    const tryToCompleteInput = useCallback(() => {
-        var _a;
-        const day = parseInt(getSlot(SlotKey.Day), 10);
-        const month = parseInt(getSlot(SlotKey.Month), 10);
-        const year = parseInt(getSlot(SlotKey.Year), 10);
-        const hours = parseInt(getSlot(SlotKey.Hours), 10);
-        const minutes = parseInt(getSlot(SlotKey.Minutes), 10);
-        const seconds = parseInt(getSlot(SlotKey.Seconds), 10);
-        const { min, max } = SLOTS['date-time'][SlotKey.Year];
-        const isCompleted = Boolean(day &&
-            month &&
-            year >= min &&
-            year <= max &&
-            hours !== undefined &&
-            minutes !== undefined &&
-            seconds !== undefined);
-        if (isCompleted && inputRef.current) {
-            const lastPosition = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value.length;
-            inputRef.current.selectionStart = lastPosition;
-            inputRef.current.selectionEnd = lastPosition;
-        }
-        return isCompleted;
-    }, [getSlot, inputRef]);
-    const updateSlot = useCallback((slotKey, slotValue) => {
-        if (inputRef.current) {
-            const { start, end, max } = SLOTS['date-time'][slotKey];
-            inputRef.current.value =
-                inputRef.current.value.slice(0, start) +
-                    slotValue.toString().padStart(max.toString().length, '0') +
-                    inputRef.current.value.slice(end);
-            setFocus(slotKey);
-        }
-    }, [inputRef, setFocus]);
-    return {
-        isAllSelected,
-        tryToCompleteInput,
-        getSlot,
-        updateSlot,
-        setFocus,
-        isLikeDate,
-        isValidInput,
-    };
-}