hongluan-ui/lib/components/date-picker/src/panel-utils.d.ts

Hongluan Component Library for Vue 3

import type { IDatePickerType } from './date-picker.type';
export declare const getPanel: (type: IDatePickerType) => import("vue").DefineComponent<{
    visible: BooleanConstructor;
    unlinkPanels: BooleanConstructor;
    parsedValue: {
        type: import("vue").PropType<import("dayjs").Dayjs[]>;
    };
    type: {
        type: import("vue").PropType<"year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange">;
        required: boolean;
    };
    dateFormat: StringConstructor;
    timeFormat: StringConstructor;
}, {
    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
        visible: BooleanConstructor;
        unlinkPanels: BooleanConstructor;
        parsedValue: {
            type: import("vue").PropType<import("dayjs").Dayjs[]>;
        };
        type: {
            type: import("vue").PropType<"year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange">;
            required: boolean;
        };
        dateFormat: StringConstructor;
        timeFormat: StringConstructor;
    }>> & {
        onPick?: (...args: any[]) => any;
        "onCalendar-change"?: (...args: any[]) => any;
        "onPanel-change"?: (...args: any[]) => any;
        "onSet-picker-option"?: (...args: any[]) => any;
    }>>;
    emit: (event: "calendar-change" | "panel-change" | "pick" | "set-picker-option", ...args: any[]) => void;
    unit: string;
    pickerBase: any;
    disabledDate: any;
    cellClassName: any;
    defaultTime: any;
    clearable: any;
    format: import("vue").Ref<any>;
    shortcuts: import("vue").Ref<any>;
    defaultValue: import("vue").Ref<any>;
    lang: import("vue").Ref<string>;
    leftDate: import("vue").Ref<{
        clone: () => import("dayjs").Dayjs;
        isValid: () => boolean;
        year: {
            (): number;
            (value: number): import("dayjs").Dayjs;
        };
        month: {
            (): number;
            (value: number): import("dayjs").Dayjs;
        };
        date: {
            (): number;
            (value: number): import("dayjs").Dayjs;
        };
        day: {
            (): number;
            (value: number): import("dayjs").Dayjs;
        };
        hour: {
            (): number;
            (value: number): import("dayjs").Dayjs;
        };
        minute: {
            (): number;
            (value: number): import("dayjs").Dayjs;
        };
        second: {
            (): number;
            (value: number): import("dayjs").Dayjs;
        };
        millisecond: {
            (): number;
            (value: number): import("dayjs").Dayjs;
        };
        set: (unit: import("dayjs").UnitType, value: number) => import("dayjs").Dayjs;
        get: (unit: import("dayjs").UnitType) => number;
        add: (value: number, unit?: import("dayjs").ManipulateType) => import("dayjs").Dayjs;
        subtract: (value: number, unit?: import("dayjs").ManipulateType) => import("dayjs").Dayjs;
        startOf: (unit: import("dayjs").OpUnitType) => import("dayjs").Dayjs;
        endOf: (unit: import("dayjs").OpUnitType) => import("dayjs").Dayjs;
        format: (template?: string) => string;
        diff: (date?: string | number | Date | import("dayjs").Dayjs, unit?: "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "D" | "M" | "y" | "weeks" | "day" | "hour" | "minute" | "second" | "millisecond" | "hours" | "minutes" | "seconds" | "s" | "milliseconds" | "days" | "d" | "h" | "m" | "ms" | "w" | "quarter" | "quarters" | "Q", float?: boolean) => number;
        valueOf: () => number;
        unix: () => number;
        daysInMonth: () => number;
        toDate: () => Date;
        toJSON: () => string;
        toISOString: () => string;
        toString: () => string;
        utcOffset: () => number;
        isBefore: (date: string | number | Date | import("dayjs").Dayjs, unit?: import("dayjs").OpUnitType) => boolean;
        isSame: (date: string | number | Date | import("dayjs").Dayjs, unit?: import("dayjs").OpUnitType) => boolean;
        isAfter: (date: string | number | Date | import("dayjs").Dayjs, unit?: import("dayjs").OpUnitType) => boolean;
        locale: {
            (): string;
            (preset: string | ILocale, object?: Partial<ILocale>): import("dayjs").Dayjs;
        };
        localeData: () => import("dayjs").InstanceLocaleDataReturn;
        week: {
            (): number;
            (value: number): import("dayjs").Dayjs;
        };
        weekYear: () => number;
        dayOfYear: {
            (): number;
            (value: number): import("dayjs").Dayjs;
        };
        isSameOrAfter: (date: string | number | Date | import("dayjs").Dayjs, unit?: import("dayjs").OpUnitType) => boolean;
        isSameOrBefore: (date: string | number | Date | import("dayjs").Dayjs, unit?: import("dayjs").OpUnitType) => boolean;
    }>;
    rightDate: import("vue").Ref<{
        clone: () => import("dayjs").Dayjs;
        isValid: () => boolean;
        year: {
            (): number;
            (value: number): import("dayjs").Dayjs;
        };
        month: {
            (): number;
            (value: number): import("dayjs").Dayjs;
        };
        date: {
            (): number;
            (value: number): import("dayjs").Dayjs;
        };
        day: {
            (): number;
            (value: number): import("dayjs").Dayjs;
        };
        hour: {
            (): number;
            (value: number): import("dayjs").Dayjs;
        };
        minute: {
            (): number;
            (value: number): import("dayjs").Dayjs;
        };
        second: {
            (): number;
            (value: number): import("dayjs").Dayjs;
        };
        millisecond: {
            (): number;
            (value: number): import("dayjs").Dayjs;
        };
        set: (unit: import("dayjs").UnitType, value: number) => import("dayjs").Dayjs;
        get: (unit: import("dayjs").UnitType) => number;
        add: (value: number, unit?: import("dayjs").ManipulateType) => import("dayjs").Dayjs;
        subtract: (value: number, unit?: import("dayjs").ManipulateType) => import("dayjs").Dayjs;
        startOf: (unit: import("dayjs").OpUnitType) => import("dayjs").Dayjs;
        endOf: (unit: import("dayjs").OpUnitType) => import("dayjs").Dayjs;
        format: (template?: string) => string;
        diff: (date?: string | number | Date | import("dayjs").Dayjs, unit?: "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "D" | "M" | "y" | "weeks" | "day" | "hour" | "minute" | "second" | "millisecond" | "hours" | "minutes" | "seconds" | "s" | "milliseconds" | "days" | "d" | "h" | "m" | "ms" | "w" | "quarter" | "quarters" | "Q", float?: boolean) => number;
        valueOf: () => number;
        unix: () => number;
        daysInMonth: () => number;
        toDate: () => Date;
        toJSON: () => string;
        toISOString: () => string;
        toString: () => string;
        utcOffset: () => number;
        isBefore: (date: string | number | Date | import("dayjs").Dayjs, unit?: import("dayjs").OpUnitType) => boolean;
        isSame: (date: string | number | Date | import("dayjs").Dayjs, unit?: import("dayjs").OpUnitType) => boolean;
        isAfter: (date: string | number | Date | import("dayjs").Dayjs, unit?: import("dayjs").OpUnitType) => boolean;
        locale: {
            (): string;
            (preset: string | ILocale, object?: Partial<ILocale>): import("dayjs").Dayjs;
        };
        localeData: () => import("dayjs").InstanceLocaleDataReturn;
        week: {
            (): number;
            (value: number): import("dayjs").Dayjs;
        };
        weekYear: () => number;
        dayOfYear: {
            (): number;
            (value: number): import("dayjs").Dayjs;
        };
        isSameOrAfter: (date: string | number | Date | import("dayjs").Dayjs, unit?: import("dayjs").OpUnitType) => boolean;
        isSameOrBefore: (date: string | number | Date | import("dayjs").Dayjs, unit?: import("dayjs").OpUnitType) => boolean;
    }>;
    namespace: import("vue").ComputedRef<string>;
    minDate: import("vue").Ref<import("dayjs").Dayjs>;
    maxDate: import("vue").Ref<import("dayjs").Dayjs>;
    rangeState: import("vue").Ref<{
        endDate: {
            clone: () => import("dayjs").Dayjs;
            isValid: () => boolean;
            year: {
                (): number;
                (value: number): import("dayjs").Dayjs;
            };
            month: {
                (): number;
                (value: number): import("dayjs").Dayjs;
            };
            date: {
                (): number;
                (value: number): import("dayjs").Dayjs;
            };
            day: {
                (): number;
                (value: number): import("dayjs").Dayjs;
            };
            hour: {
                (): number;
                (value: number): import("dayjs").Dayjs;
            };
            minute: {
                (): number;
                (value: number): import("dayjs").Dayjs;
            };
            second: {
                (): number;
                (value: number): import("dayjs").Dayjs;
            };
            millisecond: {
                (): number;
                (value: number): import("dayjs").Dayjs;
            };
            set: (unit: import("dayjs").UnitType, value: number) => import("dayjs").Dayjs;
            get: (unit: import("dayjs").UnitType) => number;
            add: (value: number, unit?: import("dayjs").ManipulateType) => import("dayjs").Dayjs;
            subtract: (value: number, unit?: import("dayjs").ManipulateType) => import("dayjs").Dayjs;
            startOf: (unit: import("dayjs").OpUnitType) => import("dayjs").Dayjs;
            endOf: (unit: import("dayjs").OpUnitType) => import("dayjs").Dayjs;
            format: (template?: string) => string;
            diff: (date?: string | number | Date | import("dayjs").Dayjs, unit?: "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "D" | "M" | "y" | "weeks" | "day" | "hour" | "minute" | "second" | "millisecond" | "hours" | "minutes" | "seconds" | "s" | "milliseconds" | "days" | "d" | "h" | "m" | "ms" | "w" | "quarter" | "quarters" | "Q", float?: boolean) => number;
            valueOf: () => number;
            unix: () => number;
            daysInMonth: () => number;
            toDate: () => Date;
            toJSON: () => string;
            toISOString: () => string;
            toString: () => string;
            utcOffset: () => number;
            isBefore: (date: string | number | Date | import("dayjs").Dayjs, unit?: import("dayjs").OpUnitType) => boolean;
            isSame: (date: string | number | Date | import("dayjs").Dayjs, unit?: import("dayjs").OpUnitType) => boolean;
            isAfter: (date: string | number | Date | import("dayjs").Dayjs, unit?: import("dayjs").OpUnitType) => boolean;
            locale: {
                (): string;
                (preset: string | ILocale, object?: Partial<ILocale>): import("dayjs").Dayjs;
            };
            localeData: () => import("dayjs").InstanceLocaleDataReturn;
            week: {
                (): number;
                (value: number): import("dayjs").Dayjs;
            };
            weekYear: () => number;
            dayOfYear: {
                (): number;
                (value: number): import("dayjs").Dayjs;
            };
            isSameOrAfter: (date: string | number | Date | import("dayjs").Dayjs, unit?: import("dayjs").OpUnitType) => boolean;
            isSameOrBefore: (date: string | number | Date | import("dayjs").Dayjs, unit?: import("dayjs").OpUnitType) => boolean;
        };
        selecting: boolean;
    }>;
    handleChangeRange: (val: import("./props/shared").RangeState) => void;
    handleRangeConfirm: (visible?: boolean) => void;
    handleShortcutClick: (shortcut: import("./composables/use-shortcut").Shortcut) => void;
    onSelect: (selecting: boolean) => void;
    onReset: (parsedValue: import("dayjs").Dayjs[]) => void;
    t: import("../../..").Translator;
    dateUserInput: import("vue").Ref<{
        min: string;
        max: string;
    }>;
    timeUserInput: import("vue").Ref<{
        min: string;
        max: string;
    }>;
    leftLabel: import("vue").ComputedRef<string>;
    rightLabel: import("vue").ComputedRef<string>;
    leftYear: import("vue").ComputedRef<number>;
    leftMonth: import("vue").ComputedRef<number>;
    rightYear: import("vue").ComputedRef<number>;
    rightMonth: import("vue").ComputedRef<number>;
    hasShortcuts: import("vue").ComputedRef<boolean>;
    minVisibleDate: import("vue").ComputedRef<string>;
    maxVisibleDate: import("vue").ComputedRef<string>;
    minVisibleTime: import("vue").ComputedRef<string>;
    maxVisibleTime: import("vue").ComputedRef<string>;
    timeFormat: import("vue").ComputedRef<string>;
    dateFormat: import("vue").ComputedRef<string>;
    isValidValue: (date: [import("dayjs").Dayjs, import("dayjs").Dayjs]) => boolean;
    leftPrevYear: () => void;
    leftPrevMonth: () => void;
    rightNextYear: () => void;
    rightNextMonth: () => void;
    leftNextYear: () => void;
    leftNextMonth: () => void;
    rightPrevYear: () => void;
    rightPrevMonth: () => void;
    handlePanelChange: (mode: "year" | "month") => void;
    enableMonthArrow: import("vue").ComputedRef<boolean>;
    enableYearArrow: import("vue").ComputedRef<boolean>;
    btnDisabled: import("vue").ComputedRef<boolean>;
    showTime: import("vue").ComputedRef<boolean>;
    formatEmit: (emitDayjs: import("dayjs").Dayjs, index?: number) => import("dayjs").Dayjs;
    handleRangePick: (val: {
        minDate: import("dayjs").Dayjs;
        maxDate: import("dayjs").Dayjs;
    }, close?: boolean) => void;
    minTimePickerVisible: import("vue").Ref<boolean>;
    maxTimePickerVisible: import("vue").Ref<boolean>;
    handleMinTimeClose: () => void;
    handleMaxTimeClose: () => void;
    handleDateInput: (value: string, type: "min" | "max") => void;
    handleDateChange: (_: unknown, type: "min" | "max") => void;
    handleTimeInput: (value: string, type: "min" | "max") => void;
    handleTimeChange: (value: string, type: "min" | "max") => void;
    handleMinTimePick: (value: import("dayjs").Dayjs, visible: boolean, first: boolean) => void;
    handleMaxTimePick: (value: import("dayjs").Dayjs, visible: boolean, first: boolean) => void;
    handleClear: () => void;
    formatToString: (value: import("dayjs").Dayjs | import("dayjs").Dayjs[]) => string | string[];
    parseUserInput: (value: import("dayjs").Dayjs | import("dayjs").Dayjs[]) => import("dayjs").Dayjs | import("dayjs").Dayjs[];
    onParsedValueChanged: (minDate: import("dayjs").Dayjs, maxDate: import("dayjs").Dayjs) => void;
    vClickoutside: import("vue").ObjectDirective<any, any>;
    HlInput: import("../../../utils").SFCWithInstall<import("vue").DefineComponent<{
        ariaLabel: StringConstructor;
        id: {
            type: StringConstructor;
            default: any;
        };
        modelValue: {
            type: import("vue").PropType<string | number>;
            default: string;
        };
        maxlength: {
            type: (StringConstructor | NumberConstructor)[];
        };
        minlength: {
            type: (StringConstructor | NumberConstructor)[];
        };
        nativeType: {
            type: StringConstructor;
            default: string;
        };
        size: {
            type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
            validator: (val: string) => boolean;
        };
        resize: {
            type: import("vue").PropType<"horizontal" | "vertical" | "none" | "both">;
            validator: (val: string) => boolean;
        };
        rows: {
            type: NumberConstructor;
            default: number;
        };
        autosize: {
            type: import("vue").PropType<import("../..").InputAutoSize>;
            default: import("../..").InputAutoSize;
        };
        autocomplete: {
            type: StringConstructor;
            default: string;
        };
        type: {
            type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
            validator: (val: string) => boolean;
        };
        formatter: {
            type: FunctionConstructor;
        };
        parser: {
            type: FunctionConstructor;
        };
        placeholder: {
            type: StringConstructor;
        };
        form: {
            type: StringConstructor;
        };
        disabled: {
            type: BooleanConstructor;
            default: boolean;
        };
        readonly: BooleanConstructor;
        clearable: BooleanConstructor;
        showPassword: BooleanConstructor;
        showWordLimit: BooleanConstructor;
        block: BooleanConstructor;
        label: {
            type: StringConstructor;
            default: any;
        };
        containerRole: {
            type: StringConstructor;
            default: any;
        };
        tabindex: {
            type: (StringConstructor | NumberConstructor)[];
            default: number;
        };
        validateEvent: {
            type: BooleanConstructor;
            default: boolean;
        };
        round: BooleanConstructor;
        fill: BooleanConstructor;
        thin: BooleanConstructor;
        inputStyle: {
            type: ObjectConstructor;
            default: () => {};
        };
        autofocus: BooleanConstructor;
    }, {
        namespace: import("vue").ComputedRef<string>;
        isComposing: import("vue").Ref<boolean>;
        input: import("vue").Ref<HTMLInputElement>;
        inputId: import("vue").Ref<string>;
        textarea: import("vue").Ref<HTMLTextAreaElement>;
        attrs: import("vue").ComputedRef<Record<string, unknown>>;
        containerAttrs: import("vue").ComputedRef<Record<string, unknown>>;
        inputSize: import("vue").ComputedRef<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
        validateState: import("vue").ComputedRef<"success" | "error" | "" | "validating">;
        textareaStyle: import("vue").ComputedRef<import("../../../utils").StyleValue>;
        countStyle: import("vue").Ref<import("../../../utils").StyleValue>;
        resizeTextarea: () => void;
        inputDisabled: import("vue").ComputedRef<boolean>;
        inputFill: import("vue").ComputedRef<boolean>;
        showClear: import("vue").ComputedRef<boolean>;
        showPwdVisible: import("vue").ComputedRef<boolean>;
        isWordLimitVisible: import("vue").ComputedRef<boolean>;
        textLength: import("vue").ComputedRef<number>;
        hovering: import("vue").Ref<boolean>;
        inputExceed: import("vue").ComputedRef<boolean>;
        passwordVisible: import("vue").Ref<boolean>;
        inputOrTextarea: import("vue").ComputedRef<HTMLInputElement | HTMLTextAreaElement>;
        wrapperRef: import("vue").ShallowRef<HTMLElement>;
        handleInput: (event: Event) => void;
        handleChange: (event: Event) => void;
        handleFocus: (event: FocusEvent) => void;
        handleBlur: (event: FocusEvent) => void;
        handleCompositionStart: (event: CompositionEvent) => void;
        handleCompositionUpdate: (event: CompositionEvent) => void;
        handleCompositionEnd: (event: CompositionEvent) => void;
        handlePasswordVisible: () => void;
        clear: () => void;
        select: () => void;
        focus: () => void;
        blur: () => void;
        isFocused: import("vue").Ref<boolean>;
        getSuffixVisible: () => boolean | import("vue").Slot;
        getPwdVisible: () => boolean;
        handleMouseLeave: (e: MouseEvent) => void;
        handleMouseEnter: (e: MouseEvent) => void;
        handleKeydown: (e: KeyboardEvent) => void;
    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "input" | "blur" | "focus" | "clear" | "mouseleave" | "mouseenter" | "keydown" | "compositionstart" | "compositionupdate" | "compositionend")[], "update:modelValue" | "change" | "input" | "blur" | "focus" | "clear" | "mouseleave" | "mouseenter" | "keydown" | "compositionstart" | "compositionupdate" | "compositionend", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
        ariaLabel: StringConstructor;
        id: {
            type: StringConstructor;
            default: any;
        };
        modelValue: {
            type: import("vue").PropType<string | number>;
            default: string;
        };
        maxlength: {
            type: (StringConstructor | NumberConstructor)[];
        };
        minlength: {
            type: (StringConstructor | NumberConstructor)[];
        };
        nativeType: {
            type: StringConstructor;
            default: string;
        };
        size: {
            type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
            validator: (val: string) => boolean;
        };
        resize: {
            type: import("vue").PropType<"horizontal" | "vertical" | "none" | "both">;
            validator: (val: string) => boolean;
        };
        rows: {
            type: NumberConstructor;
            default: number;
        };
        autosize: {
            type: import("vue").PropType<import("../..").InputAutoSize>;
            default: import("../..").InputAutoSize;
        };
        autocomplete: {
            type: StringConstructor;
            default: string;
        };
        type: {
            type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
            validator: (val: string) => boolean;
        };
        formatter: {
            type: FunctionConstructor;
        };
        parser: {
            type: FunctionConstructor;
        };
        placeholder: {
            type: StringConstructor;
        };
        form: {
            type: StringConstructor;
        };
        disabled: {
            type: BooleanConstructor;
            default: boolean;
        };
        readonly: BooleanConstructor;
        clearable: BooleanConstructor;
        showPassword: BooleanConstructor;
        showWordLimit: BooleanConstructor;
        block: BooleanConstructor;
        label: {
            type: StringConstructor;
            default: any;
        };
        containerRole: {
            type: StringConstructor;
            default: any;
        };
        tabindex: {
            type: (StringConstructor | NumberConstructor)[];
            default: number;
        };
        validateEvent: {
            type: BooleanConstructor;
            default: boolean;
        };
        round: BooleanConstructor;
        fill: BooleanConstructor;
        thin: BooleanConstructor;
        inputStyle: {
            type: ObjectConstructor;
            default: () => {};
        };
        autofocus: BooleanConstructor;
    }>> & {
        onChange?: (...args: any[]) => any;
        "onUpdate:modelValue"?: (...args: any[]) => any;
        onInput?: (...args: any[]) => any;
        onBlur?: (...args: any[]) => any;
        onFocus?: (...args: any[]) => any;
        onClear?: (...args: any[]) => any;
        onMouseleave?: (...args: any[]) => any;
        onMouseenter?: (...args: any[]) => any;
        onKeydown?: (...args: any[]) => any;
        onCompositionstart?: (...args: any[]) => any;
        onCompositionupdate?: (...args: any[]) => any;
        onCompositionend?: (...args: any[]) => any;
    }, {
        label: string;
        id: string;
        validateEvent: boolean;
        block: boolean;
        disabled: boolean;
        fill: boolean;
        modelValue: string | number;
        round: boolean;
        clearable: boolean;
        thin: boolean;
        nativeType: string;
        rows: number;
        autosize: boolean | {
            minRows?: number;
            maxRows?: number;
        };
        autocomplete: string;
        readonly: boolean;
        showPassword: boolean;
        showWordLimit: boolean;
        containerRole: string;
        tabindex: string | number;
        inputStyle: Record<string, any>;
        autofocus: boolean;
    }>> & Record<string, any>;
    HlButton: import("../../../utils").SFCWithInstall<import("vue").DefineComponent<{
        type: {
            type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
            validator: (val: string) => boolean;
        };
        size: {
            type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
            validator: (val: string) => boolean;
        };
        iconPosition: {
            type: import("vue").PropType<"left" | "right">;
            default: string;
        };
        nativeType: {
            type: import("vue").PropType<"button" | "reset" | "submit">;
            default: string;
            validator: (val: "button" | "reset" | "submit") => boolean;
        };
        loading: BooleanConstructor;
        disabled: BooleanConstructor;
        autofocus: BooleanConstructor;
        round: BooleanConstructor;
        equal: BooleanConstructor;
        effect: StringConstructor;
        noFill: BooleanConstructor;
        outline: BooleanConstructor;
        block: BooleanConstructor;
        rational: BooleanConstructor;
        dashed: BooleanConstructor;
        hover: (BooleanConstructor | StringConstructor)[];
        tag: {
            type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
            default: string;
        };
    }, {
        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
            type: {
                type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
                validator: (val: string) => boolean;
            };
            size: {
                type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
                validator: (val: string) => boolean;
            };
            iconPosition: {
                type: import("vue").PropType<"left" | "right">;
                default: string;
            };
            nativeType: {
                type: import("vue").PropType<"button" | "reset" | "submit">;
                default: string;
                validator: (val: "button" | "reset" | "submit") => boolean;
            };
            loading: BooleanConstructor;
            disabled: BooleanConstructor;
            autofocus: BooleanConstructor;
            round: BooleanConstructor;
            equal: BooleanConstructor;
            effect: StringConstructor;
            noFill: BooleanConstructor;
            outline: BooleanConstructor;
            block: BooleanConstructor;
            rational: BooleanConstructor;
            dashed: BooleanConstructor;
            hover: (BooleanConstructor | StringConstructor)[];
            tag: {
                type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
                default: string;
            };
        }>> & {
            onClick?: (evt: MouseEvent) => any;
        }>>;
        emit: (event: "click", evt: MouseEvent) => void;
        namespace: import("vue").ComputedRef<string>;
        _ref: import("vue").Ref<HTMLButtonElement>;
        _props: import("vue").ComputedRef<{
            ariaDisabled: boolean;
            disabled: boolean;
            autofocus: boolean;
            type: "button" | "reset" | "submit";
        } | {
            ariaDisabled?: undefined;
            disabled?: undefined;
            autofocus?: undefined;
            type?: undefined;
        }>;
        buttonDisabled: import("vue").ComputedRef<boolean>;
        buttonSize: import("vue").ComputedRef<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
        handleClick: (evt: MouseEvent) => void;
        Spinner: import("../../../utils").SFCWithInstall<import("vue").DefineComponent<{
            status: {
                type: StringConstructor;
                default: string;
            };
            animation: {
                type: StringConstructor;
                default: string;
            };
            duration: {
                type: StringConstructor;
                default: string;
            };
            color: {
                type: StringConstructor;
            };
            size: StringConstructor;
        }, {
            namespace: import("vue").ComputedRef<string>;
            style: any;
            definedSize: import("vue").Ref<boolean>;
        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
            status: {
                type: StringConstructor;
                default: string;
            };
            animation: {
                type: StringConstructor;
                default: string;
            };
            duration: {
                type: StringConstructor;
                default: string;
            };
            color: {
                type: StringConstructor;
            };
            size: StringConstructor;
        }>>, {
            animation: string;
            status: string;
            duration: string;
        }>> & Record<string, any>;
    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
        click: (evt: MouseEvent) => boolean;
    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
        type: {
            type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
            validator: (val: string) => boolean;
        };
        size: {
            type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
            validator: (val: string) => boolean;
        };
        iconPosition: {
            type: import("vue").PropType<"left" | "right">;
            default: string;
        };
        nativeType: {
            type: import("vue").PropType<"button" | "reset" | "submit">;
            default: string;
            validator: (val: "button" | "reset" | "submit") => boolean;
        };
        loading: BooleanConstructor;
        disabled: BooleanConstructor;
        autofocus: BooleanConstructor;
        round: BooleanConstructor;
        equal: BooleanConstructor;
        effect: StringConstructor;
        noFill: BooleanConstructor;
        outline: BooleanConstructor;
        block: BooleanConstructor;
        rational: BooleanConstructor;
        dashed: BooleanConstructor;
        hover: (BooleanConstructor | StringConstructor)[];
        tag: {
            type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
            default: string;
        };
    }>> & {
        onClick?: (evt: MouseEvent) => any;
    }, {
        block: boolean;
        disabled: boolean;
        round: boolean;
        dashed: boolean;
        nativeType: "button" | "reset" | "submit";
        autofocus: boolean;
        outline: boolean;
        tag: string;
        loading: boolean;
        iconPosition: "left" | "right";
        equal: boolean;
        noFill: boolean;
        rational: boolean;
    }>> & Record<string, any>;
    HlGroup: import("../../../utils").SFCWithInstall<import("vue").DefineComponent<{
        dir: {
            type: import("vue").PropType<"horizontal" | "vertical">;
            default: string;
        };
        merge: {
            type: BooleanConstructor;
            default: boolean;
        };
        deepMerge: {
            type: BooleanConstructor;
            default: boolean;
        };
        indent: {
            type: (BooleanConstructor | StringConstructor)[];
            default: boolean;
        };
        gap: StringConstructor;
        gapX: StringConstructor;
        gapY: StringConstructor;
        full: {
            type: (BooleanConstructor | StringConstructor)[];
            default: boolean;
        };
        wrap: {
            type: BooleanConstructor;
            default: boolean;
        };
        align: {
            type: StringConstructor;
            default: string;
        };
        block: {
            type: BooleanConstructor;
            default: boolean;
        };
        size: {
            type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
            validator: (val: string) => boolean;
        };
        disabled: BooleanConstructor;
        fill: BooleanConstructor;
        type: {
            type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
            validator: (val: string) => boolean;
        };
    }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
        [key: string]: any;
    }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
        dir: {
            type: import("vue").PropType<"horizontal" | "vertical">;
            default: string;
        };
        merge: {
            type: BooleanConstructor;
            default: boolean;
        };
        deepMerge: {
            type: BooleanConstructor;
            default: boolean;
        };
        indent: {
            type: (BooleanConstructor | StringConstructor)[];
            default: boolean;
        };
        gap: StringConstructor;
        gapX: StringConstructor;
        gapY: StringConstructor;
        full: {
            type: (BooleanConstructor | StringConstructor)[];
            default: boolean;
        };
        wrap: {
            type: BooleanConstructor;
            default: boolean;
        };
        align: {
            type: StringConstructor;
            default: string;
        };
        block: {
            type: BooleanConstructor;
            default: boolean;
        };
        size: {
            type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
            validator: (val: string) => boolean;
        };
        disabled: BooleanConstructor;
        fill: BooleanConstructor;
        type: {
            type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
            validator: (val: string) => boolean;
        };
    }>>, {
        dir: "horizontal" | "vertical";
        merge: boolean;
        deepMerge: boolean;
        indent: string | boolean;
        full: string | boolean;
        wrap: boolean;
        align: string;
        block: boolean;
        disabled: boolean;
        fill: boolean;
    }>> & Record<string, any>;
    HlIcon: import("../../../utils").SFCWithInstall<import("vue").DefineComponent<{
        type: {
            type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
            validator: (val: string) => boolean;
        };
        size: {
            type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
            validator: (val: string) => boolean;
        };
        name: {
            type: StringConstructor;
            default: string;
        };
        color: StringConstructor;
        border: NumberConstructor;
        opacity: NumberConstructor;
        width: (StringConstructor | NumberConstructor)[];
        height: (StringConstructor | NumberConstructor)[];
        gradient: BooleanConstructor;
        startColor: StringConstructor;
        fill: BooleanConstructor;
        round: BooleanConstructor;
        radius: BooleanConstructor;
        transition: BooleanConstructor;
        effect: StringConstructor;
    }, {
        namespace: import("vue").ComputedRef<string>;
        iconStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
        iconId: string;
    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
        type: {
            type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
            validator: (val: string) => boolean;
        };
        size: {
            type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
            validator: (val: string) => boolean;
        };
        name: {
            type: StringConstructor;
            default: string;
        };
        color: StringConstructor;
        border: NumberConstructor;
        opacity: NumberConstructor;
        width: (StringConstructor | NumberConstructor)[];
        height: (StringConstructor | NumberConstructor)[];
        gradient: BooleanConstructor;
        startColor: StringConstructor;
        fill: BooleanConstructor;
        round: BooleanConstructor;
        radius: BooleanConstructor;
        transition: BooleanConstructor;
        effect: StringConstructor;
    }>>, {
        name: string;
        fill: boolean;
        round: boolean;
        transition: boolean;
        gradient: boolean;
        radius: boolean;
    }>> & Record<string, any>;
    SystemClock: import("vue").DefineComponent<{
        gradient: {
            type: BooleanConstructor;
        };
        borderWidth: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        opacity: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        startColor: {
            type: StringConstructor;
            default: string;
        };
    }, {
        CustomIcon: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
            [key: string]: any;
        }>;
    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
        gradient: {
            type: BooleanConstructor;
        };
        borderWidth: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        opacity: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        startColor: {
            type: StringConstructor;
            default: string;
        };
    }>>, {
        opacity: string | number;
        gradient: boolean;
        startColor: string;
        borderWidth: string | number;
    }>;
    SystemCalendar: import("vue").DefineComponent<{
        gradient: {
            type: BooleanConstructor;
        };
        borderWidth: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        opacity: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        startColor: {
            type: StringConstructor;
            default: string;
        };
    }, {
        CustomIcon: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
            [key: string]: any;
        }>;
    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
        gradient: {
            type: BooleanConstructor;
        };
        borderWidth: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        opacity: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        startColor: {
            type: StringConstructor;
            default: string;
        };
    }>>, {
        opacity: string | number;
        gradient: boolean;
        startColor: string;
        borderWidth: string | number;
    }>;
    SystemArrowLeft: import("vue").DefineComponent<{
        gradient: {
            type: BooleanConstructor;
        };
        borderWidth: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        opacity: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        startColor: {
            type: StringConstructor;
            default: string;
        };
    }, {
        CustomIcon: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
            [key: string]: any;
        }>;
    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
        gradient: {
            type: BooleanConstructor;
        };
        borderWidth: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        opacity: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        startColor: {
            type: StringConstructor;
            default: string;
        };
    }>>, {
        opacity: string | number;
        gradient: boolean;
        startColor: string;
        borderWidth: string | number;
    }>;
    SystemArrowRight: import("vue").DefineComponent<{
        gradient: {
            type: BooleanConstructor;
        };
        borderWidth: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        opacity: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        startColor: {
            type: StringConstructor;
            default: string;
        };
    }, {
        CustomIcon: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
            [key: string]: any;
        }>;
    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
        gradient: {
            type: BooleanConstructor;
        };
        borderWidth: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        opacity: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        startColor: {
            type: StringConstructor;
            default: string;
        };
    }>>, {
        opacity: string | number;
        gradient: boolean;
        startColor: string;
        borderWidth: string | number;
    }>;
    SystemDoubleArrowLeft: import("vue").DefineComponent<{
        gradient: {
            type: BooleanConstructor;
        };
        borderWidth: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        opacity: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        startColor: {
            type: StringConstructor;
            default: string;
        };
    }, {
        CustomIcon: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
            [key: string]: any;
        }>;
    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
        gradient: {
            type: BooleanConstructor;
        };
        borderWidth: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        opacity: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        startColor: {
            type: StringConstructor;
            default: string;
        };
    }>>, {
        opacity: string | number;
        gradient: boolean;
        startColor: string;
        borderWidth: string | number;
    }>;
    SystemDoubleArrowRight: import("vue").DefineComponent<{
        gradient: {
            type: BooleanConstructor;
        };
        borderWidth: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        opacity: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        startColor: {
            type: StringConstructor;
            default: string;
        };
    }, {
        CustomIcon: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
            [key: string]: any;
        }>;
    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
        gradient: {
            type: BooleanConstructor;
        };
        borderWidth: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        opacity: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        startColor: {
            type: StringConstructor;
            default: string;
        };
    }>>, {
        opacity: string | number;
        gradient: boolean;
        startColor: string;
        borderWidth: string | number;
    }>;
    TimePickPanel: import("vue").DefineComponent<{
        readonly datetimeRole: StringConstructor;
        readonly parsedValue: {
            readonly type: import("vue").PropType<import("dayjs").Dayjs>;
            readonly required: false;
            readonly validator: (val: unknown) => boolean;
            __epPropKey: true;
        };
        readonly visible: BooleanConstructor;
        readonly actualVisible: {
            readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
            readonly required: false;
            readonly validator: (val: unknown) => boolean;
            __epPropKey: true;
        };
        readonly format: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
    }, {
        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
            readonly datetimeRole: StringConstructor;
            readonly parsedValue: {
                readonly type: import("vue").PropType<import("dayjs").Dayjs>;
                readonly required: false;
                readonly validator: (val: unknown) => boolean;
                __epPropKey: true;
            };
            readonly visible: BooleanConstructor;
            readonly actualVisible: {
                readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
                readonly required: false;
                readonly validator: (val: unknown) => boolean;
                __epPropKey: true;
            };
            readonly format: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
        }>> & {
            onPick?: (...args: any[]) => any;
            "onSelect-range"?: (...args: any[]) => any;
            "onSet-picker-option"?: (...args: any[]) => any;
        }>>;
        emit: (event: "pick" | "select-range" | "set-picker-option", ...args: any[]) => void;
        pickerBase: any;
        arrowControl: any;
        disabledHours: any;
        disabledMinutes: any;
        disabledSeconds: any;
        defaultValue: any;
        getAvailableHours: import("../../time-picker/src/types").GetDisabledHoursState;
        getAvailableMinutes: import("../../time-picker/src/types").GetDisabledMinutesState;
        getAvailableSeconds: import("../../time-picker/src/types").GetDisabledSecondsState;
        namespace: import("vue").ComputedRef<string>;
        t: import("../../..").Translator;
        lang: import("vue").Ref<string>;
        selectionRange: import("vue").Ref<number[]>;
        oldValue: import("vue").Ref<string | {
            clone: () => import("dayjs").Dayjs;
            isValid: () => boolean;
            year: {
                (): number;
                (value: number): import("dayjs").Dayjs;
            };
            month: {
                (): number;
                (value: number): import("dayjs").Dayjs;