import React from 'react';
import { Styles, DayPickerSingleProps } from 'react-day-picker';
import type { ClassesProp } from '@xo-union/react-css-modules';
type InheritedDayPickerProps = Omit<DayPickerSingleProps, 'mode' | 'classNames' | 'className' | 'components' | 'selected' | 'onSelect'>;
export type DatePickerProps = InheritedDayPickerProps & {
    classes?: ClassesProp<'picker-container'>;
    daypickerClasses?: ClassesProp<keyof Styles>;
    fromYear?: number;
    toYear?: number;
    /**
     * Selected value
     * @deprecated use `value`
     */
    selected?: Date | null;
    /**
     * @deprecated use `onChange`
     * Called when date is selected
     */
    onSelect?: DayPickerSingleProps['onSelect'];
    /**
     * @deprecated Use `value` prop instead
     */
    date?: DayPickerSingleProps['selected'];
    /**
     * @deprecated Use `onChange` prop instead
     */
    onDateChange?: DayPickerSingleProps['onSelect'];
    /**
     * Control the date state
     */
    value?: Date;
    /**
     * Handle changes triggered by user interaction
     */
    onChange?: (evt: {
        detail: {
            value?: Date;
            selectedDay: Date;
            activeModifiers: {
                today?: boolean;
                outside?: boolean;
                disabled?: boolean;
                hidden?: boolean;
                selected?: boolean;
                range_start?: boolean;
                range_middle?: boolean;
                range_end?: boolean;
            };
        };
        parentEvent: React.MouseEvent<Element> | React.KeyboardEvent<Element>;
    }) => void;
};
declare const DatePicker: ({ daypickerClasses: daypickerClassesProp, classes: classesProp, numberOfMonths, pagedNavigation, fromYear, toYear, date, onDateChange, selected, onSelect, value, onChange, ...props }: DatePickerProps) => React.ReactElement;
export default DatePicker;