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.

28 lines (25 loc) 979 B
import { DateValue } from '@internationalized/date'; import { ReactElement } from 'react'; import { UseDateRangePickerProps } from './use-date-range-picker.js'; import 'tailwind-variants'; import '@heroui/date-input'; import '@heroui/button'; import '@heroui/calendar'; import '@heroui/popover'; import '@react-types/shared'; import '@react-types/datepicker'; import '@react-stately/datepicker'; import './use-date-picker-base.js'; import '@heroui/theme'; import '@heroui/system'; import './date-range-picker-field.js'; interface Props<T extends DateValue> extends UseDateRangePickerProps<T> { /** * The placement of the selector button. * @default "end" */ selectorButtonPlacement?: "start" | "end"; } type DateRangePickerProps<T extends DateValue = DateValue> = Props<T>; declare const DateRangePicker: <T extends DateValue>(props: DateRangePickerProps<T>) => ReactElement; export { type DateRangePickerProps, type Props, DateRangePicker as default };