import { LitElement } from "lit";
import type { TemplateResult } from "lit";
export interface DateRangeChangeDetail {
    from: string | null;
    to: string | null;
}
/**
 * @fires xm-date-range-change - Fired when the selected date range changes.
 */
export declare class XmDateRange extends LitElement {
    static styles: CSSStyleSheet[];
    from: string | null;
    to: string | null;
    placeholder: string;
    open: boolean;
    private _id;
    private _draftFrom;
    private _draftTo;
    private _view;
    private _focusDay;
    private _liveMsg;
    private _activePreset;
    private _overlay;
    private _trigger;
    private _panel;
    private _closing;
    connectedCallback(): void;
    disconnectedCallback(): void;
    private _onDocPointer;
    private _initDraft;
    private _toggle;
    private _close;
    private _onOverlayClose;
    private _focusRovingDay;
    private _applyPreset;
    private _pickDay;
    private get _invalid();
    private _apply;
    private _clear;
    private _emit;
    private _shiftMonth;
    private _onGridKey;
    private _panelFocusables;
    private _onPanelKey;
    private _daysInMonth;
    protected willUpdate(changed: Map<string, unknown>): void;
    protected updated(changed: Map<string, unknown>): void;
    render(): TemplateResult;
    private _renderTriggerValue;
    private _renderPanel;
    private _renderRail;
    private _renderCalendar;
    private _renderWeeks;
    private _renderDay;
    private _renderFooter;
}
declare global {
    interface HTMLElementTagNameMap {
        "xm-date-range": XmDateRange;
    }
}