import { type FC } from 'react';
import { ButtonProps } from '../Button';
import { PopoverContentProps } from '../Popover';
import { DayPickerRangeProps } from 'react-day-picker';
export interface DateRangePickerProps extends Omit<DayPickerRangeProps, 'mode'> {
    /** Click handler for applying the updates from DateRangePicker. */
    onUpdate?: (range: DateRange) => void;
    /** Initial value for start date */
    initialDateFrom?: Date | string;
    /** Initial value for end date */
    initialDateTo?: Date | string;
    /** Alignment of popover */
    align?: 'start' | 'center' | 'end';
    /** Option for showing compare feature */
    showCompare?: boolean;
    /** Option format label date */
    format?: string;
    /** View placeholder */
    placeholder: string;
    /** Option custom button */
    buttonProps?: ButtonProps;
    /** Option custom button cancel */
    cancelBtnProps?: ButtonProps;
    /** Option custom button ok */
    okBtnProps?: ButtonProps;
    popoverContentProps?: PopoverContentProps;
}
export interface DateRange {
    from: Date | undefined;
    to: Date | undefined;
}
/** The DateRangePicker component allows a user to select a range of dates */
export declare const DateRangePicker: FC<DateRangePickerProps>;