@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
TypeScript
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 };