UNPKG

@opensig/opendesign

Version:

4,159 lines 216 kB
import { App } from 'vue';
declare const OTimePicker: {
    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
        placeholder: {
            type: StringConstructor;
        };
        inputId: {
            type: StringConstructor;
        };
        disabled: {
            type: BooleanConstructor;
        };
        readonly: {
            type: BooleanConstructor;
        };
        size: {
            type: import('vue').PropType<import('..').SizeT>;
        };
        round: {
            type: import('vue').PropType<import('..').RoundT>;
        };
        color: {
            type: import('vue').PropType<import('..').Color2T>;
            default: string;
        };
        variant: {
            type: import('vue').PropType<import('..').VariantT>;
            default: string;
        };
        noResponsive: {
            type: BooleanConstructor;
        };
        optionTitle: {
            type: StringConstructor;
        };
        format: {
            type: StringConstructor;
            default: string;
        };
        trigger: {
            type: import('vue').PropType<import('..').PopupTriggerT>;
            default: string;
        };
        clearable: {
            type: BooleanConstructor;
        };
        popupPosition: {
            type: import('vue').PropType<import('..').PopupPositionT>;
            default: string;
        };
        popupWrapper: {
            type: import('vue').PropType<string | HTMLElement | null>;
            default: string;
        };
        unmountOnHide: {
            type: BooleanConstructor;
            default: boolean;
        };
        transition: {
            type: StringConstructor;
        };
        hourStep: {
            type: NumberConstructor;
            default: number;
        };
        minuteStep: {
            type: NumberConstructor;
            default: number;
        };
        secondStep: {
            type: NumberConstructor;
            default: number;
        };
        disabledHours: {
            type: import('vue').PropType<import('./types').DisabledHoursFn>;
            default: undefined;
        };
        disabledMinutes: {
            type: import('vue').PropType<import('./types').DisabledMinutesFn>;
            default: undefined;
        };
        disabledSeconds: {
            type: import('vue').PropType<import('./types').DisabledSecondsFn>;
            default: undefined;
        };
        minTime: {
            type: StringConstructor;
            default: undefined;
        };
        maxTime: {
            type: StringConstructor;
            default: undefined;
        };
        modelValue: {
            type: import('vue').PropType<string>;
        };
    }>> & Readonly<{
        onClear?: ((evt?: Event | undefined) => any) | undefined;
        onBlur?: (() => any) | undefined;
        onChange?: ((newVal: string | undefined, oldVal: string | undefined) => any) | undefined;
        onFocus?: ((evt: FocusEvent) => any) | undefined;
        "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
        onPressEnter?: (() => any) | undefined;
    }>, {
        focus: (open?: boolean) => void;
        blur: () => void;
        clear: () => void | undefined;
        inputEl: () => HTMLInputElement | HTMLTextAreaElement | undefined;
    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
        "update:modelValue": (value: string | undefined) => any;
    } & {
        clear: (evt?: Event | undefined) => any;
        blur: () => any;
        change: (newVal: string | undefined, oldVal: string | undefined) => any;
        focus: (evt: FocusEvent) => any;
        pressEnter: () => any;
    }, import('vue').PublicProps, {
        color: "normal" | "primary" | "success" | "warning" | "danger";
        disabled: boolean;
        trigger: "none" | "click" | "contextmenu" | "focus" | "click-outclick" | "hover" | "hover-outclick";
        unmountOnHide: boolean;
        popupPosition: "left" | "right" | "top" | "bottom" | "br" | "rt" | "tr" | "rb" | "tl" | "bl" | "lt" | "lb";
        variant: "solid" | "outline" | "text";
        noResponsive: boolean;
        clearable: boolean;
        readonly: boolean;
        format: string;
        popupWrapper: string | HTMLElement | null;
        hourStep: number;
        minuteStep: number;
        secondStep: number;
        disabledHours: import('./types').DisabledHoursFn;
        disabledMinutes: import('./types').DisabledMinutesFn;
        disabledSeconds: import('./types').DisabledSecondsFn;
        minTime: string;
        maxTime: string;
    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
        inBoxRef: ({
            $: import('vue').ComponentInternalInstance;
            $data: {};
            $props: Partial<{
                color: "normal" | "primary" | "success" | "warning" | "danger";
                disabled: boolean;
                variant: "solid" | "outline" | "text";
                readonly: boolean;
                focused: boolean;
            }> & Omit<{
                readonly color: "normal" | "primary" | "success" | "warning" | "danger";
                readonly disabled: boolean;
                readonly variant: "solid" | "outline" | "text";
                readonly readonly: boolean;
                readonly focused: boolean;
                readonly round?: import('..').RoundT | undefined;
                readonly size?: "large" | "medium" | "small" | undefined;
            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "color" | "disabled" | "variant" | "readonly" | "focused">;
            $attrs: {
                [x: string]: unknown;
            };
            $refs: {
                [x: string]: unknown;
            };
            $slots: Readonly<{
                [name: string]: import('vue').Slot<any> | undefined;
            }>;
            $root: import('vue').ComponentPublicInstance | null;
            $parent: import('vue').ComponentPublicInstance | null;
            $host: Element | null;
            $emit: (event: string, ...args: any[]) => void;
            $el: HTMLDivElement;
            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
                size: {
                    type: import('vue').PropType<import('..').SizeT>;
                };
                round: {
                    type: import('vue').PropType<import('..').RoundT>;
                };
                color: {
                    type: import('vue').PropType<import('..').Color2T>;
                    default: string;
                };
                variant: {
                    type: import('vue').PropType<import('..').VariantT>;
                    default: string;
                };
                focused: {
                    type: BooleanConstructor;
                };
                disabled: {
                    type: BooleanConstructor;
                };
                readonly: {
                    type: BooleanConstructor;
                };
            }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
                color: "normal" | "primary" | "success" | "warning" | "danger";
                disabled: boolean;
                variant: "solid" | "outline" | "text";
                readonly: boolean;
                focused: boolean;
            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                beforeCreate?: (() => void) | (() => void)[];
                created?: (() => void) | (() => void)[];
                beforeMount?: (() => void) | (() => void)[];
                mounted?: (() => void) | (() => void)[];
                beforeUpdate?: (() => void) | (() => void)[];
                updated?: (() => void) | (() => void)[];
                activated?: (() => void) | (() => void)[];
                deactivated?: (() => void) | (() => void)[];
                beforeDestroy?: (() => void) | (() => void)[];
                beforeUnmount?: (() => void) | (() => void)[];
                destroyed?: (() => void) | (() => void)[];
                unmounted?: (() => void) | (() => void)[];
                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
            };
            $forceUpdate: () => void;
            $nextTick: typeof import('vue').nextTick;
            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
        } & Readonly<{
            color: "normal" | "primary" | "success" | "warning" | "danger";
            disabled: boolean;
            variant: "solid" | "outline" | "text";
            readonly: boolean;
            focused: boolean;
        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
            size: {
                type: import('vue').PropType<import('..').SizeT>;
            };
            round: {
                type: import('vue').PropType<import('..').RoundT>;
            };
            color: {
                type: import('vue').PropType<import('..').Color2T>;
                default: string;
            };
            variant: {
                type: import('vue').PropType<import('..').VariantT>;
                default: string;
            };
            focused: {
                type: BooleanConstructor;
            };
            disabled: {
                type: BooleanConstructor;
            };
            readonly: {
                type: BooleanConstructor;
            };
        }>> & Readonly<{}>, "color" | "disabled" | "variant" | "readonly" | "focused"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
            $slots: Readonly<{
                default(): any;
                prepend(): any;
                append(): any;
            }> & {
                default(): any;
                prepend(): any;
                append(): any;
            };
        }) | null;
        inInputRef: ({
            $: import('vue').ComponentInternalInstance;
            $data: {};
            $props: Partial<{
                type: "text" | "password";
                disabled: boolean;
                clearable: boolean;
                readonly: boolean;
                noKeyboard: boolean;
                showLength: "auto" | "always" | "never";
                inputOnOutlimit: boolean;
                showPasswordEvent: "click" | "pointerdown";
                autoWidth: boolean;
                passwordPlaceholder: string;
                onlyNumericInput: boolean;
            }> & Omit<{
                readonly type: "text" | "password";
                readonly disabled: boolean;
                readonly clearable: boolean;
                readonly readonly: boolean;
                readonly noKeyboard: boolean;
                readonly showLength: "auto" | "always" | "never";
                readonly inputOnOutlimit: boolean;
                readonly showPasswordEvent: "click" | "pointerdown";
                readonly autoWidth: boolean;
                readonly passwordPlaceholder: string;
                readonly onlyNumericInput: boolean;
                readonly placeholder?: string | undefined;
                readonly defaultValue?: string | undefined;
                readonly modelValue?: string | undefined;
                readonly inputId?: string | undefined;
                readonly validate?: ((value: string) => boolean) | undefined;
                readonly minLength?: number | undefined;
                readonly maxLength?: number | undefined;
                readonly getLength?: ((val: string) => number) | undefined;
                readonly format?: ((value: string) => string) | undefined;
                readonly valueOnInvalidChange?: boolean | ((inputValue: string, lastValidInputValue: string) => string) | undefined;
                readonly onInput?: ((evt: Event, value: string) => any) | undefined;
                readonly onClear?: ((evt?: Event | undefined) => any) | undefined;
                readonly onBlur?: ((evt: FocusEvent) => any) | undefined;
                readonly onChange?: ((value: string, lastValue: string) => any) | undefined;
                readonly onFocus?: ((evt: FocusEvent) => any) | undefined;
                readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
                readonly onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "disabled" | "clearable" | "readonly" | "noKeyboard" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput">;
            $attrs: {
                [x: string]: unknown;
            };
            $refs: {
                [x: string]: unknown;
            } & {
                inputEl: HTMLInputElement;
            };
            $slots: Readonly<{
                [name: string]: import('vue').Slot<any> | undefined;
            }>;
            $root: import('vue').ComponentPublicInstance | null;
            $parent: import('vue').ComponentPublicInstance | null;
            $host: Element | null;
            $emit: ((event: "input", evt: Event, value: string) => void) & ((event: "clear", evt?: Event | undefined) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "change", value: string, lastValue: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "pressEnter", evt: KeyboardEvent) => void);
            $el: HTMLLabelElement;
            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
                modelValue: {
                    type: StringConstructor;
                };
                defaultValue: {
                    type: StringConstructor;
                };
                type: {
                    type: import('vue').PropType<"text" | "password">;
                    default: string;
                };
                placeholder: {
                    type: StringConstructor;
                };
                inputId: {
                    type: StringConstructor;
                };
                disabled: {
                    type: BooleanConstructor;
                };
                readonly: {
                    type: BooleanConstructor;
                };
                noKeyboard: {
                    type: BooleanConstructor;
                };
                clearable: {
                    type: BooleanConstructor;
                };
                minLength: {
                    type: NumberConstructor;
                };
                maxLength: {
                    type: NumberConstructor;
                };
                showLength: {
                    type: import('vue').PropType<"always" | "auto" | "never">;
                    default: string;
                };
                getLength: {
                    type: import('vue').PropType<(val: string) => number>;
                };
                inputOnOutlimit: {
                    type: BooleanConstructor;
                    default: boolean;
                };
                format: {
                    type: import('vue').PropType<(value: string) => string>;
                };
                validate: {
                    type: import('vue').PropType<(value: string) => boolean>;
                };
                valueOnInvalidChange: {
                    type: import('vue').PropType<boolean | ((inputValue: string, lastValidInputValue: string) => string)>;
                };
                showPasswordEvent: {
                    type: import('vue').PropType<"click" | "pointerdown">;
                    default: string;
                };
                autoWidth: {
                    type: BooleanConstructor;
                };
                passwordPlaceholder: {
                    type: StringConstructor;
                    default: string;
                };
                onlyNumericInput: {
                    type: BooleanConstructor;
                };
            }>> & Readonly<{
                onInput?: ((evt: Event, value: string) => any) | undefined;
                onClear?: ((evt?: Event | undefined) => any) | undefined;
                onBlur?: ((evt: FocusEvent) => any) | undefined;
                onChange?: ((value: string, lastValue: string) => any) | undefined;
                onFocus?: ((evt: FocusEvent) => any) | undefined;
                "onUpdate:modelValue"?: ((value: string) => any) | undefined;
                onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
            }>, {
                inputEl: import('vue').Ref<HTMLInputElement | HTMLTextAreaElement | undefined, HTMLInputElement | HTMLTextAreaElement | undefined>;
                focus: () => void;
                blur: () => void;
                clear: () => void;
                togglePassword: (visible?: boolean) => void;
            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                input: (evt: Event, value: string) => any;
                clear: (evt?: Event | undefined) => any;
                blur: (evt: FocusEvent) => any;
                change: (value: string, lastValue: string) => any;
                focus: (evt: FocusEvent) => any;
                "update:modelValue": (value: string) => any;
                pressEnter: (evt: KeyboardEvent) => any;
            }, string, {
                type: "text" | "password";
                disabled: boolean;
                clearable: boolean;
                readonly: boolean;
                noKeyboard: boolean;
                showLength: "auto" | "always" | "never";
                inputOnOutlimit: boolean;
                showPasswordEvent: "click" | "pointerdown";
                autoWidth: boolean;
                passwordPlaceholder: string;
                onlyNumericInput: boolean;
            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                beforeCreate?: (() => void) | (() => void)[];
                created?: (() => void) | (() => void)[];
                beforeMount?: (() => void) | (() => void)[];
                mounted?: (() => void) | (() => void)[];
                beforeUpdate?: (() => void) | (() => void)[];
                updated?: (() => void) | (() => void)[];
                activated?: (() => void) | (() => void)[];
                deactivated?: (() => void) | (() => void)[];
                beforeDestroy?: (() => void) | (() => void)[];
                beforeUnmount?: (() => void) | (() => void)[];
                destroyed?: (() => void) | (() => void)[];
                unmounted?: (() => void) | (() => void)[];
                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
            };
            $forceUpdate: () => void;
            $nextTick: typeof import('vue').nextTick;
            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
        } & Readonly<{
            type: "text" | "password";
            disabled: boolean;
            clearable: boolean;
            readonly: boolean;
            noKeyboard: boolean;
            showLength: "auto" | "always" | "never";
            inputOnOutlimit: boolean;
            showPasswordEvent: "click" | "pointerdown";
            autoWidth: boolean;
            passwordPlaceholder: string;
            onlyNumericInput: boolean;
        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
            modelValue: {
                type: StringConstructor;
            };
            defaultValue: {
                type: StringConstructor;
            };
            type: {
                type: import('vue').PropType<"text" | "password">;
                default: string;
            };
            placeholder: {
                type: StringConstructor;
            };
            inputId: {
                type: StringConstructor;
            };
            disabled: {
                type: BooleanConstructor;
            };
            readonly: {
                type: BooleanConstructor;
            };
            noKeyboard: {
                type: BooleanConstructor;
            };
            clearable: {
                type: BooleanConstructor;
            };
            minLength: {
                type: NumberConstructor;
            };
            maxLength: {
                type: NumberConstructor;
            };
            showLength: {
                type: import('vue').PropType<"always" | "auto" | "never">;
                default: string;
            };
            getLength: {
                type: import('vue').PropType<(val: string) => number>;
            };
            inputOnOutlimit: {
                type: BooleanConstructor;
                default: boolean;
            };
            format: {
                type: import('vue').PropType<(value: string) => string>;
            };
            validate: {
                type: import('vue').PropType<(value: string) => boolean>;
            };
            valueOnInvalidChange: {
                type: import('vue').PropType<boolean | ((inputValue: string, lastValidInputValue: string) => string)>;
            };
            showPasswordEvent: {
                type: import('vue').PropType<"click" | "pointerdown">;
                default: string;
            };
            autoWidth: {
                type: BooleanConstructor;
            };
            passwordPlaceholder: {
                type: StringConstructor;
                default: string;
            };
            onlyNumericInput: {
                type: BooleanConstructor;
            };
        }>> & Readonly<{
            onInput?: ((evt: Event, value: string) => any) | undefined;
            onClear?: ((evt?: Event | undefined) => any) | undefined;
            onBlur?: ((evt: FocusEvent) => any) | undefined;
            onChange?: ((value: string, lastValue: string) => any) | undefined;
            onFocus?: ((evt: FocusEvent) => any) | undefined;
            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
            onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
        }>, "clear" | "blur" | "focus" | "inputEl" | "togglePassword" | ("type" | "disabled" | "clearable" | "readonly" | "noKeyboard" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput")> & import('vue').ShallowUnwrapRef<{
            inputEl: import('vue').Ref<HTMLInputElement | HTMLTextAreaElement | undefined, HTMLInputElement | HTMLTextAreaElement | undefined>;
            focus: () => void;
            blur: () => void;
            clear: () => void;
            togglePassword: (visible?: boolean) => void;
        }> & {} & import('vue').ComponentCustomProperties & {} & {
            $slots: Readonly<{
                default(): any;
                prefix(): any;
                suffix(): any;
                extra(): any;
                length(props: {
                    length: number;
                }): any;
            }> & {
                default(): any;
                prefix(): any;
                suffix(): any;
                extra(): any;
                length(props: {
                    length: number;
                }): any;
            };
        }) | null;
        panelRef: ({
            $: import('vue').ComponentInternalInstance;
            $data: {};
            $props: {
                readonly target?: HTMLElement | undefined;
                readonly optionTitle?: string | undefined;
                readonly onCancel?: (() => any) | undefined;
                readonly onChange?: ((newVal: string | undefined) => any) | undefined;
                readonly onConfirm?: ((value: string | undefined) => any) | undefined;
            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
            $attrs: {
                [x: string]: unknown;
            };
            $refs: {
                [x: string]: unknown;
            } & {
                timeColumnsRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
                    minTime?: string;
                    maxTime?: string;
                }> & Readonly<{
                    onChange?: ((newVal: string | undefined) => any) | undefined;
                }>, {
                    scrollAllToSelected: (smooth?: boolean) => Promise<void>;
                    setValue: (value?: Date | string) => void;
                    getValue: () => string | undefined;
                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                    change: (newVal: string | undefined) => any;
                }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                    hourColumnRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
                        modelValue: number | null;
                    } & {
                        options: import('./types').DatePickerColumnOption[];
                        disabledOptions?: number[];
                        noResponsive?: boolean;
                    }> & Readonly<{
                        onChange?: ((newVal: number | null) => any) | undefined;
                        "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
                    }>, {
                        scrollToItem: (smooth?: boolean) => Promise<void>;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                        "update:modelValue": (value: number | null) => any;
                    } & {
                        change: (newVal: number | null) => any;
                    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                        columnRef: ({
                            $: import('vue').ComponentInternalInstance;
                            $data: {};
                            $props: Partial<{
                                size: "medium" | "small";
                                duration: number;
                                disabledX: boolean;
                                disabledY: boolean;
                                showType: "auto" | "always" | "never" | "hover";
                                autoUpdateOnScrollSize: boolean;
                            }> & Omit<{
                                readonly size: "medium" | "small";
                                readonly duration: number;
                                readonly disabledX: boolean;
                                readonly disabledY: boolean;
                                readonly showType: "auto" | "always" | "never" | "hover";
                                readonly autoUpdateOnScrollSize: boolean;
                                readonly wrapClass?: string | {
                                    [k: string]: boolean;
                                } | (string | {
                                    [k: string]: boolean;
                                })[] | undefined;
                                readonly barClass?: string | {
                                    [k: string]: boolean;
                                } | (string | {
                                    [k: string]: boolean;
                                })[] | undefined;
                                readonly onScroll?: ((event: Event) => any) | undefined;
                            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
                            $attrs: {
                                [x: string]: unknown;
                            };
                            $refs: {
                                [x: string]: unknown;
                            } & {
                                targetRef: HTMLDivElement;
                            };
                            $slots: Readonly<{
                                [name: string]: import('vue').Slot<any> | undefined;
                            }>;
                            $root: import('vue').ComponentPublicInstance | null;
                            $parent: import('vue').ComponentPublicInstance | null;
                            $host: Element | null;
                            $emit: (event: "scroll", event: Event) => void;
                            $el: HTMLDivElement;
                            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
                                wrapClass: {
                                    type: import('vue').PropType<string | {
                                        [k: string]: boolean;
                                    } | Array<{
                                        [k: string]: boolean;
                                    } | string>>;
                                };
                                disabledX: {
                                    type: BooleanConstructor;
                                    required: false;
                                };
                                disabledY: {
                                    type: BooleanConstructor;
                                };
                                duration: {
                                    type: NumberConstructor;
                                    default: number;
                                };
                                showType: {
                                    type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
                                    default: string;
                                };
                                size: {
                                    type: import('vue').PropType<import('..').ScrollerSizeT>;
                                    default: string;
                                };
                                autoUpdateOnScrollSize: {
                                    type: BooleanConstructor;
                                };
                                barClass: {
                                    type: import('vue').PropType<string | {
                                        [k: string]: boolean;
                                    } | Array<{
                                        [k: string]: boolean;
                                    } | string>>;
                                };
                            }>> & Readonly<{
                                onScroll?: ((event: Event) => any) | undefined;
                            }>, {
                                scrollTo: (options?: ScrollToOptions | undefined) => void;
                                scrollBy: (options?: ScrollToOptions | undefined) => void;
                                getContainerEl(): HTMLElement | null;
                            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                                scroll: (event: Event) => any;
                            }, string, {
                                size: "medium" | "small";
                                duration: number;
                                disabledX: boolean;
                                disabledY: boolean;
                                showType: "auto" | "always" | "never" | "hover";
                                autoUpdateOnScrollSize: boolean;
                            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                                beforeCreate?: (() => void) | (() => void)[];
                                created?: (() => void) | (() => void)[];
                                beforeMount?: (() => void) | (() => void)[];
                                mounted?: (() => void) | (() => void)[];
                                beforeUpdate?: (() => void) | (() => void)[];
                                updated?: (() => void) | (() => void)[];
                                activated?: (() => void) | (() => void)[];
                                deactivated?: (() => void) | (() => void)[];
                                beforeDestroy?: (() => void) | (() => void)[];
                                beforeUnmount?: (() => void) | (() => void)[];
                                destroyed?: (() => void) | (() => void)[];
                                unmounted?: (() => void) | (() => void)[];
                                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
                            };
                            $forceUpdate: () => void;
                            $nextTick: typeof import('vue').nextTick;
                            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
                        } & Readonly<{
                            size: "medium" | "small";
                            duration: number;
                            disabledX: boolean;
                            disabledY: boolean;
                            showType: "auto" | "always" | "never" | "hover";
                            autoUpdateOnScrollSize: boolean;
                        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
                            wrapClass: {
                                type: import('vue').PropType<string | {
                                    [k: string]: boolean;
                                } | Array<{
                                    [k: string]: boolean;
                                } | string>>;
                            };
                            disabledX: {
                                type: BooleanConstructor;
                                required: false;
                            };
                            disabledY: {
                                type: BooleanConstructor;
                            };
                            duration: {
                                type: NumberConstructor;
                                default: number;
                            };
                            showType: {
                                type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
                                default: string;
                            };
                            size: {
                                type: import('vue').PropType<import('..').ScrollerSizeT>;
                                default: string;
                            };
                            autoUpdateOnScrollSize: {
                                type: BooleanConstructor;
                            };
                            barClass: {
                                type: import('vue').PropType<string | {
                                    [k: string]: boolean;
                                } | Array<{
                                    [k: string]: boolean;
                                } | string>>;
                            };
                        }>> & Readonly<{
                            onScroll?: ((event: Event) => any) | undefined;
                        }>, "scrollTo" | "scrollBy" | "getContainerEl" | ("size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize")> & import('vue').ShallowUnwrapRef<{
                            scrollTo: (options?: ScrollToOptions | undefined) => void;
                            scrollBy: (options?: ScrollToOptions | undefined) => void;
                            getContainerEl(): HTMLElement | null;
                        }> & {} & import('vue').ComponentCustomProperties & {} & {
                            $slots: {
                                default?(_: {}): any;
                                thumb?(_: {}): any;
                                track?(_: {}): any;
                            };
                        }) | null;
                        listRef: HTMLDivElement;
                        itemsRef: HTMLDivElement[];
                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<{
                        modelValue: number | null;
                    } & {
                        options: import('./types').DatePickerColumnOption[];
                        disabledOptions?: number[];
                        noResponsive?: boolean;
                    }> & Readonly<{
                        onChange?: ((newVal: number | null) => any) | undefined;
                        "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
                    }>, {
                        scrollToItem: (smooth?: boolean) => Promise<void>;
                    }, {}, {}, {}, {}> | null;
                    minuteColumnRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
                        modelValue: number | null;
                    } & {
                        options: import('./types').DatePickerColumnOption[];
                        disabledOptions?: number[];
                        noResponsive?: boolean;
                    }> & Readonly<{
                        onChange?: ((newVal: number | null) => any) | undefined;
                        "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
                    }>, {
                        scrollToItem: (smooth?: boolean) => Promise<void>;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                        "update:modelValue": (value: number | null) => any;
                    } & {
                        change: (newVal: number | null) => any;
                    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                        columnRef: ({
                            $: import('vue').ComponentInternalInstance;
                            $data: {};
                            $props: Partial<{
                                size: "medium" | "small";
                                duration: number;
                                disabledX: boolean;
                                disabledY: boolean;
                                showType: "auto" | "always" | "never" | "hover";
                                autoUpdateOnScrollSize: boolean;
                            }> & Omit<{
                                readonly size: "medium" | "small";
                                readonly duration: number;
                                readonly disabledX: boolean;
                                readonly disabledY: boolean;
                                readonly showType: "auto" | "always" | "never" | "hover";
                                readonly autoUpdateOnScrollSize: boolean;
                                readonly wrapClass?: string | {
                                    [k: string]: boolean;
                                } | (string | {
                                    [k: string]: boolean;
                                })[] | undefined;
                                readonly barClass?: string | {
                                    [k: string]: boolean;
                                } | (string | {
                                    [k: string]: boolean;
                                })[] | undefined;
                                readonly onScroll?: ((event: Event) => any) | undefined;
                            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
                            $attrs: {
                                [x: string]: unknown;
                            };
                            $refs: {
                                [x: string]: unknown;
                            } & {
                                targetRef: HTMLDivElement;
                            };
                            $slots: Readonly<{
                                [name: string]: import('vue').Slot<any> | undefined;
                            }>;
                            $root: import('vue').ComponentPublicInstance | null;
                            $parent: import('vue').ComponentPublicInstance | null;
                            $host: Element | null;
                            $emit: (event: "scroll", event: Event) => void;
                            $el: HTMLDivElement;
                            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
                                wrapClass: {
                                    type: import('vue').PropType<string | {
                                        [k: string]: boolean;
                                    } | Array<{
                                        [k: string]: boolean;
                                    } | string>>;
                                };
                                disabledX: {
                                    type: BooleanConstructor;
                                    required: false;
                                };
                                disabledY: {
                                    type: BooleanConstructor;
                                };
                                duration: {
                                    type: NumberConstructor;
                                    default: number;
                                };
                                showType: {
                                    type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
                                    default: string;
                                };
                                size: {
                                    type: import('vue').PropType<import('..').ScrollerSizeT>;
                                    default: string;
                                };
                                autoUpdateOnScrollSize: {
                                    type: BooleanConstructor;
                                };
                                barClass: {
                                    type: import('vue').PropType<string | {
                                        [k: string]: boolean;
                                    } | Array<{
                                        [k: string]: boolean;
                                    } | string>>;
                                };
                            }>> & Readonly<{
                                onScroll?: ((event: Event) => any) | undefined;
                            }>, {
                                scrollTo: (options?: ScrollToOptions | undefined) => void;
                                scrollBy: (options?: ScrollToOptions | undefined) => void;
                                getContainerEl(): HTMLElement | null;
                            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                                scroll: (event: Event) => any;
                            }, string, {
                                size: "medium" | "small";
                                duration: number;
                                disabledX: boolean;
                                disabledY: boolean;
                                showType: "auto" | "always" | "never" | "hover";
                                autoUpdateOnScrollSize: boolean;
                            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                                beforeCreate?: (() => void) | (() => void)[];
                                created?: (() => void) | (() => void)[];
                                beforeMount?: (() => void) | (() => void)[];
                                mounted?: (() => void) | (() => void)[];
                                beforeUpdate?: (() => void) | (() => void)[];
                                updated?: (() => void) | (() => void)[];
                                activated?: (() => void) | (() => void)[];
                                deactivated?: (() => void) | (() => void)[];
                                beforeDestroy?: (() => void) | (() => void)[];
                                beforeUnmount?: (() => void) | (() => void)[];
                                destroyed?: (() => void) | (() => void)[];
                                unmounted?: (() => void) | (() => void)[];
                                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
                            };
                            $forceUpdate: () => void;
                            $nextTick: typeof import('vue').nextTick;
                            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
                        } & Readonly<{
                            size: "medium" | "small";
                            duration: number;
                            disabledX: boolean;
                            disabledY: boolean;
                            showType: "auto" | "always" | "never" | "hover";
                            autoUpdateOnScrollSize: boolean;
                        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
                            wrapClass: {
                                type: import('vue').PropType<string | {
                                    [k: string]: boolean;
                                } | Array<{
                                    [k: string]: boolean;
                                } | string>>;
                            };
                            disabledX: {
                                type: BooleanConstructor;
                                required: false;
                            };
                            disabledY: {
                                type: BooleanConstructor;
                            };
                            duration: {
                                type: NumberConstructor;
                                default: number;
                            };
                            showType: {
                                type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
                                default: string;
                            };
                            size: {
                                type: import('vue').PropType<import('..').ScrollerSizeT>;
                                default: string;
                            };
                            autoUpdateOnScrollSize: {
                                type: BooleanConstructor;
                            };
                            barClass: {
                                type: import('vue').PropType<string | {
                                    [k: string]: boolean;
                                } | Array<{
                                    [k: string]: boolean;
                                } | string>>;
                            };
                        }>> & Readonly<{
                            onScroll?: ((event: Event) => any) | undefined;
                        }>, "scrollTo" | "scrollBy" | "getContainerEl" | ("size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize")> & import('vue').ShallowUnwrapRef<{
                            scrollTo: (options?: ScrollToOptions | undefined) => void;
                            scrollBy: (options?: ScrollToOptions | undefined) => void;
                            getContainerEl(): HTMLElement | null;
                        }> & {} & import('vue').ComponentCustomProperties & {} & {
                            $slots: {
                                default?(_: {}): any;
                                thumb?(_: {}): any;
                                track?(_: {}): any;
                            };
                        }) | null;
                        listRef: HTMLDivElement;
                        itemsRef: HTMLDivElement[];
                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<{
                        modelValue: number | null;
                    } & {
                        options: import('./types').DatePickerColumnOption[];
                        disabledOptions?: number[];
                        noResponsive?: boolean;
                    }> & Readonly<{
                        onChange?: ((newVal: number | null) => any) | undefined;
                        "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
                    }>, {
                        scrollToItem: (smooth?: boolean) => Promise<void>;
                    }, {}, {}, {}, {}> | null;
                    secondColumnRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
                        modelValue: number | null;
                    } & {
                        options: import('./types').DatePickerColumnOption[];
                        disabledOptions?: number[];
                        noResponsive?: boolean;
                    }> & Readonly<{
                        onChange?: ((newVal: number | null) => any) | undefined;
                        "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
                    }>, {
                        scrollToItem: (smooth?: boolean) => Promise<void>;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                        "update:modelValue": (value: number | null) => any;
                    } & {
                        change: (newVal: number | null) => any;
                    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                        columnRef: ({
                            $: import('vue').ComponentInternalInstance;
                            $data: {};
                            $props: Partial<{
                                size: "medium" | "small";
                                duration: number;
                                disabledX: boolean;
                                disabledY: boolean;
                                showType: "auto" | "always" | "never" | "hover";
                                autoUpdateOnScrollSize: boolean;
                            }> & Omit<{
                                readonly size: "medium" | "small";
                                readonly duration: number;
                                readonly disabledX: boolean;
                                readonly disabledY: boolean;
                                readonly showType: "auto" | "always" | "never" | "hover";
                                readonly autoUpdateOnScrollSize: boolean;
                                readonly wrapClass?: string | {
                                    [k: string]: boolean;
                                } | (string | {
                                    [k: string]: boolean;
                                })[] | undefined;
                                readonly barClass?: string | {
                                    [k: string]: boolean;
                                } | (string | {
                                    [k: string]: boolean;
                                })[] | undefined;
                                readonly onScroll?: ((event: Event) => any) | undefined;
                            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
                            $attrs: {
                                [x: string]: unknown;
                            };
                            $refs: {
                                [x: string]: unknown;
                            } & {
                                targetRef: HTMLDivElement;
                            };
                            $slots: Readonly<{
                                [name: string]: import('vue').Slot<any> | undefined;
                            }>;
                            $root: import('vue').ComponentPublicInstance | null;
                            $parent: import('vue').ComponentPublicInstance | null;
                            $host: Element | null;
                            $emit: (event: "scroll", event: Event) => void;
                            $el: HTMLDivElement;
                            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
                                wrapClass: {
                                    type: import('vue').PropType<string | {
                                        [k: string]: boolean;
                                    } | Array<{
                                        [k: string]: boolean;
                                    } | string>>;
                                };
                                disabledX: {
                                    type: BooleanConstructor;
                                    required: false;
                                };
                                disabledY: {
                                    type: BooleanConstructor;
                                };
                                duration: {
                                    type: NumberConstructor;
                                    default: number;
                                };
                                showType: {
                                    type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
                                    default: string;
                                };
                                size: {
                                    type: import('vue').PropType<import('..').ScrollerSizeT>;
                                    default: string;
                                };
                                autoUpdateOnScrollSize: {
                                    type: BooleanConstructor;
                                };
                                barClass: {
                                    type: import('vue').PropType<string | {
                                        [k: string]: boolean;
                                    } | Array<{
                                        [k: string]: boolean;
                                    } | string>>;
                                };
                            }>> & Readonly<{
                                onScroll?: ((event: Event) => any) | undefined;
                            }>, {
                                scrollTo: (options?: ScrollToOptions | undefined) => void;
                                scrollBy: (options?: ScrollToOptions | undefined) => void;
                                getContainerEl(): HTMLElement | null;
                            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                                scroll: (event: Event) => any;
                            }, string, {
                                size: "medium" | "small";
                                duration: number;
                                disabledX: boolean;
                                disabledY: boolean;
                                showType: "auto" | "always" | "never" | "hover";
                                autoUpdateOnScrollSize: boolean;
                            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                                beforeCreate?: (() => void) | (() => void)[];
                                created?: (() => void) | (() => void)[];
                                beforeMount?: (() => void) | (() => void)[];
                                mounted?: (() => void) | (() => void)[];
                                beforeUpdate?: (() => void) | (() => void)[];
                                updated?: (() => void) | (() => void)[];
                                activated?: (() => void) | (() => void)[];
                                deactivated?: (() => void) | (() => void)[];
                                beforeDestroy?: (() => void) | (() => void)[];
                                beforeUnmount?: (() => void) | (() => void)[];
                                destroyed?: (() => void) | (() => void)[];
                                unmounted?: (() => void) | (() => void)[];
                                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
                            };
                            $forceUpdate: () => void;
                            $nextTick: typeof import('vue').nextTick;
                            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
                        } & Readonly<{
                            size: "medium" | "small";
                            duration: number;
                            disabledX: boolean;
                            disabledY: boolean;
                            showType: "auto" | "always" | "never" | "hover";
                            autoUpdateOnScrollSize: boolean;
                        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
                            wrapClass: {
                                type: import('vue').PropType<string | {
                                    [k: string]: boolean;
                                } | Array<{
                                    [k: string]: boolean;
                                } | string>>;
                            };
                            disabledX: {
                                type: BooleanConstructor;
                                required: false;
                            };
                            disabledY: {
                                type: BooleanConstructor;
                            };
                            duration: {
                                type: NumberConstructor;
                                default: number;
                            };
                            showType: {
                                type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
                                default: string;
                            };
                            size: {
                                type: import('vue').PropType<import('..').ScrollerSizeT>;
                                default: string;
                            };
                            autoUpdateOnScrollSize: {
                                type: BooleanConstructor;
                            };
                            barClass: {
                                type: import('vue').PropType<string | {
                                    [k: string]: boolean;
                                } | Array<{
                                    [k: string]: boolean;
                                } | string>>;
                            };
                        }>> & Readonly<{
                            onScroll?: ((event: Event) => any) | undefined;
                        }>, "scrollTo" | "scrollBy" | "getContainerEl" | ("size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize")> & import('vue').ShallowUnwrapRef<{
                            scrollTo: (options?: ScrollToOptions | undefined) => void;
                            scrollBy: (options?: ScrollToOptions | undefined) => void;
                            getContainerEl(): HTMLElement | null;
                        }> & {} & import('vue').ComponentCustomProperties & {} & {
                            $slots: {
                                default?(_: {}): any;
                                thumb?(_: {}): any;
                                track?(_: {}): any;
                            };
                        }) | null;
                        listRef: HTMLDivElement;
                        itemsRef: HTMLDivElement[];
                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<{
                        modelValue: number | null;
                    } & {
                        options: import('./types').DatePickerColumnOption[];
                        disabledOptions?: number[];
                        noResponsive?: boolean;
                    }> & Readonly<{
                        onChange?: ((newVal: number | null) => any) | undefined;
                        "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
                    }>, {
                        scrollToItem: (smooth?: boolean) => Promise<void>;
                    }, {}, {}, {}, {}> | null;
                }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                    P: {};
                    B: {};
                    D: {};
                    C: {};
                    M: {};
                    Defaults: {};
                }, Readonly<{
                    minTime?: string;
                    maxTime?: string;
                }> & Readonly<{
                    onChange?: ((newVal: string | undefined) => any) | undefined;
                }>, {
                    scrollAllToSelected: (smooth?: boolean) => Promise<void>;
                    setValue: (value?: Date | string) => void;
                    getValue: () => string | undefined;
                }, {}, {}, {}, {}> | null;
                popupRef: HTMLDivElement;
            };
            $slots: Readonly<{
                [name: string]: import('vue').Slot<any> | undefined;
            }>;
            $root: import('vue').ComponentPublicInstance | null;
            $parent: import('vue').ComponentPublicInstance | null;
            $host: Element | null;
            $emit: ((event: "cancel") => void) & ((event: "change", newVal: string | undefined) => void) & ((event: "confirm", value: string | undefined) => void);
            $el: any;
            $options: import('vue').ComponentOptionsBase<Readonly<{
                target?: HTMLElement;
                optionTitle?: string;
            }> & Readonly<{
                onCancel?: (() => any) | undefined;
                onChange?: ((newVal: string | undefined) => any) | undefined;
                onConfirm?: ((value: string | undefined) => any) | undefined;
            }>, {
                getPopupEl: () => HTMLDivElement | undefined;
                getValue: () => string | undefined;
                setValue: (value: string | undefined, smooth?: boolean) => void;
                open: (newVal: string | undefined) => Promise<void>;
                close: () => void;
            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                cancel: () => any;
                change: (newVal: string | undefined) => any;
                confirm: (value: string | undefined) => any;
            }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                beforeCreate?: (() => void) | (() => void)[];
                created?: (() => void) | (() => void)[];
                beforeMount?: (() => void) | (() => void)[];
                mounted?: (() => void) | (() => void)[];
                beforeUpdate?: (() => void) | (() => void)[];
                updated?: (() => void) | (() => void)[];
                activated?: (() => void) | (() => void)[];
                deactivated?: (() => void) | (() => void)[];
                beforeDestroy?: (() => void) | (() => void)[];
                beforeUnmount?: (() => void) | (() => void)[];
                destroyed?: (() => void) | (() => void)[];
                unmounted?: (() => void) | (() => void)[];
                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
            };
            $forceUpdate: () => void;
            $nextTick: typeof import('vue').nextTick;
            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
        } & Readonly<{}> & Omit<Readonly<{
            target?: HTMLElement;
            optionTitle?: string;
        }> & Readonly<{
            onCancel?: (() => any) | undefined;
            onChange?: ((newVal: string | undefined) => any) | undefined;
            onConfirm?: ((value: string | undefined) => any) | undefined;
        }>, "close" | "open" | "setValue" | "getValue" | "getPopupEl"> & import('vue').ShallowUnwrapRef<{
            getPopupEl: () => HTMLDivElement | undefined;
            getValue: () => string | undefined;
            setValue: (value: string | undefined, smooth?: boolean) => void;
            open: (newVal: string | undefined) => Promise<void>;
            close: () => void;
        }> & {} & import('vue').ComponentCustomProperties & {} & {
            $slots: {
                shortcut?(_: {
                    setValue: (value: string | undefined, smooth?: boolean) => void;
                    emitChange: () => void;
                }): any;
            };
        }) | null;
    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<import('vue').ExtractPropTypes<{
        placeholder: {
            type: StringConstructor;
        };
        inputId: {
            type: StringConstructor;
        };
        disabled: {
            type: BooleanConstructor;
        };
        readonly: {
            type: BooleanConstructor;
        };
        size: {
            type: import('vue').PropType<import('..').SizeT>;
        };
        round: {
            type: import('vue').PropType<import('..').RoundT>;
        };
        color: {
            type: import('vue').PropType<import('..').Color2T>;
            default: string;
        };
        variant: {
            type: import('vue').PropType<import('..').VariantT>;
            default: string;
        };
        noResponsive: {
            type: BooleanConstructor;
        };
        optionTitle: {
            type: StringConstructor;
        };
        format: {
            type: StringConstructor;
            default: string;
        };
        trigger: {
            type: import('vue').PropType<import('..').PopupTriggerT>;
            default: string;
        };
        clearable: {
            type: BooleanConstructor;
        };
        popupPosition: {
            type: import('vue').PropType<import('..').PopupPositionT>;
            default: string;
        };
        popupWrapper: {
            type: import('vue').PropType<string | HTMLElement | null>;
            default: string;
        };
        unmountOnHide: {
            type: BooleanConstructor;
            default: boolean;
        };
        transition: {
            type: StringConstructor;
        };
        hourStep: {
            type: NumberConstructor;
            default: number;
        };
        minuteStep: {
            type: NumberConstructor;
            default: number;
        };
        secondStep: {
            type: NumberConstructor;
            default: number;
        };
        disabledHours: {
            type: import('vue').PropType<import('./types').DisabledHoursFn>;
            default: undefined;
        };
        disabledMinutes: {
            type: import('vue').PropType<import('./types').DisabledMinutesFn>;
            default: undefined;
        };
        disabledSeconds: {
            type: import('vue').PropType<import('./types').DisabledSecondsFn>;
            default: undefined;
        };
        minTime: {
            type: StringConstructor;
            default: undefined;
        };
        maxTime: {
            type: StringConstructor;
            default: undefined;
        };
        modelValue: {
            type: import('vue').PropType<string>;
        };
    }>> & Readonly<{
        onClear?: ((evt?: Event | undefined) => any) | undefined;
        onBlur?: (() => any) | undefined;
        onChange?: ((newVal: string | undefined, oldVal: string | undefined) => any) | undefined;
        onFocus?: ((evt: FocusEvent) => any) | undefined;
        "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
        onPressEnter?: (() => any) | undefined;
    }>, {
        focus: (open?: boolean) => void;
        blur: () => void;
        clear: () => void | undefined;
        inputEl: () => HTMLInputElement | HTMLTextAreaElement | undefined;
    }, {}, {}, {}, {
        color: "normal" | "primary" | "success" | "warning" | "danger";
        disabled: boolean;
        trigger: "none" | "click" | "contextmenu" | "focus" | "click-outclick" | "hover" | "hover-outclick";
        unmountOnHide: boolean;
        popupPosition: "left" | "right" | "top" | "bottom" | "br" | "rt" | "tr" | "rb" | "tl" | "bl" | "lt" | "lb";
        variant: "solid" | "outline" | "text";
        noResponsive: boolean;
        clearable: boolean;
        readonly: boolean;
        format: string;
        popupWrapper: string | HTMLElement | null;
        hourStep: number;
        minuteStep: number;
        secondStep: number;
        disabledHours: import('./types').DisabledHoursFn;
        disabledMinutes: import('./types').DisabledMinutesFn;
        disabledSeconds: import('./types').DisabledSecondsFn;
        minTime: string;
        maxTime: string;
    }>;
    __isFragment?: never;
    __isTeleport?: never;
    __isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
    placeholder: {
        type: StringConstructor;
    };
    inputId: {
        type: StringConstructor;
    };
    disabled: {
        type: BooleanConstructor;
    };
    readonly: {
        type: BooleanConstructor;
    };
    size: {
        type: import('vue').PropType<import('..').SizeT>;
    };
    round: {
        type: import('vue').PropType<import('..').RoundT>;
    };
    color: {
        type: import('vue').PropType<import('..').Color2T>;
        default: string;
    };
    variant: {
        type: import('vue').PropType<import('..').VariantT>;
        default: string;
    };
    noResponsive: {
        type: BooleanConstructor;
    };
    optionTitle: {
        type: StringConstructor;
    };
    format: {
        type: StringConstructor;
        default: string;
    };
    trigger: {
        type: import('vue').PropType<import('..').PopupTriggerT>;
        default: string;
    };
    clearable: {
        type: BooleanConstructor;
    };
    popupPosition: {
        type: import('vue').PropType<import('..').PopupPositionT>;
        default: string;
    };
    popupWrapper: {
        type: import('vue').PropType<string | HTMLElement | null>;
        default: string;
    };
    unmountOnHide: {
        type: BooleanConstructor;
        default: boolean;
    };
    transition: {
        type: StringConstructor;
    };
    hourStep: {
        type: NumberConstructor;
        default: number;
    };
    minuteStep: {
        type: NumberConstructor;
        default: number;
    };
    secondStep: {
        type: NumberConstructor;
        default: number;
    };
    disabledHours: {
        type: import('vue').PropType<import('./types').DisabledHoursFn>;
        default: undefined;
    };
    disabledMinutes: {
        type: import('vue').PropType<import('./types').DisabledMinutesFn>;
        default: undefined;
    };
    disabledSeconds: {
        type: import('vue').PropType<import('./types').DisabledSecondsFn>;
        default: undefined;
    };
    minTime: {
        type: StringConstructor;
        default: undefined;
    };
    maxTime: {
        type: StringConstructor;
        default: undefined;
    };
    modelValue: {
        type: import('vue').PropType<string>;
    };
}>> & Readonly<{
    onClear?: ((evt?: Event | undefined) => any) | undefined;
    onBlur?: (() => any) | undefined;
    onChange?: ((newVal: string | undefined, oldVal: string | undefined) => any) | undefined;
    onFocus?: ((evt: FocusEvent) => any) | undefined;
    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
    onPressEnter?: (() => any) | undefined;
}>, {
    focus: (open?: boolean) => void;
    blur: () => void;
    clear: () => void | undefined;
    inputEl: () => HTMLInputElement | HTMLTextAreaElement | undefined;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    "update:modelValue": (value: string | undefined) => any;
} & {
    clear: (evt?: Event | undefined) => any;
    blur: () => any;
    change: (newVal: string | undefined, oldVal: string | undefined) => any;
    focus: (evt: FocusEvent) => any;
    pressEnter: () => any;
}, string, {
    color: "normal" | "primary" | "success" | "warning" | "danger";
    disabled: boolean;
    trigger: "none" | "click" | "contextmenu" | "focus" | "click-outclick" | "hover" | "hover-outclick";
    unmountOnHide: boolean;
    popupPosition: "left" | "right" | "top" | "bottom" | "br" | "rt" | "tr" | "rb" | "tl" | "bl" | "lt" | "lb";
    variant: "solid" | "outline" | "text";
    noResponsive: boolean;
    clearable: boolean;
    readonly: boolean;
    format: string;
    popupWrapper: string | HTMLElement | null;
    hourStep: number;
    minuteStep: number;
    secondStep: number;
    disabledHours: import('./types').DisabledHoursFn;
    disabledMinutes: import('./types').DisabledMinutesFn;
    disabledSeconds: import('./types').DisabledSecondsFn;
    minTime: string;
    maxTime: string;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
    $slots: Readonly<{
        prepend(): any;
        append(): any;
        shortcut(props: import('./types').TimePickerShortcutSlotProps): any;
    }> & {
        prepend(): any;
        append(): any;
        shortcut(props: import('./types').TimePickerShortcutSlotProps): any;
    };
}) & {
    install(app: App): void;
};
declare const OTimeRangePicker: {
    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
        inputId: {
            type: StringConstructor;
        };
        disabled: {
            type: BooleanConstructor;
        };
        readonly: {
            type: BooleanConstructor;
        };
        size: {
            type: import('vue').PropType<import('..').SizeT>;
        };
        round: {
            type: import('vue').PropType<import('..').RoundT>;
        };
        color: {
            type: import('vue').PropType<import('..').Color2T>;
            default: string;
        };
        variant: {
            type: import('vue').PropType<import('..').VariantT>;
            default: string;
        };
        noResponsive: {
            type: BooleanConstructor;
        };
        optionTitle: {
            type: StringConstructor;
        };
        format: {
            type: StringConstructor;
            default: string;
        };
        trigger: {
            type: import('vue').PropType<import('..').PopupTriggerT>;
            default: string;
        };
        clearable: {
            type: BooleanConstructor;
        };
        popupPosition: {
            type: import('vue').PropType<import('..').PopupPositionT>;
            default: string;
        };
        popupWrapper: {
            type: import('vue').PropType<string | HTMLElement | null>;
            default: string;
        };
        unmountOnHide: {
            type: BooleanConstructor;
            default: boolean;
        };
        transition: {
            type: StringConstructor;
        };
        hourStep: {
            type: NumberConstructor;
            default: number;
        };
        minuteStep: {
            type: NumberConstructor;
            default: number;
        };
        secondStep: {
            type: NumberConstructor;
            default: number;
        };
        disabledHours: {
            type: import('vue').PropType<import('./types').DisabledHoursFn>;
            default: undefined;
        };
        disabledMinutes: {
            type: import('vue').PropType<import('./types').DisabledMinutesFn>;
            default: undefined;
        };
        disabledSeconds: {
            type: import('vue').PropType<import('./types').DisabledSecondsFn>;
            default: undefined;
        };
        minTime: {
            type: StringConstructor;
            default: undefined;
        };
        maxTime: {
            type: StringConstructor;
            default: undefined;
        };
        placeholderStart: {
            type: StringConstructor;
        };
        placeholderEnd: {
            type: StringConstructor;
        };
        start: {
            type: import('vue').PropType<string | undefined>;
            required: true;
        };
        end: {
            type: import('vue').PropType<string | undefined>;
            required: true;
        };
    }>> & Readonly<{
        onClear?: ((evt?: Event | undefined) => any) | undefined;
        onBlur?: (() => any) | undefined;
        onChange?: ((newVal: import('./types').TimeRangeValue, oldVal: import('./types').TimeRangeValue) => any) | undefined;
        onFocus?: ((evt: FocusEvent) => any) | undefined;
        onPressEnter?: (() => any) | undefined;
        "onUpdate:start"?: ((value: string | undefined) => any) | undefined;
        "onUpdate:end"?: ((value: string | undefined) => any) | undefined;
    }>, {
        focus: (open?: boolean) => void;
        blur: () => void;
        clear: () => void;
    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
        "update:start": (value: string | undefined) => any;
        "update:end": (value: string | undefined) => any;
    } & {
        clear: (evt?: Event | undefined) => any;
        blur: () => any;
        change: (newVal: import('./types').TimeRangeValue, oldVal: import('./types').TimeRangeValue) => any;
        focus: (evt: FocusEvent) => any;
        pressEnter: () => any;
    }, import('vue').PublicProps, {
        color: "normal" | "primary" | "success" | "warning" | "danger";
        disabled: boolean;
        trigger: "none" | "click" | "contextmenu" | "focus" | "click-outclick" | "hover" | "hover-outclick";
        unmountOnHide: boolean;
        popupPosition: "left" | "right" | "top" | "bottom" | "br" | "rt" | "tr" | "rb" | "tl" | "bl" | "lt" | "lb";
        variant: "solid" | "outline" | "text";
        noResponsive: boolean;
        clearable: boolean;
        readonly: boolean;
        format: string;
        popupWrapper: string | HTMLElement | null;
        hourStep: number;
        minuteStep: number;
        secondStep: number;
        disabledHours: import('./types').DisabledHoursFn;
        disabledMinutes: import('./types').DisabledMinutesFn;
        disabledSeconds: import('./types').DisabledSecondsFn;
        minTime: string;
        maxTime: string;
    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
        inBoxRef: ({
            $: import('vue').ComponentInternalInstance;
            $data: {};
            $props: Partial<{
                color: "normal" | "primary" | "success" | "warning" | "danger";
                disabled: boolean;
                variant: "solid" | "outline" | "text";
                readonly: boolean;
                focused: boolean;
            }> & Omit<{
                readonly color: "normal" | "primary" | "success" | "warning" | "danger";
                readonly disabled: boolean;
                readonly variant: "solid" | "outline" | "text";
                readonly readonly: boolean;
                readonly focused: boolean;
                readonly round?: import('..').RoundT | undefined;
                readonly size?: "large" | "medium" | "small" | undefined;
            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "color" | "disabled" | "variant" | "readonly" | "focused">;
            $attrs: {
                [x: string]: unknown;
            };
            $refs: {
                [x: string]: unknown;
            };
            $slots: Readonly<{
                [name: string]: import('vue').Slot<any> | undefined;
            }>;
            $root: import('vue').ComponentPublicInstance | null;
            $parent: import('vue').ComponentPublicInstance | null;
            $host: Element | null;
            $emit: (event: string, ...args: any[]) => void;
            $el: HTMLDivElement;
            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
                size: {
                    type: import('vue').PropType<import('..').SizeT>;
                };
                round: {
                    type: import('vue').PropType<import('..').RoundT>;
                };
                color: {
                    type: import('vue').PropType<import('..').Color2T>;
                    default: string;
                };
                variant: {
                    type: import('vue').PropType<import('..').VariantT>;
                    default: string;
                };
                focused: {
                    type: BooleanConstructor;
                };
                disabled: {
                    type: BooleanConstructor;
                };
                readonly: {
                    type: BooleanConstructor;
                };
            }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
                color: "normal" | "primary" | "success" | "warning" | "danger";
                disabled: boolean;
                variant: "solid" | "outline" | "text";
                readonly: boolean;
                focused: boolean;
            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                beforeCreate?: (() => void) | (() => void)[];
                created?: (() => void) | (() => void)[];
                beforeMount?: (() => void) | (() => void)[];
                mounted?: (() => void) | (() => void)[];
                beforeUpdate?: (() => void) | (() => void)[];
                updated?: (() => void) | (() => void)[];
                activated?: (() => void) | (() => void)[];
                deactivated?: (() => void) | (() => void)[];
                beforeDestroy?: (() => void) | (() => void)[];
                beforeUnmount?: (() => void) | (() => void)[];
                destroyed?: (() => void) | (() => void)[];
                unmounted?: (() => void) | (() => void)[];
                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
            };
            $forceUpdate: () => void;
            $nextTick: typeof import('vue').nextTick;
            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
        } & Readonly<{
            color: "normal" | "primary" | "success" | "warning" | "danger";
            disabled: boolean;
            variant: "solid" | "outline" | "text";
            readonly: boolean;
            focused: boolean;
        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
            size: {
                type: import('vue').PropType<import('..').SizeT>;
            };
            round: {
                type: import('vue').PropType<import('..').RoundT>;
            };
            color: {
                type: import('vue').PropType<import('..').Color2T>;
                default: string;
            };
            variant: {
                type: import('vue').PropType<import('..').VariantT>;
                default: string;
            };
            focused: {
                type: BooleanConstructor;
            };
            disabled: {
                type: BooleanConstructor;
            };
            readonly: {
                type: BooleanConstructor;
            };
        }>> & Readonly<{}>, "color" | "disabled" | "variant" | "readonly" | "focused"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
            $slots: Readonly<{
                default(): any;
                prepend(): any;
                append(): any;
            }> & {
                default(): any;
                prepend(): any;
                append(): any;
            };
        }) | null;
        startInputRef: ({
            $: import('vue').ComponentInternalInstance;
            $data: {};
            $props: Partial<{
                type: "text" | "password";
                disabled: boolean;
                clearable: boolean;
                readonly: boolean;
                noKeyboard: boolean;
                showLength: "auto" | "always" | "never";
                inputOnOutlimit: boolean;
                showPasswordEvent: "click" | "pointerdown";
                autoWidth: boolean;
                passwordPlaceholder: string;
                onlyNumericInput: boolean;
            }> & Omit<{
                readonly type: "text" | "password";
                readonly disabled: boolean;
                readonly clearable: boolean;
                readonly readonly: boolean;
                readonly noKeyboard: boolean;
                readonly showLength: "auto" | "always" | "never";
                readonly inputOnOutlimit: boolean;
                readonly showPasswordEvent: "click" | "pointerdown";
                readonly autoWidth: boolean;
                readonly passwordPlaceholder: string;
                readonly onlyNumericInput: boolean;
                readonly placeholder?: string | undefined;
                readonly defaultValue?: string | undefined;
                readonly modelValue?: string | undefined;
                readonly inputId?: string | undefined;
                readonly validate?: ((value: string) => boolean) | undefined;
                readonly minLength?: number | undefined;
                readonly maxLength?: number | undefined;
                readonly getLength?: ((val: string) => number) | undefined;
                readonly format?: ((value: string) => string) | undefined;
                readonly valueOnInvalidChange?: boolean | ((inputValue: string, lastValidInputValue: string) => string) | undefined;
                readonly onInput?: ((evt: Event, value: string) => any) | undefined;
                readonly onClear?: ((evt?: Event | undefined) => any) | undefined;
                readonly onBlur?: ((evt: FocusEvent) => any) | undefined;
                readonly onChange?: ((value: string, lastValue: string) => any) | undefined;
                readonly onFocus?: ((evt: FocusEvent) => any) | undefined;
                readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
                readonly onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "disabled" | "clearable" | "readonly" | "noKeyboard" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput">;
            $attrs: {
                [x: string]: unknown;
            };
            $refs: {
                [x: string]: unknown;
            } & {
                inputEl: HTMLInputElement;
            };
            $slots: Readonly<{
                [name: string]: import('vue').Slot<any> | undefined;
            }>;
            $root: import('vue').ComponentPublicInstance | null;
            $parent: import('vue').ComponentPublicInstance | null;
            $host: Element | null;
            $emit: ((event: "input", evt: Event, value: string) => void) & ((event: "clear", evt?: Event | undefined) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "change", value: string, lastValue: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "pressEnter", evt: KeyboardEvent) => void);
            $el: HTMLLabelElement;
            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
                modelValue: {
                    type: StringConstructor;
                };
                defaultValue: {
                    type: StringConstructor;
                };
                type: {
                    type: import('vue').PropType<"text" | "password">;
                    default: string;
                };
                placeholder: {
                    type: StringConstructor;
                };
                inputId: {
                    type: StringConstructor;
                };
                disabled: {
                    type: BooleanConstructor;
                };
                readonly: {
                    type: BooleanConstructor;
                };
                noKeyboard: {
                    type: BooleanConstructor;
                };
                clearable: {
                    type: BooleanConstructor;
                };
                minLength: {
                    type: NumberConstructor;
                };
                maxLength: {
                    type: NumberConstructor;
                };
                showLength: {
                    type: import('vue').PropType<"always" | "auto" | "never">;
                    default: string;
                };
                getLength: {
                    type: import('vue').PropType<(val: string) => number>;
                };
                inputOnOutlimit: {
                    type: BooleanConstructor;
                    default: boolean;
                };
                format: {
                    type: import('vue').PropType<(value: string) => string>;
                };
                validate: {
                    type: import('vue').PropType<(value: string) => boolean>;
                };
                valueOnInvalidChange: {
                    type: import('vue').PropType<boolean | ((inputValue: string, lastValidInputValue: string) => string)>;
                };
                showPasswordEvent: {
                    type: import('vue').PropType<"click" | "pointerdown">;
                    default: string;
                };
                autoWidth: {
                    type: BooleanConstructor;
                };
                passwordPlaceholder: {
                    type: StringConstructor;
                    default: string;
                };
                onlyNumericInput: {
                    type: BooleanConstructor;
                };
            }>> & Readonly<{
                onInput?: ((evt: Event, value: string) => any) | undefined;
                onClear?: ((evt?: Event | undefined) => any) | undefined;
                onBlur?: ((evt: FocusEvent) => any) | undefined;
                onChange?: ((value: string, lastValue: string) => any) | undefined;
                onFocus?: ((evt: FocusEvent) => any) | undefined;
                "onUpdate:modelValue"?: ((value: string) => any) | undefined;
                onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
            }>, {
                inputEl: import('vue').Ref<HTMLInputElement | HTMLTextAreaElement | undefined, HTMLInputElement | HTMLTextAreaElement | undefined>;
                focus: () => void;
                blur: () => void;
                clear: () => void;
                togglePassword: (visible?: boolean) => void;
            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                input: (evt: Event, value: string) => any;
                clear: (evt?: Event | undefined) => any;
                blur: (evt: FocusEvent) => any;
                change: (value: string, lastValue: string) => any;
                focus: (evt: FocusEvent) => any;
                "update:modelValue": (value: string) => any;
                pressEnter: (evt: KeyboardEvent) => any;
            }, string, {
                type: "text" | "password";
                disabled: boolean;
                clearable: boolean;
                readonly: boolean;
                noKeyboard: boolean;
                showLength: "auto" | "always" | "never";
                inputOnOutlimit: boolean;
                showPasswordEvent: "click" | "pointerdown";
                autoWidth: boolean;
                passwordPlaceholder: string;
                onlyNumericInput: boolean;
            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                beforeCreate?: (() => void) | (() => void)[];
                created?: (() => void) | (() => void)[];
                beforeMount?: (() => void) | (() => void)[];
                mounted?: (() => void) | (() => void)[];
                beforeUpdate?: (() => void) | (() => void)[];
                updated?: (() => void) | (() => void)[];
                activated?: (() => void) | (() => void)[];
                deactivated?: (() => void) | (() => void)[];
                beforeDestroy?: (() => void) | (() => void)[];
                beforeUnmount?: (() => void) | (() => void)[];
                destroyed?: (() => void) | (() => void)[];
                unmounted?: (() => void) | (() => void)[];
                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
            };
            $forceUpdate: () => void;
            $nextTick: typeof import('vue').nextTick;
            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
        } & Readonly<{
            type: "text" | "password";
            disabled: boolean;
            clearable: boolean;
            readonly: boolean;
            noKeyboard: boolean;
            showLength: "auto" | "always" | "never";
            inputOnOutlimit: boolean;
            showPasswordEvent: "click" | "pointerdown";
            autoWidth: boolean;
            passwordPlaceholder: string;
            onlyNumericInput: boolean;
        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
            modelValue: {
                type: StringConstructor;
            };
            defaultValue: {
                type: StringConstructor;
            };
            type: {
                type: import('vue').PropType<"text" | "password">;
                default: string;
            };
            placeholder: {
                type: StringConstructor;
            };
            inputId: {
                type: StringConstructor;
            };
            disabled: {
                type: BooleanConstructor;
            };
            readonly: {
                type: BooleanConstructor;
            };
            noKeyboard: {
                type: BooleanConstructor;
            };
            clearable: {
                type: BooleanConstructor;
            };
            minLength: {
                type: NumberConstructor;
            };
            maxLength: {
                type: NumberConstructor;
            };
            showLength: {
                type: import('vue').PropType<"always" | "auto" | "never">;
                default: string;
            };
            getLength: {
                type: import('vue').PropType<(val: string) => number>;
            };
            inputOnOutlimit: {
                type: BooleanConstructor;
                default: boolean;
            };
            format: {
                type: import('vue').PropType<(value: string) => string>;
            };
            validate: {
                type: import('vue').PropType<(value: string) => boolean>;
            };
            valueOnInvalidChange: {
                type: import('vue').PropType<boolean | ((inputValue: string, lastValidInputValue: string) => string)>;
            };
            showPasswordEvent: {
                type: import('vue').PropType<"click" | "pointerdown">;
                default: string;
            };
            autoWidth: {
                type: BooleanConstructor;
            };
            passwordPlaceholder: {
                type: StringConstructor;
                default: string;
            };
            onlyNumericInput: {
                type: BooleanConstructor;
            };
        }>> & Readonly<{
            onInput?: ((evt: Event, value: string) => any) | undefined;
            onClear?: ((evt?: Event | undefined) => any) | undefined;
            onBlur?: ((evt: FocusEvent) => any) | undefined;
            onChange?: ((value: string, lastValue: string) => any) | undefined;
            onFocus?: ((evt: FocusEvent) => any) | undefined;
            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
            onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
        }>, "clear" | "blur" | "focus" | "inputEl" | "togglePassword" | ("type" | "disabled" | "clearable" | "readonly" | "noKeyboard" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput")> & import('vue').ShallowUnwrapRef<{
            inputEl: import('vue').Ref<HTMLInputElement | HTMLTextAreaElement | undefined, HTMLInputElement | HTMLTextAreaElement | undefined>;
            focus: () => void;
            blur: () => void;
            clear: () => void;
            togglePassword: (visible?: boolean) => void;
        }> & {} & import('vue').ComponentCustomProperties & {} & {
            $slots: Readonly<{
                default(): any;
                prefix(): any;
                suffix(): any;
                extra(): any;
                length(props: {
                    length: number;
                }): any;
            }> & {
                default(): any;
                prefix(): any;
                suffix(): any;
                extra(): any;
                length(props: {
                    length: number;
                }): any;
            };
        }) | null;
        panelRef: ({
            $: import('vue').ComponentInternalInstance;
            $data: {};
            $props: {
                readonly target?: HTMLElement | undefined;
                readonly optionTitle?: string | undefined;
                readonly onChange?: ((start: string | undefined, end: string | undefined) => any) | undefined;
                readonly onConfirm?: ((start: string | undefined, end: string | undefined) => any) | undefined;
            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
            $attrs: {
                [x: string]: unknown;
            };
            $refs: {
                [x: string]: unknown;
            } & {
                popupRef: HTMLDivElement;
                startColumnsRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
                    minTime?: string;
                    maxTime?: string;
                }> & Readonly<{
                    onChange?: ((newVal: string | undefined) => any) | undefined;
                }>, {
                    scrollAllToSelected: (smooth?: boolean) => Promise<void>;
                    setValue: (value?: Date | string) => void;
                    getValue: () => string | undefined;
                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                    change: (newVal: string | undefined) => any;
                }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                    hourColumnRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
                        modelValue: number | null;
                    } & {
                        options: import('./types').DatePickerColumnOption[];
                        disabledOptions?: number[];
                        noResponsive?: boolean;
                    }> & Readonly<{
                        onChange?: ((newVal: number | null) => any) | undefined;
                        "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
                    }>, {
                        scrollToItem: (smooth?: boolean) => Promise<void>;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                        "update:modelValue": (value: number | null) => any;
                    } & {
                        change: (newVal: number | null) => any;
                    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                        columnRef: ({
                            $: import('vue').ComponentInternalInstance;
                            $data: {};
                            $props: Partial<{
                                size: "medium" | "small";
                                duration: number;
                                disabledX: boolean;
                                disabledY: boolean;
                                showType: "auto" | "always" | "never" | "hover";
                                autoUpdateOnScrollSize: boolean;
                            }> & Omit<{
                                readonly size: "medium" | "small";
                                readonly duration: number;
                                readonly disabledX: boolean;
                                readonly disabledY: boolean;
                                readonly showType: "auto" | "always" | "never" | "hover";
                                readonly autoUpdateOnScrollSize: boolean;
                                readonly wrapClass?: string | {
                                    [k: string]: boolean;
                                } | (string | {
                                    [k: string]: boolean;
                                })[] | undefined;
                                readonly barClass?: string | {
                                    [k: string]: boolean;
                                } | (string | {
                                    [k: string]: boolean;
                                })[] | undefined;
                                readonly onScroll?: ((event: Event) => any) | undefined;
                            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
                            $attrs: {
                                [x: string]: unknown;
                            };
                            $refs: {
                                [x: string]: unknown;
                            } & {
                                targetRef: HTMLDivElement;
                            };
                            $slots: Readonly<{
                                [name: string]: import('vue').Slot<any> | undefined;
                            }>;
                            $root: import('vue').ComponentPublicInstance | null;
                            $parent: import('vue').ComponentPublicInstance | null;
                            $host: Element | null;
                            $emit: (event: "scroll", event: Event) => void;
                            $el: HTMLDivElement;
                            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
                                wrapClass: {
                                    type: import('vue').PropType<string | {
                                        [k: string]: boolean;
                                    } | Array<{
                                        [k: string]: boolean;
                                    } | string>>;
                                };
                                disabledX: {
                                    type: BooleanConstructor;
                                    required: false;
                                };
                                disabledY: {
                                    type: BooleanConstructor;
                                };
                                duration: {
                                    type: NumberConstructor;
                                    default: number;
                                };
                                showType: {
                                    type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
                                    default: string;
                                };
                                size: {
                                    type: import('vue').PropType<import('..').ScrollerSizeT>;
                                    default: string;
                                };
                                autoUpdateOnScrollSize: {
                                    type: BooleanConstructor;
                                };
                                barClass: {
                                    type: import('vue').PropType<string | {
                                        [k: string]: boolean;
                                    } | Array<{
                                        [k: string]: boolean;
                                    } | string>>;
                                };
                            }>> & Readonly<{
                                onScroll?: ((event: Event) => any) | undefined;
                            }>, {
                                scrollTo: (options?: ScrollToOptions | undefined) => void;
                                scrollBy: (options?: ScrollToOptions | undefined) => void;
                                getContainerEl(): HTMLElement | null;
                            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                                scroll: (event: Event) => any;
                            }, string, {
                                size: "medium" | "small";
                                duration: number;
                                disabledX: boolean;
                                disabledY: boolean;
                                showType: "auto" | "always" | "never" | "hover";
                                autoUpdateOnScrollSize: boolean;
                            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                                beforeCreate?: (() => void) | (() => void)[];
                                created?: (() => void) | (() => void)[];
                                beforeMount?: (() => void) | (() => void)[];
                                mounted?: (() => void) | (() => void)[];
                                beforeUpdate?: (() => void) | (() => void)[];
                                updated?: (() => void) | (() => void)[];
                                activated?: (() => void) | (() => void)[];
                                deactivated?: (() => void) | (() => void)[];
                                beforeDestroy?: (() => void) | (() => void)[];
                                beforeUnmount?: (() => void) | (() => void)[];
                                destroyed?: (() => void) | (() => void)[];
                                unmounted?: (() => void) | (() => void)[];
                                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
                            };
                            $forceUpdate: () => void;
                            $nextTick: typeof import('vue').nextTick;
                            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
                        } & Readonly<{
                            size: "medium" | "small";
                            duration: number;
                            disabledX: boolean;
                            disabledY: boolean;
                            showType: "auto" | "always" | "never" | "hover";
                            autoUpdateOnScrollSize: boolean;
                        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
                            wrapClass: {
                                type: import('vue').PropType<string | {
                                    [k: string]: boolean;
                                } | Array<{
                                    [k: string]: boolean;
                                } | string>>;
                            };
                            disabledX: {
                                type: BooleanConstructor;
                                required: false;
                            };
                            disabledY: {
                                type: BooleanConstructor;
                            };
                            duration: {
                                type: NumberConstructor;
                                default: number;
                            };
                            showType: {
                                type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
                                default: string;
                            };
                            size: {
                                type: import('vue').PropType<import('..').ScrollerSizeT>;
                                default: string;
                            };
                            autoUpdateOnScrollSize: {
                                type: BooleanConstructor;
                            };
                            barClass: {
                                type: import('vue').PropType<string | {
                                    [k: string]: boolean;
                                } | Array<{
                                    [k: string]: boolean;
                                } | string>>;
                            };
                        }>> & Readonly<{
                            onScroll?: ((event: Event) => any) | undefined;
                        }>, "scrollTo" | "scrollBy" | "getContainerEl" | ("size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize")> & import('vue').ShallowUnwrapRef<{
                            scrollTo: (options?: ScrollToOptions | undefined) => void;
                            scrollBy: (options?: ScrollToOptions | undefined) => void;
                            getContainerEl(): HTMLElement | null;
                        }> & {} & import('vue').ComponentCustomProperties & {} & {
                            $slots: {
                                default?(_: {}): any;
                                thumb?(_: {}): any;
                                track?(_: {}): any;
                            };
                        }) | null;
                        listRef: HTMLDivElement;
                        itemsRef: HTMLDivElement[];
                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<{
                        modelValue: number | null;
                    } & {
                        options: import('./types').DatePickerColumnOption[];
                        disabledOptions?: number[];
                        noResponsive?: boolean;
                    }> & Readonly<{
                        onChange?: ((newVal: number | null) => any) | undefined;
                        "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
                    }>, {
                        scrollToItem: (smooth?: boolean) => Promise<void>;
                    }, {}, {}, {}, {}> | null;
                    minuteColumnRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
                        modelValue: number | null;
                    } & {
                        options: import('./types').DatePickerColumnOption[];
                        disabledOptions?: number[];
                        noResponsive?: boolean;
                    }> & Readonly<{
                        onChange?: ((newVal: number | null) => any) | undefined;
                        "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
                    }>, {
                        scrollToItem: (smooth?: boolean) => Promise<void>;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                        "update:modelValue": (value: number | null) => any;
                    } & {
                        change: (newVal: number | null) => any;
                    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                        columnRef: ({
                            $: import('vue').ComponentInternalInstance;
                            $data: {};
                            $props: Partial<{
                                size: "medium" | "small";
                                duration: number;
                                disabledX: boolean;
                                disabledY: boolean;
                                showType: "auto" | "always" | "never" | "hover";
                                autoUpdateOnScrollSize: boolean;
                            }> & Omit<{
                                readonly size: "medium" | "small";
                                readonly duration: number;
                                readonly disabledX: boolean;
                                readonly disabledY: boolean;
                                readonly showType: "auto" | "always" | "never" | "hover";
                                readonly autoUpdateOnScrollSize: boolean;
                                readonly wrapClass?: string | {
                                    [k: string]: boolean;
                                } | (string | {
                                    [k: string]: boolean;
                                })[] | undefined;
                                readonly barClass?: string | {
                                    [k: string]: boolean;
                                } | (string | {
                                    [k: string]: boolean;
                                })[] | undefined;
                                readonly onScroll?: ((event: Event) => any) | undefined;
                            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
                            $attrs: {
                                [x: string]: unknown;
                            };
                            $refs: {
                                [x: string]: unknown;
                            } & {
                                targetRef: HTMLDivElement;
                            };
                            $slots: Readonly<{
                                [name: string]: import('vue').Slot<any> | undefined;
                            }>;
                            $root: import('vue').ComponentPublicInstance | null;
                            $parent: import('vue').ComponentPublicInstance | null;
                            $host: Element | null;
                            $emit: (event: "scroll", event: Event) => void;
                            $el: HTMLDivElement;
                            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
                                wrapClass: {
                                    type: import('vue').PropType<string | {
                                        [k: string]: boolean;
                                    } | Array<{
                                        [k: string]: boolean;
                                    } | string>>;
                                };
                                disabledX: {
                                    type: BooleanConstructor;
                                    required: false;
                                };
                                disabledY: {
                                    type: BooleanConstructor;
                                };
                                duration: {
                                    type: NumberConstructor;
                                    default: number;
                                };
                                showType: {
                                    type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
                                    default: string;
                                };
                                size: {
                                    type: import('vue').PropType<import('..').ScrollerSizeT>;
                                    default: string;
                                };
                                autoUpdateOnScrollSize: {
                                    type: BooleanConstructor;
                                };
                                barClass: {
                                    type: import('vue').PropType<string | {
                                        [k: string]: boolean;
                                    } | Array<{
                                        [k: string]: boolean;
                                    } | string>>;
                                };
                            }>> & Readonly<{
                                onScroll?: ((event: Event) => any) | undefined;
                            }>, {
                                scrollTo: (options?: ScrollToOptions | undefined) => void;
                                scrollBy: (options?: ScrollToOptions | undefined) => void;
                                getContainerEl(): HTMLElement | null;
                            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                                scroll: (event: Event) => any;
                            }, string, {
                                size: "medium" | "small";
                                duration: number;
                                disabledX: boolean;
                                disabledY: boolean;
                                showType: "auto" | "always" | "never" | "hover";
                                autoUpdateOnScrollSize: boolean;
                            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                                beforeCreate?: (() => void) | (() => void)[];
                                created?: (() => void) | (() => void)[];
                                beforeMount?: (() => void) | (() => void)[];
                                mounted?: (() => void) | (() => void)[];
                                beforeUpdate?: (() => void) | (() => void)[];
                                updated?: (() => void) | (() => void)[];
                                activated?: (() => void) | (() => void)[];
                                deactivated?: (() => void) | (() => void)[];
                                beforeDestroy?: (() => void) | (() => void)[];
                                beforeUnmount?: (() => void) | (() => void)[];
                                destroyed?: (() => void) | (() => void)[];
                                unmounted?: (() => void) | (() => void)[];
                                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
                            };
                            $forceUpdate: () => void;
                            $nextTick: typeof import('vue').nextTick;
                            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
                        } & Readonly<{
                            size: "medium" | "small";
                            duration: number;
                            disabledX: boolean;
                            disabledY: boolean;
                            showType: "auto" | "always" | "never" | "hover";
                            autoUpdateOnScrollSize: boolean;
                        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
                            wrapClass: {
                                type: import('vue').PropType<string | {
                                    [k: string]: boolean;
                                } | Array<{
                                    [k: string]: boolean;
                                } | string>>;
                            };
                            disabledX: {
                                type: BooleanConstructor;
                                required: false;
                            };
                            disabledY: {
                                type: BooleanConstructor;
                            };
                            duration: {
                                type: NumberConstructor;
                                default: number;
                            };
                            showType: {
                                type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
                                default: string;
                            };
                            size: {
                                type: import('vue').PropType<import('..').ScrollerSizeT>;
                                default: string;
                            };
                            autoUpdateOnScrollSize: {
                                type: BooleanConstructor;
                            };
                            barClass: {
                                type: import('vue').PropType<string | {
                                    [k: string]: boolean;
                                } | Array<{
                                    [k: string]: boolean;
                                } | string>>;
                            };
                        }>> & Readonly<{
                            onScroll?: ((event: Event) => any) | undefined;
                        }>, "scrollTo" | "scrollBy" | "getContainerEl" | ("size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize")> & import('vue').ShallowUnwrapRef<{
                            scrollTo: (options?: ScrollToOptions | undefined) => void;
                            scrollBy: (options?: ScrollToOptions | undefined) => void;
                            getContainerEl(): HTMLElement | null;
                        }> & {} & import('vue').ComponentCustomProperties & {} & {
                            $slots: {
                                default?(_: {}): any;
                                thumb?(_: {}): any;
                                track?(_: {}): any;
                            };
                        }) | null;
                        listRef: HTMLDivElement;
                        itemsRef: HTMLDivElement[];
                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<{
                        modelValue: number | null;
                    } & {
                        options: import('./types').DatePickerColumnOption[];
                        disabledOptions?: number[];
                        noResponsive?: boolean;
                    }> & Readonly<{
                        onChange?: ((newVal: number | null) => any) | undefined;
                        "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
                    }>, {
                        scrollToItem: (smooth?: boolean) => Promise<void>;
                    }, {}, {}, {}, {}> | null;
                    secondColumnRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
                        modelValue: number | null;
                    } & {
                        options: import('./types').DatePickerColumnOption[];
                        disabledOptions?: number[];
                        noResponsive?: boolean;
                    }> & Readonly<{
                        onChange?: ((newVal: number | null) => any) | undefined;
                        "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
                    }>, {
                        scrollToItem: (smooth?: boolean) => Promise<void>;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                        "update:modelValue": (value: number | null) => any;
                    } & {
                        change: (newVal: number | null) => any;
                    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                        columnRef: ({
                            $: import('vue').ComponentInternalInstance;
                            $data: {};
                            $props: Partial<{
                                size: "medium" | "small";
                                duration: number;
                                disabledX: boolean;
                                disabledY: boolean;
                                showType: "auto" | "always" | "never" | "hover";
                                autoUpdateOnScrollSize: boolean;
                            }> & Omit<{
                                readonly size: "medium" | "small";
                                readonly duration: number;
                                readonly disabledX: boolean;
                                readonly disabledY: boolean;
                                readonly showType: "auto" | "always" | "never" | "hover";
                                readonly autoUpdateOnScrollSize: boolean;
                                readonly wrapClass?: string | {
                                    [k: string]: boolean;
                                } | (string | {
                                    [k: string]: boolean;
                                })[] | undefined;
                                readonly barClass?: string | {
                                    [k: string]: boolean;
                                } | (string | {
                                    [k: string]: boolean;
                                })[] | undefined;
                                readonly onScroll?: ((event: Event) => any) | undefined;
                            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
                            $attrs: {
                                [x: string]: unknown;
                            };
                            $refs: {
                                [x: string]: unknown;
                            } & {
                                targetRef: HTMLDivElement;
                            };
                            $slots: Readonly<{
                                [name: string]: import('vue').Slot<any> | undefined;
                            }>;
                            $root: import('vue').ComponentPublicInstance | null;
                            $parent: import('vue').ComponentPublicInstance | null;
                            $host: Element | null;
                            $emit: (event: "scroll", event: Event) => void;
                            $el: HTMLDivElement;
                            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
                                wrapClass: {
                                    type: import('vue').PropType<string | {
                                        [k: string]: boolean;
                                    } | Array<{
                                        [k: string]: boolean;
                                    } | string>>;
                                };
                                disabledX: {
                                    type: BooleanConstructor;
                                    required: false;
                                };
                                disabledY: {
                                    type: BooleanConstructor;
                                };
                                duration: {
                                    type: NumberConstructor;
                                    default: number;
                                };
                                showType: {
                                    type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
                                    default: string;
                                };
                                size: {
                                    type: import('vue').PropType<import('..').ScrollerSizeT>;
                                    default: string;
                                };
                                autoUpdateOnScrollSize: {
                                    type: BooleanConstructor;
                                };
                                barClass: {
                                    type: import('vue').PropType<string | {
                                        [k: string]: boolean;
                                    } | Array<{
                                        [k: string]: boolean;
                                    } | string>>;
                                };
                            }>> & Readonly<{
                                onScroll?: ((event: Event) => any) | undefined;
                            }>, {
                                scrollTo: (options?: ScrollToOptions | undefined) => void;
                                scrollBy: (options?: ScrollToOptions | undefined) => void;
                                getContainerEl(): HTMLElement | null;
                            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                                scroll: (event: Event) => any;
                            }, string, {
                                size: "medium" | "small";
                                duration: number;
                                disabledX: boolean;
                                disabledY: boolean;
                                showType: "auto" | "always" | "never" | "hover";
                                autoUpdateOnScrollSize: boolean;
                            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                                beforeCreate?: (() => void) | (() => void)[];
                                created?: (() => void) | (() => void)[];
                                beforeMount?: (() => void) | (() => void)[];
                                mounted?: (() => void) | (() => void)[];
                                beforeUpdate?: (() => void) | (() => void)[];
                                updated?: (() => void) | (() => void)[];
                                activated?: (() => void) | (() => void)[];
                                deactivated?: (() => void) | (() => void)[];
                                beforeDestroy?: (() => void) | (() => void)[];
                                beforeUnmount?: (() => void) | (() => void)[];
                                destroyed?: (() => void) | (() => void)[];
                                unmounted?: (() => void) | (() => void)[];
                                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
                            };
                            $forceUpdate: () => void;
                            $nextTick: typeof import('vue').nextTick;
                            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
                        } & Readonly<{
                            size: "medium" | "small";
                            duration: number;
                            disabledX: boolean;
                            disabledY: boolean;
                            showType: "auto" | "always" | "never" | "hover";
                            autoUpdateOnScrollSize: boolean;
                        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
                            wrapClass: {
                                type: import('vue').PropType<string | {
                                    [k: string]: boolean;
                                } | Array<{
                                    [k: string]: boolean;
                                } | string>>;
                            };
                            disabledX: {
                                type: BooleanConstructor;
                                required: false;
                            };
                            disabledY: {
                                type: BooleanConstructor;
                            };
                            duration: {
                                type: NumberConstructor;
                                default: number;
                            };
                            showType: {
                                type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
                                default: string;
                            };
                            size: {
                                type: import('vue').PropType<import('..').ScrollerSizeT>;
                                default: string;
                            };
                            autoUpdateOnScrollSize: {
                                type: BooleanConstructor;
                            };
                            barClass: {
                                type: import('vue').PropType<string | {
                                    [k: string]: boolean;
                                } | Array<{
                                    [k: string]: boolean;
                                } | string>>;
                            };
                        }>> & Readonly<{
                            onScroll?: ((event: Event) => any) | undefined;
                        }>, "scrollTo" | "scrollBy" | "getContainerEl" | ("size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize")> & import('vue').ShallowUnwrapRef<{
                            scrollTo: (options?: ScrollToOptions | undefined) => void;
                            scrollBy: (options?: ScrollToOptions | undefined) => void;
                            getContainerEl(): HTMLElement | null;
                        }> & {} & import('vue').ComponentCustomProperties & {} & {
                            $slots: {
                                default?(_: {}): any;
                                thumb?(_: {}): any;
                                track?(_: {}): any;
                            };
                        }) | null;
                        listRef: HTMLDivElement;
                        itemsRef: HTMLDivElement[];
                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<{
                        modelValue: number | null;
                    } & {
                        options: import('./types').DatePickerColumnOption[];
                        disabledOptions?: number[];
                        noResponsive?: boolean;
                    }> & Readonly<{
                        onChange?: ((newVal: number | null) => any) | undefined;
                        "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
                    }>, {
                        scrollToItem: (smooth?: boolean) => Promise<void>;
                    }, {}, {}, {}, {}> | null;
                }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                    P: {};
                    B: {};
                    D: {};
                    C: {};
                    M: {};
                    Defaults: {};
                }, Readonly<{
                    minTime?: string;
                    maxTime?: string;
                }> & Readonly<{
                    onChange?: ((newVal: string | undefined) => any) | undefined;
                }>, {
                    scrollAllToSelected: (smooth?: boolean) => Promise<void>;
                    setValue: (value?: Date | string) => void;
                    getValue: () => string | undefined;
                }, {}, {}, {}, {}> | null;
                endColumnsRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
                    minTime?: string;
                    maxTime?: string;
                }> & Readonly<{
                    onChange?: ((newVal: string | undefined) => any) | undefined;
                }>, {
                    scrollAllToSelected: (smooth?: boolean) => Promise<void>;
                    setValue: (value?: Date | string) => void;
                    getValue: () => string | undefined;
                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                    change: (newVal: string | undefined) => any;
                }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                    hourColumnRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
                        modelValue: number | null;
                    } & {
                        options: import('./types').DatePickerColumnOption[];
                        disabledOptions?: number[];
                        noResponsive?: boolean;
                    }> & Readonly<{
                        onChange?: ((newVal: number | null) => any) | undefined;
                        "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
                    }>, {
                        scrollToItem: (smooth?: boolean) => Promise<void>;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                        "update:modelValue": (value: number | null) => any;
                    } & {
                        change: (newVal: number | null) => any;
                    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                        columnRef: ({
                            $: import('vue').ComponentInternalInstance;
                            $data: {};
                            $props: Partial<{
                                size: "medium" | "small";
                                duration: number;
                                disabledX: boolean;
                                disabledY: boolean;
                                showType: "auto" | "always" | "never" | "hover";
                                autoUpdateOnScrollSize: boolean;
                            }> & Omit<{
                                readonly size: "medium" | "small";
                                readonly duration: number;
                                readonly disabledX: boolean;
                                readonly disabledY: boolean;
                                readonly showType: "auto" | "always" | "never" | "hover";
                                readonly autoUpdateOnScrollSize: boolean;
                                readonly wrapClass?: string | {
                                    [k: string]: boolean;
                                } | (string | {
                                    [k: string]: boolean;
                                })[] | undefined;
                                readonly barClass?: string | {
                                    [k: string]: boolean;
                                } | (string | {
                                    [k: string]: boolean;
                                })[] | undefined;
                                readonly onScroll?: ((event: Event) => any) | undefined;
                            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
                            $attrs: {
                                [x: string]: unknown;
                            };
                            $refs: {
                                [x: string]: unknown;
                            } & {
                                targetRef: HTMLDivElement;
                            };
                            $slots: Readonly<{
                                [name: string]: import('vue').Slot<any> | undefined;
                            }>;
                            $root: import('vue').ComponentPublicInstance | null;
                            $parent: import('vue').ComponentPublicInstance | null;
                            $host: Element | null;
                            $emit: (event: "scroll", event: Event) => void;
                            $el: HTMLDivElement;
                            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
                                wrapClass: {
                                    type: import('vue').PropType<string | {
                                        [k: string]: boolean;
                                    } | Array<{
                                        [k: string]: boolean;
                                    } | string>>;
                                };
                                disabledX: {
                                    type: BooleanConstructor;
                                    required: false;
                                };
                                disabledY: {
                                    type: BooleanConstructor;
                                };
                                duration: {
                                    type: NumberConstructor;
                                    default: number;
                                };
                                showType: {
                                    type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
                                    default: string;
                                };
                                size: {
                                    type: import('vue').PropType<import('..').ScrollerSizeT>;
                                    default: string;
                                };
                                autoUpdateOnScrollSize: {
                                    type: BooleanConstructor;
                                };
                                barClass: {
                                    type: import('vue').PropType<string | {
                                        [k: string]: boolean;
                                    } | Array<{
                                        [k: string]: boolean;
                                    } | string>>;
                                };
                            }>> & Readonly<{
                                onScroll?: ((event: Event) => any) | undefined;
                            }>, {
                                scrollTo: (options?: ScrollToOptions | undefined) => void;
                                scrollBy: (options?: ScrollToOptions | undefined) => void;
                                getContainerEl(): HTMLElement | null;
                            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                                scroll: (event: Event) => any;
                            }, string, {
                                size: "medium" | "small";
                                duration: number;
                                disabledX: boolean;
                                disabledY: boolean;
                                showType: "auto" | "always" | "never" | "hover";
                                autoUpdateOnScrollSize: boolean;
                            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                                beforeCreate?: (() => void) | (() => void)[];
                                created?: (() => void) | (() => void)[];
                                beforeMount?: (() => void) | (() => void)[];
                                mounted?: (() => void) | (() => void)[];
                                beforeUpdate?: (() => void) | (() => void)[];
                                updated?: (() => void) | (() => void)[];
                                activated?: (() => void) | (() => void)[];
                                deactivated?: (() => void) | (() => void)[];
                                beforeDestroy?: (() => void) | (() => void)[];
                                beforeUnmount?: (() => void) | (() => void)[];
                                destroyed?: (() => void) | (() => void)[];
                                unmounted?: (() => void) | (() => void)[];
                                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
                            };
                            $forceUpdate: () => void;
                            $nextTick: typeof import('vue').nextTick;
                            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
                        } & Readonly<{
                            size: "medium" | "small";
                            duration: number;
                            disabledX: boolean;
                            disabledY: boolean;
                            showType: "auto" | "always" | "never" | "hover";
                            autoUpdateOnScrollSize: boolean;
                        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
                            wrapClass: {
                                type: import('vue').PropType<string | {
                                    [k: string]: boolean;
                                } | Array<{
                                    [k: string]: boolean;
                                } | string>>;
                            };
                            disabledX: {
                                type: BooleanConstructor;
                                required: false;
                            };
                            disabledY: {
                                type: BooleanConstructor;
                            };
                            duration: {
                                type: NumberConstructor;
                                default: number;
                            };
                            showType: {
                                type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
                                default: string;
                            };
                            size: {
                                type: import('vue').PropType<import('..').ScrollerSizeT>;
                                default: string;
                            };
                            autoUpdateOnScrollSize: {
                                type: BooleanConstructor;
                            };
                            barClass: {
                                type: import('vue').PropType<string | {
                                    [k: string]: boolean;
                                } | Array<{
                                    [k: string]: boolean;
                                } | string>>;
                            };
                        }>> & Readonly<{
                            onScroll?: ((event: Event) => any) | undefined;
                        }>, "scrollTo" | "scrollBy" | "getContainerEl" | ("size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize")> & import('vue').ShallowUnwrapRef<{
                            scrollTo: (options?: ScrollToOptions | undefined) => void;
                            scrollBy: (options?: ScrollToOptions | undefined) => void;
                            getContainerEl(): HTMLElement | null;
                        }> & {} & import('vue').ComponentCustomProperties & {} & {
                            $slots: {
                                default?(_: {}): any;
                                thumb?(_: {}): any;
                                track?(_: {}): any;
                            };
                        }) | null;
                        listRef: HTMLDivElement;
                        itemsRef: HTMLDivElement[];
                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<{
                        modelValue: number | null;
                    } & {
                        options: import('./types').DatePickerColumnOption[];
                        disabledOptions?: number[];
                        noResponsive?: boolean;
                    }> & Readonly<{
                        onChange?: ((newVal: number | null) => any) | undefined;
                        "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
                    }>, {
                        scrollToItem: (smooth?: boolean) => Promise<void>;
                    }, {}, {}, {}, {}> | null;
                    minuteColumnRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
                        modelValue: number | null;
                    } & {
                        options: import('./types').DatePickerColumnOption[];
                        disabledOptions?: number[];
                        noResponsive?: boolean;
                    }> & Readonly<{
                        onChange?: ((newVal: number | null) => any) | undefined;
                        "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
                    }>, {
                        scrollToItem: (smooth?: boolean) => Promise<void>;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                        "update:modelValue": (value: number | null) => any;
                    } & {
                        change: (newVal: number | null) => any;
                    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                        columnRef: ({
                            $: import('vue').ComponentInternalInstance;
                            $data: {};
                            $props: Partial<{
                                size: "medium" | "small";
                                duration: number;
                                disabledX: boolean;
                                disabledY: boolean;
                                showType: "auto" | "always" | "never" | "hover";
                                autoUpdateOnScrollSize: boolean;
                            }> & Omit<{
                                readonly size: "medium" | "small";
                                readonly duration: number;
                                readonly disabledX: boolean;
                                readonly disabledY: boolean;
                                readonly showType: "auto" | "always" | "never" | "hover";
                                readonly autoUpdateOnScrollSize: boolean;
                                readonly wrapClass?: string | {
                                    [k: string]: boolean;
                                } | (string | {
                                    [k: string]: boolean;
                                })[] | undefined;
                                readonly barClass?: string | {
                                    [k: string]: boolean;
                                } | (string | {
                                    [k: string]: boolean;
                                })[] | undefined;
                                readonly onScroll?: ((event: Event) => any) | undefined;
                            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
                            $attrs: {
                                [x: string]: unknown;
                            };
                            $refs: {
                                [x: string]: unknown;
                            } & {
                                targetRef: HTMLDivElement;
                            };
                            $slots: Readonly<{
                                [name: string]: import('vue').Slot<any> | undefined;
                            }>;
                            $root: import('vue').ComponentPublicInstance | null;
                            $parent: import('vue').ComponentPublicInstance | null;
                            $host: Element | null;
                            $emit: (event: "scroll", event: Event) => void;
                            $el: HTMLDivElement;
                            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
                                wrapClass: {
                                    type: import('vue').PropType<string | {
                                        [k: string]: boolean;
                                    } | Array<{
                                        [k: string]: boolean;
                                    } | string>>;
                                };
                                disabledX: {
                                    type: BooleanConstructor;
                                    required: false;
                                };
                                disabledY: {
                                    type: BooleanConstructor;
                                };
                                duration: {
                                    type: NumberConstructor;
                                    default: number;
                                };
                                showType: {
                                    type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
                                    default: string;
                                };
                                size: {
                                    type: import('vue').PropType<import('..').ScrollerSizeT>;
                                    default: string;
                                };
                                autoUpdateOnScrollSize: {
                                    type: BooleanConstructor;
                                };
                                barClass: {
                                    type: import('vue').PropType<string | {
                                        [k: string]: boolean;
                                    } | Array<{
                                        [k: string]: boolean;
                                    } | string>>;
                                };
                            }>> & Readonly<{
                                onScroll?: ((event: Event) => any) | undefined;
                            }>, {
                                scrollTo: (options?: ScrollToOptions | undefined) => void;
                                scrollBy: (options?: ScrollToOptions | undefined) => void;
                                getContainerEl(): HTMLElement | null;
                            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                                scroll: (event: Event) => any;
                            }, string, {
                                size: "medium" | "small";
                                duration: number;
                                disabledX: boolean;
                                disabledY: boolean;
                                showType: "auto" | "always" | "never" | "hover";
                                autoUpdateOnScrollSize: boolean;
                            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                                beforeCreate?: (() => void) | (() => void)[];
                                created?: (() => void) | (() => void)[];
                                beforeMount?: (() => void) | (() => void)[];
                                mounted?: (() => void) | (() => void)[];
                                beforeUpdate?: (() => void) | (() => void)[];
                                updated?: (() => void) | (() => void)[];
                                activated?: (() => void) | (() => void)[];
                                deactivated?: (() => void) | (() => void)[];
                                beforeDestroy?: (() => void) | (() => void)[];
                                beforeUnmount?: (() => void) | (() => void)[];
                                destroyed?: (() => void) | (() => void)[];
                                unmounted?: (() => void) | (() => void)[];
                                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
                            };
                            $forceUpdate: () => void;
                            $nextTick: typeof import('vue').nextTick;
                            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
                        } & Readonly<{
                            size: "medium" | "small";
                            duration: number;
                            disabledX: boolean;
                            disabledY: boolean;
                            showType: "auto" | "always" | "never" | "hover";
                            autoUpdateOnScrollSize: boolean;
                        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
                            wrapClass: {
                                type: import('vue').PropType<string | {
                                    [k: string]: boolean;
                                } | Array<{
                                    [k: string]: boolean;
                                } | string>>;
                            };
                            disabledX: {
                                type: BooleanConstructor;
                                required: false;
                            };
                            disabledY: {
                                type: BooleanConstructor;
                            };
                            duration: {
                                type: NumberConstructor;
                                default: number;
                            };
                            showType: {
                                type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
                                default: string;
                            };
                            size: {
                                type: import('vue').PropType<import('..').ScrollerSizeT>;
                                default: string;
                            };
                            autoUpdateOnScrollSize: {
                                type: BooleanConstructor;
                            };
                            barClass: {
                                type: import('vue').PropType<string | {
                                    [k: string]: boolean;
                                } | Array<{
                                    [k: string]: boolean;
                                } | string>>;
                            };
                        }>> & Readonly<{
                            onScroll?: ((event: Event) => any) | undefined;
                        }>, "scrollTo" | "scrollBy" | "getContainerEl" | ("size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize")> & import('vue').ShallowUnwrapRef<{
                            scrollTo: (options?: ScrollToOptions | undefined) => void;
                            scrollBy: (options?: ScrollToOptions | undefined) => void;
                            getContainerEl(): HTMLElement | null;
                        }> & {} & import('vue').ComponentCustomProperties & {} & {
                            $slots: {
                                default?(_: {}): any;
                                thumb?(_: {}): any;
                                track?(_: {}): any;
                            };
                        }) | null;
                        listRef: HTMLDivElement;
                        itemsRef: HTMLDivElement[];
                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<{
                        modelValue: number | null;
                    } & {
                        options: import('./types').DatePickerColumnOption[];
                        disabledOptions?: number[];
                        noResponsive?: boolean;
                    }> & Readonly<{
                        onChange?: ((newVal: number | null) => any) | undefined;
                        "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
                    }>, {
                        scrollToItem: (smooth?: boolean) => Promise<void>;
                    }, {}, {}, {}, {}> | null;
                    secondColumnRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
                        modelValue: number | null;
                    } & {
                        options: import('./types').DatePickerColumnOption[];
                        disabledOptions?: number[];
                        noResponsive?: boolean;
                    }> & Readonly<{
                        onChange?: ((newVal: number | null) => any) | undefined;
                        "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
                    }>, {
                        scrollToItem: (smooth?: boolean) => Promise<void>;
                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                        "update:modelValue": (value: number | null) => any;
                    } & {
                        change: (newVal: number | null) => any;
                    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                        columnRef: ({
                            $: import('vue').ComponentInternalInstance;
                            $data: {};
                            $props: Partial<{
                                size: "medium" | "small";
                                duration: number;
                                disabledX: boolean;
                                disabledY: boolean;
                                showType: "auto" | "always" | "never" | "hover";
                                autoUpdateOnScrollSize: boolean;
                            }> & Omit<{
                                readonly size: "medium" | "small";
                                readonly duration: number;
                                readonly disabledX: boolean;
                                readonly disabledY: boolean;
                                readonly showType: "auto" | "always" | "never" | "hover";
                                readonly autoUpdateOnScrollSize: boolean;
                                readonly wrapClass?: string | {
                                    [k: string]: boolean;
                                } | (string | {
                                    [k: string]: boolean;
                                })[] | undefined;
                                readonly barClass?: string | {
                                    [k: string]: boolean;
                                } | (string | {
                                    [k: string]: boolean;
                                })[] | undefined;
                                readonly onScroll?: ((event: Event) => any) | undefined;
                            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
                            $attrs: {
                                [x: string]: unknown;
                            };
                            $refs: {
                                [x: string]: unknown;
                            } & {
                                targetRef: HTMLDivElement;
                            };
                            $slots: Readonly<{
                                [name: string]: import('vue').Slot<any> | undefined;
                            }>;
                            $root: import('vue').ComponentPublicInstance | null;
                            $parent: import('vue').ComponentPublicInstance | null;
                            $host: Element | null;
                            $emit: (event: "scroll", event: Event) => void;
                            $el: HTMLDivElement;
                            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
                                wrapClass: {
                                    type: import('vue').PropType<string | {
                                        [k: string]: boolean;
                                    } | Array<{
                                        [k: string]: boolean;
                                    } | string>>;
                                };
                                disabledX: {
                                    type: BooleanConstructor;
                                    required: false;
                                };
                                disabledY: {
                                    type: BooleanConstructor;
                                };
                                duration: {
                                    type: NumberConstructor;
                                    default: number;
                                };
                                showType: {
                                    type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
                                    default: string;
                                };
                                size: {
                                    type: import('vue').PropType<import('..').ScrollerSizeT>;
                                    default: string;
                                };
                                autoUpdateOnScrollSize: {
                                    type: BooleanConstructor;
                                };
                                barClass: {
                                    type: import('vue').PropType<string | {
                                        [k: string]: boolean;
                                    } | Array<{
                                        [k: string]: boolean;
                                    } | string>>;
                                };
                            }>> & Readonly<{
                                onScroll?: ((event: Event) => any) | undefined;
                            }>, {
                                scrollTo: (options?: ScrollToOptions | undefined) => void;
                                scrollBy: (options?: ScrollToOptions | undefined) => void;
                                getContainerEl(): HTMLElement | null;
                            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                                scroll: (event: Event) => any;
                            }, string, {
                                size: "medium" | "small";
                                duration: number;
                                disabledX: boolean;
                                disabledY: boolean;
                                showType: "auto" | "always" | "never" | "hover";
                                autoUpdateOnScrollSize: boolean;
                            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                                beforeCreate?: (() => void) | (() => void)[];
                                created?: (() => void) | (() => void)[];
                                beforeMount?: (() => void) | (() => void)[];
                                mounted?: (() => void) | (() => void)[];
                                beforeUpdate?: (() => void) | (() => void)[];
                                updated?: (() => void) | (() => void)[];
                                activated?: (() => void) | (() => void)[];
                                deactivated?: (() => void) | (() => void)[];
                                beforeDestroy?: (() => void) | (() => void)[];
                                beforeUnmount?: (() => void) | (() => void)[];
                                destroyed?: (() => void) | (() => void)[];
                                unmounted?: (() => void) | (() => void)[];
                                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
                            };
                            $forceUpdate: () => void;
                            $nextTick: typeof import('vue').nextTick;
                            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
                        } & Readonly<{
                            size: "medium" | "small";
                            duration: number;
                            disabledX: boolean;
                            disabledY: boolean;
                            showType: "auto" | "always" | "never" | "hover";
                            autoUpdateOnScrollSize: boolean;
                        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
                            wrapClass: {
                                type: import('vue').PropType<string | {
                                    [k: string]: boolean;
                                } | Array<{
                                    [k: string]: boolean;
                                } | string>>;
                            };
                            disabledX: {
                                type: BooleanConstructor;
                                required: false;
                            };
                            disabledY: {
                                type: BooleanConstructor;
                            };
                            duration: {
                                type: NumberConstructor;
                                default: number;
                            };
                            showType: {
                                type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
                                default: string;
                            };
                            size: {
                                type: import('vue').PropType<import('..').ScrollerSizeT>;
                                default: string;
                            };
                            autoUpdateOnScrollSize: {
                                type: BooleanConstructor;
                            };
                            barClass: {
                                type: import('vue').PropType<string | {
                                    [k: string]: boolean;
                                } | Array<{
                                    [k: string]: boolean;
                                } | string>>;
                            };
                        }>> & Readonly<{
                            onScroll?: ((event: Event) => any) | undefined;
                        }>, "scrollTo" | "scrollBy" | "getContainerEl" | ("size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize")> & import('vue').ShallowUnwrapRef<{
                            scrollTo: (options?: ScrollToOptions | undefined) => void;
                            scrollBy: (options?: ScrollToOptions | undefined) => void;
                            getContainerEl(): HTMLElement | null;
                        }> & {} & import('vue').ComponentCustomProperties & {} & {
                            $slots: {
                                default?(_: {}): any;
                                thumb?(_: {}): any;
                                track?(_: {}): any;
                            };
                        }) | null;
                        listRef: HTMLDivElement;
                        itemsRef: HTMLDivElement[];
                    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, Readonly<{
                        modelValue: number | null;
                    } & {
                        options: import('./types').DatePickerColumnOption[];
                        disabledOptions?: number[];
                        noResponsive?: boolean;
                    }> & Readonly<{
                        onChange?: ((newVal: number | null) => any) | undefined;
                        "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
                    }>, {
                        scrollToItem: (smooth?: boolean) => Promise<void>;
                    }, {}, {}, {}, {}> | null;
                }, HTMLDivElement, import('vue').ComponentProvideOptions, {
                    P: {};
                    B: {};
                    D: {};
                    C: {};
                    M: {};
                    Defaults: {};
                }, Readonly<{
                    minTime?: string;
                    maxTime?: string;
                }> & Readonly<{
                    onChange?: ((newVal: string | undefined) => any) | undefined;
                }>, {
                    scrollAllToSelected: (smooth?: boolean) => Promise<void>;
                    setValue: (value?: Date | string) => void;
                    getValue: () => string | undefined;
                }, {}, {}, {}, {}> | null;
            };
            $slots: Readonly<{
                [name: string]: import('vue').Slot<any> | undefined;
            }>;
            $root: import('vue').ComponentPublicInstance | null;
            $parent: import('vue').ComponentPublicInstance | null;
            $host: Element | null;
            $emit: ((event: "change", start: string | undefined, end: string | undefined) => void) & ((event: "confirm", start: string | undefined, end: string | undefined) => void);
            $el: any;
            $options: import('vue').ComponentOptionsBase<Readonly<{
                target?: HTMLElement;
                optionTitle?: string;
            }> & Readonly<{
                onChange?: ((start: string | undefined, end: string | undefined) => any) | undefined;
                onConfirm?: ((start: string | undefined, end: string | undefined) => any) | undefined;
            }>, {
                getPopupEl: () => HTMLDivElement | undefined;
                open: (start?: string, end?: string) => Promise<void>;
                close: () => void;
                setStartValue: (val: string | undefined) => void;
                setEndValue: (val: string | undefined) => void;
            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                change: (start: string | undefined, end: string | undefined) => any;
                confirm: (start: string | undefined, end: string | undefined) => any;
            }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                beforeCreate?: (() => void) | (() => void)[];
                created?: (() => void) | (() => void)[];
                beforeMount?: (() => void) | (() => void)[];
                mounted?: (() => void) | (() => void)[];
                beforeUpdate?: (() => void) | (() => void)[];
                updated?: (() => void) | (() => void)[];
                activated?: (() => void) | (() => void)[];
                deactivated?: (() => void) | (() => void)[];
                beforeDestroy?: (() => void) | (() => void)[];
                beforeUnmount?: (() => void) | (() => void)[];
                destroyed?: (() => void) | (() => void)[];
                unmounted?: (() => void) | (() => void)[];
                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
            };
            $forceUpdate: () => void;
            $nextTick: typeof import('vue').nextTick;
            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
        } & Readonly<{}> & Omit<Readonly<{
            target?: HTMLElement;
            optionTitle?: string;
        }> & Readonly<{
            onChange?: ((start: string | undefined, end: string | undefined) => any) | undefined;
            onConfirm?: ((start: string | undefined, end: string | undefined) => any) | undefined;
        }>, "close" | "open" | "getPopupEl" | "setStartValue" | "setEndValue"> & import('vue').ShallowUnwrapRef<{
            getPopupEl: () => HTMLDivElement | undefined;
            open: (start?: string, end?: string) => Promise<void>;
            close: () => void;
            setStartValue: (val: string | undefined) => void;
            setEndValue: (val: string | undefined) => void;
        }> & {} & import('vue').ComponentCustomProperties & {} & {
            $slots: Readonly<{
                shortcut(props: import('./types').TimePickerRangeShortcutSlotProps): any;
            }> & {
                shortcut(props: import('./types').TimePickerRangeShortcutSlotProps): any;
            };
        }) | null;
        endInputRef: ({
            $: import('vue').ComponentInternalInstance;
            $data: {};
            $props: Partial<{
                type: "text" | "password";
                disabled: boolean;
                clearable: boolean;
                readonly: boolean;
                noKeyboard: boolean;
                showLength: "auto" | "always" | "never";
                inputOnOutlimit: boolean;
                showPasswordEvent: "click" | "pointerdown";
                autoWidth: boolean;
                passwordPlaceholder: string;
                onlyNumericInput: boolean;
            }> & Omit<{
                readonly type: "text" | "password";
                readonly disabled: boolean;
                readonly clearable: boolean;
                readonly readonly: boolean;
                readonly noKeyboard: boolean;
                readonly showLength: "auto" | "always" | "never";
                readonly inputOnOutlimit: boolean;
                readonly showPasswordEvent: "click" | "pointerdown";
                readonly autoWidth: boolean;
                readonly passwordPlaceholder: string;
                readonly onlyNumericInput: boolean;
                readonly placeholder?: string | undefined;
                readonly defaultValue?: string | undefined;
                readonly modelValue?: string | undefined;
                readonly inputId?: string | undefined;
                readonly validate?: ((value: string) => boolean) | undefined;
                readonly minLength?: number | undefined;
                readonly maxLength?: number | undefined;
                readonly getLength?: ((val: string) => number) | undefined;
                readonly format?: ((value: string) => string) | undefined;
                readonly valueOnInvalidChange?: boolean | ((inputValue: string, lastValidInputValue: string) => string) | undefined;
                readonly onInput?: ((evt: Event, value: string) => any) | undefined;
                readonly onClear?: ((evt?: Event | undefined) => any) | undefined;
                readonly onBlur?: ((evt: FocusEvent) => any) | undefined;
                readonly onChange?: ((value: string, lastValue: string) => any) | undefined;
                readonly onFocus?: ((evt: FocusEvent) => any) | undefined;
                readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
                readonly onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "disabled" | "clearable" | "readonly" | "noKeyboard" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput">;
            $attrs: {
                [x: string]: unknown;
            };
            $refs: {
                [x: string]: unknown;
            } & {
                inputEl: HTMLInputElement;
            };
            $slots: Readonly<{
                [name: string]: import('vue').Slot<any> | undefined;
            }>;
            $root: import('vue').ComponentPublicInstance | null;
            $parent: import('vue').ComponentPublicInstance | null;
            $host: Element | null;
            $emit: ((event: "input", evt: Event, value: string) => void) & ((event: "clear", evt?: Event | undefined) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "change", value: string, lastValue: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "pressEnter", evt: KeyboardEvent) => void);
            $el: HTMLLabelElement;
            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
                modelValue: {
                    type: StringConstructor;
                };
                defaultValue: {
                    type: StringConstructor;
                };
                type: {
                    type: import('vue').PropType<"text" | "password">;
                    default: string;
                };
                placeholder: {
                    type: StringConstructor;
                };
                inputId: {
                    type: StringConstructor;
                };
                disabled: {
                    type: BooleanConstructor;
                };
                readonly: {
                    type: BooleanConstructor;
                };
                noKeyboard: {
                    type: BooleanConstructor;
                };
                clearable: {
                    type: BooleanConstructor;
                };
                minLength: {
                    type: NumberConstructor;
                };
                maxLength: {
                    type: NumberConstructor;
                };
                showLength: {
                    type: import('vue').PropType<"always" | "auto" | "never">;
                    default: string;
                };
                getLength: {
                    type: import('vue').PropType<(val: string) => number>;
                };
                inputOnOutlimit: {
                    type: BooleanConstructor;
                    default: boolean;
                };
                format: {
                    type: import('vue').PropType<(value: string) => string>;
                };
                validate: {
                    type: import('vue').PropType<(value: string) => boolean>;
                };
                valueOnInvalidChange: {
                    type: import('vue').PropType<boolean | ((inputValue: string, lastValidInputValue: string) => string)>;
                };
                showPasswordEvent: {
                    type: import('vue').PropType<"click" | "pointerdown">;
                    default: string;
                };
                autoWidth: {
                    type: BooleanConstructor;
                };
                passwordPlaceholder: {
                    type: StringConstructor;
                    default: string;
                };
                onlyNumericInput: {
                    type: BooleanConstructor;
                };
            }>> & Readonly<{
                onInput?: ((evt: Event, value: string) => any) | undefined;
                onClear?: ((evt?: Event | undefined) => any) | undefined;
                onBlur?: ((evt: FocusEvent) => any) | undefined;
                onChange?: ((value: string, lastValue: string) => any) | undefined;
                onFocus?: ((evt: FocusEvent) => any) | undefined;
                "onUpdate:modelValue"?: ((value: string) => any) | undefined;
                onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
            }>, {
                inputEl: import('vue').Ref<HTMLInputElement | HTMLTextAreaElement | undefined, HTMLInputElement | HTMLTextAreaElement | undefined>;
                focus: () => void;
                blur: () => void;
                clear: () => void;
                togglePassword: (visible?: boolean) => void;
            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                input: (evt: Event, value: string) => any;
                clear: (evt?: Event | undefined) => any;
                blur: (evt: FocusEvent) => any;
                change: (value: string, lastValue: string) => any;
                focus: (evt: FocusEvent) => any;
                "update:modelValue": (value: string) => any;
                pressEnter: (evt: KeyboardEvent) => any;
            }, string, {
                type: "text" | "password";
                disabled: boolean;
                clearable: boolean;
                readonly: boolean;
                noKeyboard: boolean;
                showLength: "auto" | "always" | "never";
                inputOnOutlimit: boolean;
                showPasswordEvent: "click" | "pointerdown";
                autoWidth: boolean;
                passwordPlaceholder: string;
                onlyNumericInput: boolean;
            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                beforeCreate?: (() => void) | (() => void)[];
                created?: (() => void) | (() => void)[];
                beforeMount?: (() => void) | (() => void)[];
                mounted?: (() => void) | (() => void)[];
                beforeUpdate?: (() => void) | (() => void)[];
                updated?: (() => void) | (() => void)[];
                activated?: (() => void) | (() => void)[];
                deactivated?: (() => void) | (() => void)[];
                beforeDestroy?: (() => void) | (() => void)[];
                beforeUnmount?: (() => void) | (() => void)[];
                destroyed?: (() => void) | (() => void)[];
                unmounted?: (() => void) | (() => void)[];
                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
            };
            $forceUpdate: () => void;
            $nextTick: typeof import('vue').nextTick;
            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
        } & Readonly<{
            type: "text" | "password";
            disabled: boolean;
            clearable: boolean;
            readonly: boolean;
            noKeyboard: boolean;
            showLength: "auto" | "always" | "never";
            inputOnOutlimit: boolean;
            showPasswordEvent: "click" | "pointerdown";
            autoWidth: boolean;
            passwordPlaceholder: string;
            onlyNumericInput: boolean;
        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
            modelValue: {
                type: StringConstructor;
            };
            defaultValue: {
                type: StringConstructor;
            };
            type: {
                type: import('vue').PropType<"text" | "password">;
                default: string;
            };
            placeholder: {
                type: StringConstructor;
            };
            inputId: {
                type: StringConstructor;
            };
            disabled: {
                type: BooleanConstructor;
            };
            readonly: {
                type: BooleanConstructor;
            };
            noKeyboard: {
                type: BooleanConstructor;
            };
            clearable: {
                type: BooleanConstructor;
            };
            minLength: {
                type: NumberConstructor;
            };
            maxLength: {
                type: NumberConstructor;
            };
            showLength: {
                type: import('vue').PropType<"always" | "auto" | "never">;
                default: string;
            };
            getLength: {
                type: import('vue').PropType<(val: string) => number>;
            };
            inputOnOutlimit: {
                type: BooleanConstructor;
                default: boolean;
            };
            format: {
                type: import('vue').PropType<(value: string) => string>;
            };
            validate: {
                type: import('vue').PropType<(value: string) => boolean>;
            };
            valueOnInvalidChange: {
                type: import('vue').PropType<boolean | ((inputValue: string, lastValidInputValue: string) => string)>;
            };
            showPasswordEvent: {
                type: import('vue').PropType<"click" | "pointerdown">;
                default: string;
            };
            autoWidth: {
                type: BooleanConstructor;
            };
            passwordPlaceholder: {
                type: StringConstructor;
                default: string;
            };
            onlyNumericInput: {
                type: BooleanConstructor;
            };
        }>> & Readonly<{
            onInput?: ((evt: Event, value: string) => any) | undefined;
            onClear?: ((evt?: Event | undefined) => any) | undefined;
            onBlur?: ((evt: FocusEvent) => any) | undefined;
            onChange?: ((value: string, lastValue: string) => any) | undefined;
            onFocus?: ((evt: FocusEvent) => any) | undefined;
            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
            onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
        }>, "clear" | "blur" | "focus" | "inputEl" | "togglePassword" | ("type" | "disabled" | "clearable" | "readonly" | "noKeyboard" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput")> & import('vue').ShallowUnwrapRef<{
            inputEl: import('vue').Ref<HTMLInputElement | HTMLTextAreaElement | undefined, HTMLInputElement | HTMLTextAreaElement | undefined>;
            focus: () => void;
            blur: () => void;
            clear: () => void;
            togglePassword: (visible?: boolean) => void;
        }> & {} & import('vue').ComponentCustomProperties & {} & {
            $slots: Readonly<{
                default(): any;
                prefix(): any;
                suffix(): any;
                extra(): any;
                length(props: {
                    length: number;
                }): any;
            }> & {
                default(): any;
                prefix(): any;
                suffix(): any;
                extra(): any;
                length(props: {
                    length: number;
                }): any;
            };
        }) | null;
    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<import('vue').ExtractPropTypes<{
        inputId: {
            type: StringConstructor;
        };
        disabled: {
            type: BooleanConstructor;
        };
        readonly: {
            type: BooleanConstructor;
        };
        size: {
            type: import('vue').PropType<import('..').SizeT>;
        };
        round: {
            type: import('vue').PropType<import('..').RoundT>;
        };
        color: {
            type: import('vue').PropType<import('..').Color2T>;
            default: string;
        };
        variant: {
            type: import('vue').PropType<import('..').VariantT>;
            default: string;
        };
        noResponsive: {
            type: BooleanConstructor;
        };
        optionTitle: {
            type: StringConstructor;
        };
        format: {
            type: StringConstructor;
            default: string;
        };
        trigger: {
            type: import('vue').PropType<import('..').PopupTriggerT>;
            default: string;
        };
        clearable: {
            type: BooleanConstructor;
        };
        popupPosition: {
            type: import('vue').PropType<import('..').PopupPositionT>;
            default: string;
        };
        popupWrapper: {
            type: import('vue').PropType<string | HTMLElement | null>;
            default: string;
        };
        unmountOnHide: {
            type: BooleanConstructor;
            default: boolean;
        };
        transition: {
            type: StringConstructor;
        };
        hourStep: {
            type: NumberConstructor;
            default: number;
        };
        minuteStep: {
            type: NumberConstructor;
            default: number;
        };
        secondStep: {
            type: NumberConstructor;
            default: number;
        };
        disabledHours: {
            type: import('vue').PropType<import('./types').DisabledHoursFn>;
            default: undefined;
        };
        disabledMinutes: {
            type: import('vue').PropType<import('./types').DisabledMinutesFn>;
            default: undefined;
        };
        disabledSeconds: {
            type: import('vue').PropType<import('./types').DisabledSecondsFn>;
            default: undefined;
        };
        minTime: {
            type: StringConstructor;
            default: undefined;
        };
        maxTime: {
            type: StringConstructor;
            default: undefined;
        };
        placeholderStart: {
            type: StringConstructor;
        };
        placeholderEnd: {
            type: StringConstructor;
        };
        start: {
            type: import('vue').PropType<string | undefined>;
            required: true;
        };
        end: {
            type: import('vue').PropType<string | undefined>;
            required: true;
        };
    }>> & Readonly<{
        onClear?: ((evt?: Event | undefined) => any) | undefined;
        onBlur?: (() => any) | undefined;
        onChange?: ((newVal: import('./types').TimeRangeValue, oldVal: import('./types').TimeRangeValue) => any) | undefined;
        onFocus?: ((evt: FocusEvent) => any) | undefined;
        onPressEnter?: (() => any) | undefined;
        "onUpdate:start"?: ((value: string | undefined) => any) | undefined;
        "onUpdate:end"?: ((value: string | undefined) => any) | undefined;
    }>, {
        focus: (open?: boolean) => void;
        blur: () => void;
        clear: () => void;
    }, {}, {}, {}, {
        color: "normal" | "primary" | "success" | "warning" | "danger";
        disabled: boolean;
        trigger: "none" | "click" | "contextmenu" | "focus" | "click-outclick" | "hover" | "hover-outclick";
        unmountOnHide: boolean;
        popupPosition: "left" | "right" | "top" | "bottom" | "br" | "rt" | "tr" | "rb" | "tl" | "bl" | "lt" | "lb";
        variant: "solid" | "outline" | "text";
        noResponsive: boolean;
        clearable: boolean;
        readonly: boolean;
        format: string;
        popupWrapper: string | HTMLElement | null;
        hourStep: number;
        minuteStep: number;
        secondStep: number;
        disabledHours: import('./types').DisabledHoursFn;
        disabledMinutes: import('./types').DisabledMinutesFn;
        disabledSeconds: import('./types').DisabledSecondsFn;
        minTime: string;
        maxTime: string;
    }>;
    __isFragment?: never;
    __isTeleport?: never;
    __isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
    inputId: {
        type: StringConstructor;
    };
    disabled: {
        type: BooleanConstructor;
    };
    readonly: {
        type: BooleanConstructor;
    };
    size: {
        type: import('vue').PropType<import('..').SizeT>;
    };
    round: {
        type: import('vue').PropType<import('..').RoundT>;
    };
    color: {
        type: import('vue').PropType<import('..').Color2T>;
        default: string;
    };
    variant: {
        type: import('vue').PropType<import('..').VariantT>;
        default: string;
    };
    noResponsive: {
        type: BooleanConstructor;
    };
    optionTitle: {
        type: StringConstructor;
    };
    format: {
        type: StringConstructor;
        default: string;
    };
    trigger: {
        type: import('vue').PropType<import('..').PopupTriggerT>;
        default: string;
    };
    clearable: {
        type: BooleanConstructor;
    };
    popupPosition: {
        type: import('vue').PropType<import('..').PopupPositionT>;
        default: string;
    };
    popupWrapper: {
        type: import('vue').PropType<string | HTMLElement | null>;
        default: string;
    };
    unmountOnHide: {
        type: BooleanConstructor;
        default: boolean;
    };
    transition: {
        type: StringConstructor;
    };
    hourStep: {
        type: NumberConstructor;
        default: number;
    };
    minuteStep: {
        type: NumberConstructor;
        default: number;
    };
    secondStep: {
        type: NumberConstructor;
        default: number;
    };
    disabledHours: {
        type: import('vue').PropType<import('./types').DisabledHoursFn>;
        default: undefined;
    };
    disabledMinutes: {
        type: import('vue').PropType<import('./types').DisabledMinutesFn>;
        default: undefined;
    };
    disabledSeconds: {
        type: import('vue').PropType<import('./types').DisabledSecondsFn>;
        default: undefined;
    };
    minTime: {
        type: StringConstructor;
        default: undefined;
    };
    maxTime: {
        type: StringConstructor;
        default: undefined;
    };
    placeholderStart: {
        type: StringConstructor;
    };
    placeholderEnd: {
        type: StringConstructor;
    };
    start: {
        type: import('vue').PropType<string | undefined>;
        required: true;
    };
    end: {
        type: import('vue').PropType<string | undefined>;
        required: true;
    };
}>> & Readonly<{
    onClear?: ((evt?: Event | undefined) => any) | undefined;
    onBlur?: (() => any) | undefined;
    onChange?: ((newVal: import('./types').TimeRangeValue, oldVal: import('./types').TimeRangeValue) => any) | undefined;
    onFocus?: ((evt: FocusEvent) => any) | undefined;
    onPressEnter?: (() => any) | undefined;
    "onUpdate:start"?: ((value: string | undefined) => any) | undefined;
    "onUpdate:end"?: ((value: string | undefined) => any) | undefined;
}>, {
    focus: (open?: boolean) => void;
    blur: () => void;
    clear: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    "update:start": (value: string | undefined) => any;
    "update:end": (value: string | undefined) => any;
} & {
    clear: (evt?: Event | undefined) => any;
    blur: () => any;
    change: (newVal: import('./types').TimeRangeValue, oldVal: import('./types').TimeRangeValue) => any;
    focus: (evt: FocusEvent) => any;
    pressEnter: () => any;
}, string, {
    color: "normal" | "primary" | "success" | "warning" | "danger";
    disabled: boolean;
    trigger: "none" | "click" | "contextmenu" | "focus" | "click-outclick" | "hover" | "hover-outclick";
    unmountOnHide: boolean;
    popupPosition: "left" | "right" | "top" | "bottom" | "br" | "rt" | "tr" | "rb" | "tl" | "bl" | "lt" | "lb";
    variant: "solid" | "outline" | "text";
    noResponsive: boolean;
    clearable: boolean;
    readonly: boolean;
    format: string;
    popupWrapper: string | HTMLElement | null;
    hourStep: number;
    minuteStep: number;
    secondStep: number;
    disabledHours: import('./types').DisabledHoursFn;
    disabledMinutes: import('./types').DisabledMinutesFn;
    disabledSeconds: import('./types').DisabledSecondsFn;
    minTime: string;
    maxTime: string;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
    $slots: Readonly<{
        prepend(): any;
        append(): any;
        shortcut(props: import('./types').TimePickerRangeShortcutSlotProps): any;
    }> & {
        prepend(): any;
        append(): any;
        shortcut(props: import('./types').TimePickerRangeShortcutSlotProps): any;
    };
}) & {
    install(app: App): void;
};
export { OTimePicker, OTimeRangePicker };
export * from './types';