@i-novus/ui-core/dist/data-entry/Date/date-picker/hooks/handle-input-complete.hook.ts

Базовые UI компоненты

import { Dayjs } from 'dayjs'
import { useCallback } from 'react'

import { OUTPUT_FORMAT } from '../../../const'
import { getValidDayjs, cutDateByAccuracy, type DateAccuracy } from '../../../dayjs-utils'

type Callback = (value: string | null) => void

type Config = {
    format: string
    max: Dayjs | null
    min: Dayjs | null
    dateAccuracy: DateAccuracy
}

type Limiter = {
    max: Dayjs | null,
    min: Dayjs | null
}

const prepareValue = (value: string, limiter: Limiter, format: string, dateAccuracy: DateAccuracy) => {
    let date = getValidDayjs(value, format)
    const { min, max } = limiter

    date = cutDateByAccuracy(date, dateAccuracy)

    if (!date) {
        return null
    }

    if (min && date < min) {
        return min.format(OUTPUT_FORMAT)
    }

    if (max && (date > max)) {
        return max.format(OUTPUT_FORMAT)
    }

    return date.format(OUTPUT_FORMAT)
}

export const useHandleInputCompleteHook = (callback: Callback, config: Config) => {
    const { min, max, format, dateAccuracy } = config

    return (
        useCallback((value: string) => {
            const validISODateString = prepareValue(value, { min, max }, format, dateAccuracy)

            callback(validISODateString)
        }, [min, max, format, dateAccuracy, callback])
    )
}