UNPKG

react-calendar-kit

Version:

React Calendar Kit is a powerful and flexible library for building accessible and highly customizable calendar and date/time picker components in your React applications. React Calendar Kit provides a solid foundation for creating inclusive user experienc

30 lines (27 loc) 1.26 kB
import { Ref, ReactElement, CSSProperties, ReactNode } from 'react'; import { DateValue } from '@react-aria/datepicker'; import { DateRangePickerState } from '@react-stately/datepicker'; import { InputClassNames, InputStyles } from '../types/theme.types.mjs'; import { DateInputGroupProps } from './date-input-group.mjs'; import { DateRangeFieldProps } from './date-range-field.mjs'; import '@react-types/shared'; import '../types/common.types.mjs'; import '@internationalized/date'; import './date-field.mjs'; import './date-input-segment.mjs'; interface Props<T extends DateValue = DateValue> extends Pick<DateInputGroupProps, 'children' | 'startContent' | 'endContent' | 'labelProps' | 'groupProps'> { state: DateRangePickerState; getStartDateFieldProps: DateRangeFieldProps<T>; getEndDateFieldProps: DateRangeFieldProps<T>; className?: string; classNames?: InputClassNames; styles?: InputStyles; style?: CSSProperties; label?: ReactNode; separator?: ReactNode; } type DateRangeInputProps<T extends DateValue = DateValue> = Props<T> & { ref?: Ref<HTMLElement>; }; declare const _default: <T extends DateValue>(props: DateRangeInputProps<T>) => ReactElement; export { type DateRangeInputProps, _default as default };