UNPKG

@appello/web-ui

Version:

Web ui library for a better development experience

17 lines (16 loc) 1.32 kB
import { Nullable } from '@appello/common'; import { ForwardedRef, ReactElement } from 'react'; import { DateRange } from 'react-day-picker'; import { Control, FieldPathByValue, FieldValues } from 'react-hook-form'; import { DateInputProps, DateInputRefProps } from '../../../components/form/DateInput'; import { FieldProps } from '../../../components/form/Field'; type AllowedDateInputProps = Pick<DateInputProps, 'placeholder' | 'inputSize' | 'disabledDate' | 'iconAfterName' | 'iconAfterElementClassName' | 'inputClassName' | 'rightElement' | 'yearsLength' | 'mode' | 'disabled' | 'position' | 'formatInputValue' | 'toYear' | 'fromYear' | 'weekStartsOn' | 'containerWrapperClassName' | 'containerClassName'>; type AllowedFieldProps = Pick<FieldProps, 'label' | 'className' | 'required' | 'labelChildren' | 'labelClassName'>; export interface DateProps<TFormValues extends FieldValues, TName extends FieldPathByValue<TFormValues, Nullable<Date | DateRange>>> extends AllowedDateInputProps, AllowedFieldProps { name: TName; control: Control<TFormValues>; } export declare const DateField: <TFormValues extends FieldValues, TName extends FieldPathByValue<TFormValues, Nullable<Date | DateRange>>>(props: DateProps<TFormValues, TName> & { ref?: ForwardedRef<DateInputRefProps>; }) => ReactElement; export {};