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
25 lines (22 loc) • 1.22 kB
TypeScript
import { Ref, ReactElement, CSSProperties } from 'react';
import { DateValue, Calendar } from '@internationalized/date';
import { AriaDateFieldProps } from '@react-aria/datepicker';
import { SupportedCalendars } from '../types/common.types.js';
import { InputClassNames, InputStyles } from '../types/theme.types.js';
import { DateFieldProps } from './date-field.js';
import { DateInputGroupProps } from './date-input-group.js';
import '@react-stately/datepicker';
import '@react-types/shared';
import './date-input-segment.js';
interface Props<T extends DateValue = DateValue> extends AriaDateFieldProps<T>, Pick<DateFieldProps, 'inputProps' | 'fieldProps' | 'segmentProps' | 'formatSegment'>, Pick<DateInputGroupProps, 'children' | 'startContent' | 'endContent' | 'labelProps' | 'groupProps'> {
className?: string;
style?: CSSProperties;
classNames?: InputClassNames;
styles?: InputStyles;
createCalendar?: (calendar: SupportedCalendars) => Calendar | null;
}
type DateInputProps<T extends DateValue = DateValue> = Props<T> & {
ref?: Ref<HTMLElement>;
};
declare const _default: <T extends DateValue>(props: DateInputProps<T>) => ReactElement;
export { type DateInputProps, _default as default };