import type { JsxCustomElementAttributes, JsxElementProps } from '@ecopages/jsx';
import { type RuiCalendarElement, type RuiCalendarProps } from '../calendar';
import type { RuiDateRangePicker as RuiDateRangePickerElement, RuiDateRangePickerProps } from './date-range-picker.script';
import './date-range-picker.script';
export type RuiDateRangePickerControlProps = JsxElementProps<HTMLDivElement>;
/** Bordered control row containing the date inputs and calendar toggle. */
export declare function RuiDateRangePickerControl({ children, class: className, ...props }: RuiDateRangePickerControlProps): import("@ecopages/jsx").JsxRenderable;
export type RuiDateRangePickerInputsProps = JsxElementProps<HTMLDivElement>;
/** Input row for `RuiDateRangePickerStartInput` and `RuiDateRangePickerEndInput`. */
export declare function RuiDateRangePickerInputs({ children, class: className, ...props }: RuiDateRangePickerInputsProps): import("@ecopages/jsx").JsxRenderable;
export type RuiDateRangePickerStartInputProps = JsxElementProps<HTMLInputElement>;
/** Start-date text input controlled by the range-picker host. */
export declare function RuiDateRangePickerStartInput({ class: className, ...props }: RuiDateRangePickerStartInputProps): import("@ecopages/jsx").JsxRenderable;
export type RuiDateRangePickerEndInputProps = JsxElementProps<HTMLInputElement>;
/** End-date text input controlled by the range-picker host. */
export declare function RuiDateRangePickerEndInput({ class: className, ...props }: RuiDateRangePickerEndInputProps): import("@ecopages/jsx").JsxRenderable;
export type RuiDateRangePickerSeparatorProps = JsxElementProps<HTMLSpanElement>;
/** Visual separator between the start and end inputs. */
export declare function RuiDateRangePickerSeparator({ children, class: className, ...props }: RuiDateRangePickerSeparatorProps): import("@ecopages/jsx").JsxRenderable;
export type RuiDateRangePickerToggleProps = JsxElementProps<HTMLButtonElement>;
/** Toggle button for the range calendar. */
export declare function RuiDateRangePickerToggle({ children, class: className, aria, ...props }: RuiDateRangePickerToggleProps): import("@ecopages/jsx").JsxRenderable;
export type RuiDateRangePickerPopoverProps = JsxElementProps<HTMLDivElement>;
/** Floating shell for a `RuiDateRangePickerCalendar`. */
export declare function RuiDateRangePickerPopover({ children, class: className, ...props }: RuiDateRangePickerPopoverProps): import("@ecopages/jsx").JsxRenderable;
export type RuiDateRangePickerCalendarProps = JsxCustomElementAttributes<RuiCalendarElement, RuiCalendarProps>;
/** Calendar whose range value and constraints are synchronized by the range-picker host. */
export declare function RuiDateRangePickerCalendar(props: RuiDateRangePickerCalendarProps): import("@ecopages/jsx").JsxRenderable;
export type RuiDateRangePickerViewProps = JsxCustomElementAttributes<RuiDateRangePickerElement, RuiDateRangePickerProps> & {
    /** Accessible name for the default start-date input. */
    startLabel?: string;
    /** Accessible name for the default end-date input. */
    endLabel?: string;
};
/**
 * Locale-aware date range picker with text inputs and a range calendar popover.
 *
 * Pair with `RuiLabel` / `RuiField` for labeling and validation.
 */
export declare function RuiDateRangePicker({ children, startLabel, endLabel, ...props }: RuiDateRangePickerViewProps): import("@ecopages/jsx").JsxRenderable;