import React from 'react';
import 'react-day-picker/lib/style.css';
import { CompatibleDateValue } from '../date-picker';
export declare type ActiveDate = 'startDate' | 'endDate' | null;
export declare type CommonRange = {
    id: React.ReactNode;
    name: React.ReactNode;
    startDate: CompatibleDateValue;
    endDate: CompatibleDateValue;
};
export declare const DateRangePickerContext: React.Context<string>;
export default function DateRangePicker({ startDate, endDate, focusedInput, anchor, commonRanges, numberOfMonths, onChange, onFocusChange, onSelectCommonRange, isOutsideRange, }: {
    startDate: CompatibleDateValue;
    endDate: CompatibleDateValue;
    focusedInput?: ActiveDate;
    anchor?: 'ANCHOR_LEFT' | 'ANCHOR_RIGHT';
    commonRanges?: Array<CommonRange>;
    numberOfMonths?: 1 | 2;
    onChange: (values: {
        startDate: CompatibleDateValue;
        endDate: CompatibleDateValue;
    }) => void;
    onFocusChange?: (active: ActiveDate) => void;
    onSelectCommonRange?: (range: any) => void;
    isOutsideRange?: (date: CompatibleDateValue) => boolean;
}): JSX.Element;
