import type { DateFrameworkType } from "@salt-ds/date-adapters";
import { type ComponentPropsWithoutRef, type SyntheticEvent } from "react";
import { type CalendarGridProps, type CalendarNavigationProps, type CalendarOffsetProps, type CalendarRangeProps, type DateRangeSelection } from "../calendar";
/**
 * Props for the DatePickerRangePanel component.
 * @template TDate - The type of the date object.
 */
export interface DatePickerRangePanelProps<TDate extends DateFrameworkType> extends ComponentPropsWithoutRef<"div"> {
    /**
     * Callback fired when a date range is selected.
     * @param event - The synthetic event.
     * @param selectedDate - The selected date range or null.
     */
    onSelectionChange?: (event: SyntheticEvent, selectedDate?: DateRangeSelection<TDate> | null) => void;
    /**
     * Helper text to be displayed below the date picker.
     */
    helperText?: string;
    /**
     * The currently visible month for the start date.
     */
    startVisibleMonth?: TDate;
    /**
     * The default visible month for the start date.
     */
    defaultStartVisibleMonth?: TDate;
    /**
     * Callback fired when the visible month for the start date changes.
     * @param event - The synthetic event, or null if called by effect.
     * @param visibleMonth - The new visible month for the start date.
     */
    onStartVisibleMonthChange?: (event: SyntheticEvent | null, visibleMonth: TDate) => void;
    /**
     * The currently visible month for the end date.
     */
    endVisibleMonth?: TDate;
    /**
     * The default visible month for the end date.
     */
    defaultEndVisibleMonth?: TDate;
    /**
     * Callback fired when the visible month for the end date changes.
     * @param event - The synthetic event or null if triggered by code.
     * @param visibleMonth - The new visible month for the end date.
     */
    onEndVisibleMonthChange?: (event: SyntheticEvent | null, visibleMonth: TDate) => void;
    /**
     * Callback fired when the focused date changes.
     * @param event - The synthetic event or null if triggered by code.
     * @param focusedDate - The new focused date.
     */
    onFocusedDateChange?: (event: SyntheticEvent | null, focusedDate?: TDate | null) => void;
    /**
     * Callback fired when the hovered date changes.
     * @param event - The synthetic event.
     * @param hoveredDate - The new hovered date.
     */
    onHoveredDateChange?: (event: SyntheticEvent, hoveredDate?: TDate | null) => void;
    /**
     * Props to be passed to the start date CalendarNavigation component.
     */
    StartCalendarNavigationProps?: CalendarNavigationProps<TDate>;
    /**
     * Props to be passed to the start date calendar component.
     */
    StartCalendarProps?: Partial<Omit<CalendarRangeProps<TDate> | CalendarOffsetProps<TDate>, "selectedDate" | "defaultSelectedDate" | "multiselect" | "onFocusedDateChange" | "onHoveredDateChange" | "onSelectionChange" | "onVisibleMonthChange">>;
    /**
     * Props to be passed to the start date CalendarGrid component.
     */
    StartCalendarGridProps?: CalendarGridProps<TDate>;
    /**
     * Props to be passed to the end date CalendarNavigation component.
     */
    EndCalendarProps?: Partial<Omit<CalendarRangeProps<TDate>, "selectedDate" | "defaultSelectedDate" | "multiselect" | "onFocusedDateChange" | "onHoveredDateChange" | "onSelectionChange" | "onVisibleMonthChange">>;
    /**
     * Props to be passed to the end date CalendarNavigation component.
     */
    EndCalendarNavigationProps?: CalendarNavigationProps<TDate>;
    /**
     * Props to be passed to the end date CalendarGrid component.
     */
    EndCalendarGridProps?: CalendarGridProps<TDate>;
}
export declare const DatePickerRangePanel: import("react").ForwardRefExoticComponent<DatePickerRangePanelProps<unknown> & import("react").RefAttributes<HTMLDivElement>>;