import { MouseEvent } from 'react';
import { PopperProps } from '@mui/material/Popper';
import { SxProps } from '@mui/system';
import type { DateObject } from 'react-multi-date-picker';
import type { CalenderMode, Timezone } from '../../types/index.js';
import { RangeDatepickerProps } from './components/RangeDatepicker';
export type Dates = [DateObject, DateObject];
export interface RangeCalendarProps {
    defaultDate: [Date, Date];
    onDateChange: (date: [Date, Date]) => void;
    mode?: CalenderMode;
    onCalendarModeSwitch?: (mode: CalenderMode) => void;
    numberOfMonths?: number;
    noTimezone?: boolean;
    noQuickFilter?: boolean;
    maxDateRange?: number;
    onCalendarGroupChange?: (value: string) => void;
    groupBy?: string;
    timezone?: Timezone | null;
    onChangeTimezone?: (timezone: Timezone) => void;
    defaultCountryTimezone?: Timezone;
    browserTimezone?: string;
    renderCalendarButton?: (open: boolean, onOpenCalender: (event: MouseEvent<HTMLElement>) => void) => React.ReactNode;
    mainSx?: SxProps;
    popperProps?: Partial<PopperProps>;
    rangeDatePickerProps?: Partial<RangeDatepickerProps>;
    timezoneCountriesCodes?: string[];
}