react-calendar-kit/dist/index.d.mts

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

import { DateRangeFieldProps } from './input/date-range-field.mjs';
import { UseDateRangePickerProps } from './date-picker/use-date-range-picker.mjs';
export { useDateRangePicker } from './date-picker/use-date-range-picker.mjs';
import * as _react_types_dialog from '@react-types/dialog';
import * as _react_types_calendar from '@react-types/calendar';
import * as _react_types_shared from '@react-types/shared';
export { RangeValue } from '@react-types/shared';
import * as _react_aria_button from '@react-aria/button';
import { ElementProps } from './types/common.types.mjs';
import * as _react_stately_datepicker from '@react-stately/datepicker';
import { UseDatePickerProps } from './date-picker/use-date-picker.mjs';
export { useDatePicker } from './date-picker/use-date-picker.mjs';
import { C as CalendarProps } from './calendar-ClXhr701.mjs';
export { _ as Calendar } from './calendar-ClXhr701.mjs';
import { RangeCalendarProps } from './calendar/range-calendar.mjs';
export { default as RangeCalendar } from './calendar/range-calendar.mjs';
import * as React from 'react';
import { DateRangeInputProps } from './input/date-range-input.mjs';
export { default as DateRangeInput } from './input/date-range-input.mjs';
import { TimeInputProps } from './input/time-input.mjs';
export { default as TimeInput } from './input/time-input.mjs';
import * as _react_aria_datepicker from '@react-aria/datepicker';
export { DateRange, DateValue, TimeValue } from '@react-aria/datepicker';
import { DateInputProps } from './input/date-input.mjs';
export { default as DateInput } from './input/date-input.mjs';
import * as _internationalized_date from '@internationalized/date';
export { I18nProvider as LocaleProvider } from '@react-aria/i18n';
import './types/theme.types.mjs';
import './input/date-field.mjs';
import './input/date-input-segment.mjs';
import '@react-aria/calendar';
import './calendar/calendar-context.mjs';
import '@react-stately/calendar';
import './input/date-input-group.mjs';

declare const CalendarKit: {
    DateInput: <T extends _internationalized_date.DateValue>(props: DateInputProps<T>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
    TimeInput: <T_1 extends _react_aria_datepicker.TimeValue>(props: TimeInputProps<T_1>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
    DateRangeInput: <T_2 extends _react_aria_datepicker.DateValue>(props: DateRangeInputProps<T_2>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
    Calendar: <T_3 extends _internationalized_date.DateValue>(props: CalendarProps<T_3>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
    RangeCalendar: <T_4 extends _internationalized_date.DateValue>(props: RangeCalendarProps<T_4>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
    useDatePicker: <T_5 extends _internationalized_date.DateValue>(props?: UseDatePickerProps<T_5>) => {
        ref: React.MutableRefObject<HTMLDivElement>;
        state: _react_stately_datepicker.DatePickerState;
        getTriggerProps: ElementProps<"button">;
        getAriaTriggerProps: _react_aria_button.AriaButtonProps<"button">;
        getDateInputProps: _react_aria_datepicker.AriaDatePickerProps<T_5> & {
            groupProps: _react_types_shared.GroupDOMAttributes;
            labelProps: _react_types_shared.DOMAttributes<_react_types_shared.FocusableElement>;
        };
        getTimeInputProps: TimeInputProps;
        getCalendarProps: _react_types_calendar.CalendarProps<T_5>;
        getDialogProps: _react_types_dialog.AriaDialogProps;
    };
    useDateRangePicker: <T_6 extends _internationalized_date.DateValue>(props?: UseDateRangePickerProps<T_6>) => {
        ref: React.MutableRefObject<HTMLDivElement>;
        state: _react_stately_datepicker.DateRangePickerState;
        getTriggerProps: ElementProps<"button">;
        getAriaTriggerProps: _react_aria_button.AriaButtonProps<"button">;
        getDateRangeProps: {
            state: _react_stately_datepicker.DateRangePickerState;
            label?: React.ReactNode;
            groupProps: _react_types_shared.GroupDOMAttributes;
            labelProps: _react_types_shared.DOMAttributes<_react_types_shared.FocusableElement>;
            getStartDateFieldProps: DateRangeFieldProps<T_6>;
            getEndDateFieldProps: DateRangeFieldProps<T_6>;
        };
        getTimeInputRangeProps: {
            getStartTimeInputProps: TimeInputProps;
            getEndTimeInputProps: TimeInputProps;
        };
        getCalendarProps: RangeCalendarProps<T_6>;
        getDialogProps: _react_types_dialog.AriaDialogProps;
    };
};

export { CalendarKit, CalendarProps, DateInputProps, DateRangeInputProps, RangeCalendarProps, TimeInputProps, UseDatePickerProps, UseDateRangePickerProps };