import { EventEmitter } from '../../stencil-public-runtime';
import { ComponentSize } from '../../utils/form-input-base';
/**
 * DateRangePicker 日期范围选择器组件
 * 选择开始与结束日期，展开双月份面板（右月 = 左月 + 1）
 */
export declare class DateRangePicker {
    el: HTMLElement;
    /** 绑定值 [start, end]，ISO 字符串 */
    modelValue: string[];
    /** 占位文本 [startPlaceholder, endPlaceholder] */
    placeholder: string[];
    /** 是否禁用 */
    disabled: boolean;
    /** 是否可清空 */
    clearable: boolean;
    /** 尺寸 */
    size: ComponentSize;
    /** 日期格式 */
    format: string;
    /**
     * 禁用日期判定函数。返回 true 的日期在日历中不可选（加 disabled 态、不可点击、aria-disabled）。
     * @param date 当前日期格子的 Date 对象
     */
    disabledDate?: (date: Date) => boolean;
    /** 原生 name 属性 */
    name?: string;
    /** 范围改变事件，detail 为 [start, end] */
    hbChange: EventEmitter<string[]>;
    /** 面板展开/收起事件 */
    hbVisibleChange: EventEmitter<boolean>;
    /** 面板是否展开 */
    isOpen: boolean;
    /** 左侧面板视图月份 */
    leftViewDate: Date;
    /** 范围起点（Date 形式，选择中暂存） */
    startDate?: Date;
    /** 范围终点（Date 形式，选择中暂存） */
    endDate?: Date;
    /** 是否已选了起点，等待选终点 */
    pickingEnd: boolean;
    /** hover 中的日期，用于高亮范围 */
    hoverDate?: Date;
    private clickOutside;
    componentDidLoad(): void;
    disconnectedCallback(): void;
    handleModelValueChange(): void;
    private syncFromModelValue;
    private get displayStart();
    private get displayEnd();
    private openPanel;
    private closePanel;
    private handleTriggerClick;
    private handleClear;
    private changeMonth;
    /** 判断某日期是否被 disabledDate 禁用 */
    private isDateDisabled;
    /** 点击某一日格 */
    private handleDayClick;
    private commitRange;
    private handleDayHover;
    /** 计算某日格的状态 */
    private isStart;
    private isEnd;
    private isInRange;
    private renderMonth;
    render(): any;
}
