import { type Ref } from "vue";
import type { SelectionRange } from "@progress/kendo-vue-dateinputs";
export type RangeChangePayload = {
    value: SelectionRange | null;
    event: any;
};
export declare function useMaskedDateRangeInput(args: {
    id: string;
    onChange: (p: RangeChangePayload) => void;
    onShowCalendar: (e: KeyboardEvent) => void;
    externalValue?: Ref<SelectionRange | null | undefined>;
    externalValid?: Ref<boolean | undefined>;
    manageValid?: boolean;
    maxSpanDays?: number;
    min?: Date;
    max?: Date;
    allowReverse?: boolean;
    isOpen?: Ref<boolean>;
    onRequestClose?: () => void;
    closeDelay?: Ref<number> | number;
    debug?: boolean;
}): {
    raw: Ref<string, string>;
    cursorPos: Ref<number, number>;
    debugEnabled: Ref<boolean, boolean>;
    debugLines: import("vue").ComputedRef<{
        label: string;
        value: string;
    }[]>;
    digitsOnly: import("vue").ComputedRef<string>;
    valid: Ref<boolean, boolean>;
    validComputed: Readonly<Ref<boolean, boolean>>;
    reason: Readonly<Ref<string, string>>;
    validationMessage: Readonly<Ref<string, string>>;
    spanDays: Readonly<Ref<number, number>>;
    month1: Readonly<Ref<string, string>>;
    day1: Readonly<Ref<string, string>>;
    year1: Readonly<Ref<string, string>>;
    month2: Readonly<Ref<string, string>>;
    day2: Readonly<Ref<string, string>>;
    year2: Readonly<Ref<string, string>>;
    handleChange: (event: any) => void;
    handleKeyDown: (event: KeyboardEvent) => void;
    handleWheel: (event: WheelEvent) => void;
    handleKeyUp: (event: KeyboardEvent) => void;
    handleClick: (event: MouseEvent) => void;
    handleBlur: (_event: FocusEvent) => void;
    handleClear: (event?: Event) => void;
    onCalendarChange: () => void;
    initStyling: () => void;
};