import { default as React } from 'react';
import { DateRange, DayPickerProps } from 'react-day-picker';
export * from 'react-day-picker/locale';
type CalendarModeProps = {
    mode: "single";
    selected: Date | undefined;
    onSelect: (date: Date | undefined) => void;
} | {
    mode: "range";
    selected: DateRange | undefined;
    onSelect: (dateRange: DateRange | undefined) => void;
};
export type CalendarProps = Omit<DayPickerProps, "mode" | "selected" | "onSelect"> & CalendarModeProps & {
    ["data-testid"]?: string;
    /**
     * Ref to first element - previous month button
     * Used internally only for focus management
     * */
    firstElementRef?: React.Ref<HTMLButtonElement>;
};
/**
 * Calendar component that wraps the DayPicker from react-day-picker.
 * You can use react-day-picker's props to customize the calendar.
 * https://daypicker.dev/api
 *
 * Year range is set to 20 years (10 years before today, and 10 years after today).
 * This can be customized using the `startMonth` and `endMonth` props.
 */
export declare const Calendar: {
    (props: CalendarProps): React.JSX.Element;
    displayName: string;
};
//# sourceMappingURL=calendar.d.ts.map