import React, { FC, SyntheticEvent, ReactNode } from 'react';
import { ReactDatePickerProps } from 'react-datepicker';
export interface DatePickerProps extends ReactDatePickerProps {
    /**
     * React children (to be rendered below the calendar dates).
     */
    children?: ReactNode;
    /**
     * Custom classname to be applied to the DatePicker container.
     */
    className?: string;
    /**
     * Callback that fires when a date is changed/selected.
     */
    onChange: (date: Date | [Date, Date] | null, event: React.SyntheticEvent<any> | undefined) => void;
    /**
     * Callback that fires when a date is clicked.
     */
    onSelect?: ((date: Date, event: SyntheticEvent<any, Event> | undefined) => void) | undefined;
    /**
     * Custom Class to be applied to a single day element based on a date.
     */
    dayClassName?: ((date: Date) => string | null) | undefined;
    /**
     * Custom Class to be applied to a single week element based on a date.
     */
    weekClassName?: ((date: Date) => string | null) | undefined;
    /**
     * Custom Class to be applied to a single month element based on a date.
     */
    monthClassName?: ((date: Date) => string | null) | undefined;
    /**
     * Custom Class to be applied to a specific time.
     */
    timeClassName?: ((date: Date) => string | null) | undefined;
    /**
     * Custom format for weekday.
     */
    formatWeekDay?: (formattedDate: string) => string;
    /**
     * Last allowable/shown date
     */
    maxDate?: Date | null;
    /**
     * First allowable/shown date
     */
    minDate?: Date | null;
    /**
     * Months to be shown at one time
     */
    monthsShown?: number;
    /**
     * Date that the calendar will open to by default.
     */
    openToDate?: Date;
    /**
     * Currently selected date.
     */
    selected?: Date | null;
    /**
     * Whether or not the picker will return a range of dates.
     */
    selectsRange?: boolean;
    /**
     * Start date in a range
     */
    startDate?: Date | null;
    /**
     * Show month picker in two columns
     */
    showTwoColumnMonthYearPicker?: boolean;
    /**
     * See full month name in the month picker
     */
    showFullMonthYearPicker?: boolean;
    /**
     * Use the month picker
     */
    showMonthYearPicker?: boolean;
    /**
     * Additional props to be spread to rendered element
     */
    [x: string]: any;
}
export declare const DatePicker: FC<DatePickerProps>;
export default DatePicker;