import { DateRange } from 'react-day-picker';
import { ButtonProps } from '../button';

export interface DateRangePickerProps extends Omit<ButtonProps, 'value' | 'onChange' | 'children'> {
    /**
     * The selected date range.
     * @default undefined
     * @example { from: new Date(), to: new Date() }
     */
    value?: DateRange;
    /**
     * Callback when the date range is changed.
     *
     * @param range
     * @returns
     */
    onChange?: (range: DateRange | undefined) => void;
    /**
     * The label for the date range picker.
     * @default undefined
     * @example "Effective Period"
     */
    label?: string;
    /**
     * The placeholder for the date range picker.
     * @default "Select date range"
     * @example "Select effective period"
     */
    placeholder?: string;
    /**
     * Whether the date range picker is required.
     * @default false
     * @example true
     */
    required?: boolean;
    /**
     * The error message to display.
     * @default undefined
     * @example "This field is required"
     */
    error?: string;
    /**
     * Whether the date range picker is disabled.
     * @default false
     * @example true
     */
    disabled?: boolean;
    /**
     * Whether the date range picker is clearable.
     * @default true
     * @example false
     */
    clearable?: boolean;
    /**
     * Minimum selectable date.
     * @default undefined
     * @example new Date()
     */
    minDate?: Date;
    /**
     * Maximum selectable date.
     * @default undefined
     * @example new Date()
     */
    maxDate?: Date;
    /**
     * Custom format for displaying dates.
     * @default "MMM dd, yyyy"
     * @example "dd/MM/yyyy"
     */
    dateFormat?: string;
    /**
     * Separator between from and to dates.
     * @default " - "
     * @example " to "
     */
    separator?: string;
    /**
     * Number of months to display.
     * @default 2
     * @example 1
     */
    numberOfMonths?: number;
}
export declare const DateRangePicker: import('react').ForwardRefExoticComponent<DateRangePickerProps & import('react').RefAttributes<HTMLButtonElement>>;