UNPKG

@heroui/date-picker

Version:

A date picker combines a DateInput and a Calendar popover to allow users to enter or select a date and time value.

18 lines (15 loc) 974 B
import { DateInputReturnType, SlotsToClasses, DateInputSlots } from '@heroui/theme'; import { DateValue, AriaDatePickerProps } from '@react-types/datepicker'; import { HTMLHeroUIProps } from '@heroui/system'; import { DateInputProps } from '@heroui/date-input'; import { ReactElement } from 'react'; type HeroUIBaseProps<T extends DateValue> = Omit<HTMLHeroUIProps<"div">, keyof AriaDatePickerProps<T> | "onChange">; interface Props<T extends DateValue> extends HeroUIBaseProps<T>, AriaDatePickerProps<T>, Pick<DateInputProps, "createCalendar"> { /** DateInput classes slots. */ slots: DateInputReturnType; /** DateInput classes. */ classNames?: SlotsToClasses<DateInputSlots>; } type DateRangePickerFieldProps<T extends DateValue = DateValue> = Props<T>; declare const DateRangePickerField: <T extends DateValue>(props: DateRangePickerFieldProps<T>) => ReactElement; export { type DateRangePickerFieldProps, type Props, DateRangePickerField as default };