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