UNPKG

@boichikpro/vue3-date-time-picker

Version:
1,262 lines (1,258 loc) 73 kB
import { AllowedComponentProps } from 'vue'; import { ComponentCustomProperties } from 'vue'; import { ComponentCustomProps } from 'vue'; import { ComponentInternalInstance } from 'vue'; import { ComponentOptionsBase } from 'vue'; import { ComponentOptionsMixin } from 'vue'; import { ComponentProvideOptions } from 'vue'; import { ComponentPublicInstance } from 'vue'; import { CreateComponentPublicInstanceWithMixins } from 'vue'; import { DebuggerEvent } from 'vue'; import { DefineComponent } from 'vue'; import { GlobalComponents } from 'vue'; import { GlobalDirectives } from 'vue'; import { nextTick } from 'vue'; import { OnCleanup } from '@vue/reactivity'; import { Placement } from '@popperjs/core'; import { Placement as Placement_2 } from '@popperjs/core/lib/enums'; import { PublicProps } from 'vue'; import { Ref } from 'vue'; import { ShallowUnwrapRef } from 'vue'; import { Slot } from 'vue'; import { VNodeProps } from 'vue'; import { WatchOptions } from 'vue'; import { WatchStopHandle } from 'vue'; declare const __VLS_component: DefineComponent<AppDateTimePickerProps, { popoverVisible: Ref<boolean>; blur(): void; focus(): void; }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { "update:model-value": (...args: any[]) => void; focus: (...args: any[]) => void; blur: (...args: any[]) => void; change: (...args: any[]) => void; }, string, PublicProps, Readonly<AppDateTimePickerProps> & Readonly<{ "onUpdate:model-value"?: ((...args: any[]) => any) | undefined; onFocus?: ((...args: any[]) => any) | undefined; onBlur?: ((...args: any[]) => any) | undefined; onChange?: ((...args: any[]) => any) | undefined; }>, { modelValue: AppDateTimePickerModel; readonly: boolean; disabled: boolean; invalid: boolean; type: AppDateTimePickerType; clearable: boolean; inputReadonly: boolean; align: AppPickerAlign; appendToBody: boolean; stayOpened: boolean; autoApply: boolean; dateFormat: string; timeFormat: string; combineFormats: boolean; mode: AppDateTimePickerMode; firstDayOfWeek: AppDateTimePickerFirstDayOfWeek; weekdayFormat: AppDateTimePickerWeekdayFormat; monthCellFormat: AppDateTimePickerMonthFormat; monthButtonFormat: AppDateTimePickerMonthFormat; locale: string | Intl.Locale | readonly (string | Intl.Locale)[]; hideOffsetDay: boolean; }, {}, {}, {}, string, ComponentProvideOptions, false, { datetimePicker: HTMLDivElement; popover: ({ $: ComponentInternalInstance; $data: {}; $props: { readonly modelValue: boolean; readonly placement?: Placement | undefined; readonly openDelay?: number | undefined; readonly closeDelay?: number | undefined; readonly tabindex?: number | undefined; readonly appendToBody?: boolean | undefined; readonly disabled?: boolean | undefined; readonly offset?: number | undefined; readonly customAppend?: string | undefined; readonly zIndex?: number | undefined; readonly clientOnlyPopoverContent?: boolean | undefined; readonly onClose?: ((...args: any[]) => any) | undefined; readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined; readonly onOpen?: ((...args: any[]) => any) | undefined; } & VNodeProps & AllowedComponentProps & ComponentCustomProps; $attrs: { [x: string]: unknown; }; $refs: { [x: string]: unknown; } & { reference: HTMLDivElement; content: HTMLDivElement; }; $slots: Readonly<{ [name: string]: Slot<any> | undefined; }>; $root: ComponentPublicInstance | null; $parent: ComponentPublicInstance | null; $host: Element | null; $emit: ((event: "close", ...args: any[]) => void) & ((event: "update:modelValue", ...args: any[]) => void) & ((event: "open", ...args: any[]) => void); $el: any; $options: ComponentOptionsBase<Readonly<{ modelValue: boolean; placement?: Placement; openDelay?: number; closeDelay?: number; tabindex?: number; appendToBody?: boolean; disabled?: boolean; offset?: number; customAppend?: string; zIndex?: number; clientOnlyPopoverContent?: boolean; }> & Readonly<{ onClose?: ((...args: any[]) => any) | undefined; "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined; onOpen?: ((...args: any[]) => any) | undefined; }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { close: (...args: any[]) => void; "update:modelValue": (...args: any[]) => void; open: (...args: any[]) => void; }, string, { disabled: boolean; openDelay: number; closeDelay: number; appendToBody: boolean; zIndex: number; clientOnlyPopoverContent: boolean; placement: Placement; tabindex: number; offset: number; }, {}, string, {}, GlobalComponents, GlobalDirectives, string, 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: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]; renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]; errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[]; }; $forceUpdate: () => void; $nextTick: nextTick; $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle; } & Readonly<{ disabled: boolean; openDelay: number; closeDelay: number; appendToBody: boolean; zIndex: number; clientOnlyPopoverContent: boolean; placement: Placement; tabindex: number; offset: number; }> & Omit<Readonly<{ modelValue: boolean; placement?: Placement; openDelay?: number; closeDelay?: number; tabindex?: number; appendToBody?: boolean; disabled?: boolean; offset?: number; customAppend?: string; zIndex?: number; clientOnlyPopoverContent?: boolean; }> & Readonly<{ onClose?: ((...args: any[]) => any) | undefined; "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined; onOpen?: ((...args: any[]) => any) | undefined; }>, "disabled" | "openDelay" | "closeDelay" | "appendToBody" | "zIndex" | "clientOnlyPopoverContent" | "placement" | "tabindex" | "offset"> & ShallowUnwrapRef< {}> & {} & ComponentCustomProperties & {} & { $slots: { reference?(_: {}): any; content?(_: {}): any; }; }) | null; input: ({ $: ComponentInternalInstance; $data: {}; $props: { readonly modelValue: AppDateTimePickerModel; readonly popoverVisible?: boolean | undefined; readonly "onUpdate:model-value"?: ((...args: any[]) => any) | undefined; readonly onFocus?: ((...args: any[]) => any) | undefined; readonly onBlur?: ((...args: any[]) => any) | undefined; readonly onClear?: ((...args: any[]) => any) | undefined; readonly onInput?: ((...args: any[]) => any) | undefined; } & VNodeProps & AllowedComponentProps & ComponentCustomProps; $attrs: { [x: string]: unknown; }; $refs: { [x: string]: unknown; } & { startInput: CreateComponentPublicInstanceWithMixins<Readonly<{ modelValue?: null | Date; format?: string; readonly?: boolean; disabled?: boolean; placeholder?: string; customId?: string; customName?: string; disabledDate?: (date: Date) => boolean; }> & Readonly<{ "onUpdate:model-value"?: ((...args: any[]) => any) | undefined; onFocus?: ((...args: any[]) => any) | undefined; onBlur?: ((...args: any[]) => any) | undefined; }>, { focus: () => void; blur: () => void; remove: () => void; }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { "update:model-value": (...args: any[]) => void; focus: (...args: any[]) => void; blur: (...args: any[]) => void; }, PublicProps, { format: string; modelValue: null | Date; readonly: boolean; disabled: boolean; disabledDate: (date: Date) => boolean; }, false, {}, {}, GlobalComponents, GlobalDirectives, string, { input: HTMLInputElement; }, HTMLInputElement, ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<{ modelValue?: null | Date; format?: string; readonly?: boolean; disabled?: boolean; placeholder?: string; customId?: string; customName?: string; disabledDate?: (date: Date) => boolean; }> & Readonly<{ "onUpdate:model-value"?: ((...args: any[]) => any) | undefined; onFocus?: ((...args: any[]) => any) | undefined; onBlur?: ((...args: any[]) => any) | undefined; }>, { focus: () => void; blur: () => void; remove: () => void; }, {}, {}, {}, { format: string; modelValue: null | Date; readonly: boolean; disabled: boolean; disabledDate: (date: Date) => boolean; }> | null; endInput: CreateComponentPublicInstanceWithMixins<Readonly<{ modelValue?: null | Date; format?: string; readonly?: boolean; disabled?: boolean; placeholder?: string; customId?: string; customName?: string; disabledDate?: (date: Date) => boolean; }> & Readonly<{ "onUpdate:model-value"?: ((...args: any[]) => any) | undefined; onFocus?: ((...args: any[]) => any) | undefined; onBlur?: ((...args: any[]) => any) | undefined; }>, { focus: () => void; blur: () => void; remove: () => void; }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { "update:model-value": (...args: any[]) => void; focus: (...args: any[]) => void; blur: (...args: any[]) => void; }, PublicProps, { format: string; modelValue: null | Date; readonly: boolean; disabled: boolean; disabledDate: (date: Date) => boolean; }, false, {}, {}, GlobalComponents, GlobalDirectives, string, { input: HTMLInputElement; }, HTMLInputElement, ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<{ modelValue?: null | Date; format?: string; readonly?: boolean; disabled?: boolean; placeholder?: string; customId?: string; customName?: string; disabledDate?: (date: Date) => boolean; }> & Readonly<{ "onUpdate:model-value"?: ((...args: any[]) => any) | undefined; onFocus?: ((...args: any[]) => any) | undefined; onBlur?: ((...args: any[]) => any) | undefined; }>, { focus: () => void; blur: () => void; remove: () => void; }, {}, {}, {}, { format: string; modelValue: null | Date; readonly: boolean; disabled: boolean; disabledDate: (date: Date) => boolean; }> | null; }; $slots: Readonly<{ [name: string]: Slot<any> | undefined; }>; $root: ComponentPublicInstance | null; $parent: ComponentPublicInstance | null; $host: Element | null; $emit: ((event: "update:model-value", ...args: any[]) => void) & ((event: "focus", ...args: any[]) => void) & ((event: "blur", ...args: any[]) => void) & ((event: "clear", ...args: any[]) => void) & ((event: "input", ...args: any[]) => void); $el: HTMLDivElement; $options: ComponentOptionsBase<Readonly<{ modelValue: AppDateTimePickerModel; popoverVisible?: boolean; }> & Readonly<{ "onUpdate:model-value"?: ((...args: any[]) => any) | undefined; onFocus?: ((...args: any[]) => any) | undefined; onBlur?: ((...args: any[]) => any) | undefined; onClear?: ((...args: any[]) => any) | undefined; onInput?: ((...args: any[]) => any) | undefined; }>, { focus: () => void; blur: () => void; remove: () => void; }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { "update:model-value": (...args: any[]) => void; focus: (...args: any[]) => void; blur: (...args: any[]) => void; clear: (...args: any[]) => void; input: (...args: any[]) => void; }, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, 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: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]; renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]; errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[]; }; $forceUpdate: () => void; $nextTick: nextTick; $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle; } & Readonly<{}> & Omit<Readonly<{ modelValue: AppDateTimePickerModel; popoverVisible?: boolean; }> & Readonly<{ "onUpdate:model-value"?: ((...args: any[]) => any) | undefined; onFocus?: ((...args: any[]) => any) | undefined; onBlur?: ((...args: any[]) => any) | undefined; onClear?: ((...args: any[]) => any) | undefined; onInput?: ((...args: any[]) => any) | undefined; }>, "remove" | "focus" | "blur"> & ShallowUnwrapRef< { focus: () => void; blur: () => void; remove: () => void; }> & {} & ComponentCustomProperties & {} & { $slots: { separator?(_: {}): any; }; }) | null; content: CreateComponentPublicInstanceWithMixins<Readonly<{ modelValue?: AppDateTimePickerModel; }> & Readonly<{ "onUpdate:modelValue"?: ((value: AppDateTimePickerModel) => any) | undefined; }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { "update:modelValue": (value: AppDateTimePickerModel) => any; }, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, { shortcuts: CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{ onSelect?: ((...args: any[]) => any) | undefined; }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { select: (...args: any[]) => void; }, PublicProps, {}, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<{}> & Readonly<{ onSelect?: ((...args: any[]) => any) | undefined; }>, {}, {}, {}, {}, {}> | null; picker: HTMLDivElement; }, HTMLDivElement, ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<{ modelValue?: AppDateTimePickerModel; }> & Readonly<{ "onUpdate:modelValue"?: ((value: AppDateTimePickerModel) => any) | undefined; }>, {}, {}, {}, {}, {}> | null; }, HTMLDivElement>; declare const __VLS_component_2: DefineComponent<AppTimePickerProps, { popoverVisible: Ref<boolean>; blur(): void; focus(): void; }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { "update:model-value": (...args: any[]) => void; focus: (...args: any[]) => void; blur: (...args: any[]) => void; change: (...args: any[]) => void; }, string, PublicProps, Readonly<AppTimePickerProps> & Readonly<{ "onUpdate:model-value"?: ((...args: any[]) => any) | undefined; onFocus?: ((...args: any[]) => any) | undefined; onBlur?: ((...args: any[]) => any) | undefined; onChange?: ((...args: any[]) => any) | undefined; }>, { format: string; modelValue: AppTimePickerModel; readonly: boolean; disabled: boolean; invalid: boolean; nextText: string; clearable: boolean; inputReadonly: boolean; align: AppPickerAlign; appendToBody: boolean; stayOpened: boolean; autoApply: boolean; }, {}, {}, {}, string, ComponentProvideOptions, false, { timePicker: HTMLDivElement; popover: ({ $: ComponentInternalInstance; $data: {}; $props: { readonly modelValue: boolean; readonly placement?: Placement_2 | undefined; readonly openDelay?: number | undefined; readonly closeDelay?: number | undefined; readonly tabindex?: number | undefined; readonly appendToBody?: boolean | undefined; readonly disabled?: boolean | undefined; readonly offset?: number | undefined; readonly customAppend?: string | undefined; readonly zIndex?: number | undefined; readonly clientOnlyPopoverContent?: boolean | undefined; readonly onClose?: ((...args: any[]) => any) | undefined; readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined; readonly onOpen?: ((...args: any[]) => any) | undefined; } & VNodeProps & AllowedComponentProps & ComponentCustomProps; $attrs: { [x: string]: unknown; }; $refs: { [x: string]: unknown; } & { reference: HTMLDivElement; content: HTMLDivElement; }; $slots: Readonly<{ [name: string]: Slot<any> | undefined; }>; $root: ComponentPublicInstance | null; $parent: ComponentPublicInstance | null; $host: Element | null; $emit: ((event: "close", ...args: any[]) => void) & ((event: "update:modelValue", ...args: any[]) => void) & ((event: "open", ...args: any[]) => void); $el: any; $options: ComponentOptionsBase<Readonly<{ modelValue: boolean; placement?: Placement_2; openDelay?: number; closeDelay?: number; tabindex?: number; appendToBody?: boolean; disabled?: boolean; offset?: number; customAppend?: string; zIndex?: number; clientOnlyPopoverContent?: boolean; }> & Readonly<{ onClose?: ((...args: any[]) => any) | undefined; "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined; onOpen?: ((...args: any[]) => any) | undefined; }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { close: (...args: any[]) => void; "update:modelValue": (...args: any[]) => void; open: (...args: any[]) => void; }, string, { disabled: boolean; openDelay: number; closeDelay: number; appendToBody: boolean; zIndex: number; clientOnlyPopoverContent: boolean; placement: Placement_2; tabindex: number; offset: number; }, {}, string, {}, GlobalComponents, GlobalDirectives, string, 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: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]; renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]; errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[]; }; $forceUpdate: () => void; $nextTick: nextTick; $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle; } & Readonly<{ disabled: boolean; openDelay: number; closeDelay: number; appendToBody: boolean; zIndex: number; clientOnlyPopoverContent: boolean; placement: Placement_2; tabindex: number; offset: number; }> & Omit<Readonly<{ modelValue: boolean; placement?: Placement_2; openDelay?: number; closeDelay?: number; tabindex?: number; appendToBody?: boolean; disabled?: boolean; offset?: number; customAppend?: string; zIndex?: number; clientOnlyPopoverContent?: boolean; }> & Readonly<{ onClose?: ((...args: any[]) => any) | undefined; "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined; onOpen?: ((...args: any[]) => any) | undefined; }>, "disabled" | "openDelay" | "closeDelay" | "appendToBody" | "zIndex" | "clientOnlyPopoverContent" | "placement" | "tabindex" | "offset"> & ShallowUnwrapRef< {}> & {} & ComponentCustomProperties & {} & { $slots: { reference?(_: {}): any; content?(_: {}): any; }; }) | null; input: ({ $: ComponentInternalInstance; $data: {}; $props: { readonly modelValue: AppTimePickerModel; readonly popoverVisible?: boolean | undefined; readonly "onUpdate:model-value"?: ((...args: any[]) => any) | undefined; readonly onFocus?: ((...args: any[]) => any) | undefined; readonly onBlur?: ((...args: any[]) => any) | undefined; readonly onClear?: ((...args: any[]) => any) | undefined; readonly onInput?: ((...args: any[]) => any) | undefined; } & VNodeProps & AllowedComponentProps & ComponentCustomProps; $attrs: { [x: string]: unknown; }; $refs: { [x: string]: unknown; } & { startInput: CreateComponentPublicInstanceWithMixins<Readonly<{ modelValue?: null | Date; format?: string; readonly?: boolean; disabled?: boolean; placeholder?: string; customId?: string; customName?: string; disabledDate?: (date: Date) => boolean; }> & Readonly<{ "onUpdate:model-value"?: ((...args: any[]) => any) | undefined; onFocus?: ((...args: any[]) => any) | undefined; onBlur?: ((...args: any[]) => any) | undefined; }>, { focus: () => void; blur: () => void; remove: () => void; }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { "update:model-value": (...args: any[]) => void; focus: (...args: any[]) => void; blur: (...args: any[]) => void; }, PublicProps, { format: string; modelValue: null | Date; readonly: boolean; disabled: boolean; disabledDate: (date: Date) => boolean; }, false, {}, {}, GlobalComponents, GlobalDirectives, string, { input: HTMLInputElement; }, HTMLInputElement, ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<{ modelValue?: null | Date; format?: string; readonly?: boolean; disabled?: boolean; placeholder?: string; customId?: string; customName?: string; disabledDate?: (date: Date) => boolean; }> & Readonly<{ "onUpdate:model-value"?: ((...args: any[]) => any) | undefined; onFocus?: ((...args: any[]) => any) | undefined; onBlur?: ((...args: any[]) => any) | undefined; }>, { focus: () => void; blur: () => void; remove: () => void; }, {}, {}, {}, { format: string; modelValue: null | Date; readonly: boolean; disabled: boolean; disabledDate: (date: Date) => boolean; }> | null; endInput: CreateComponentPublicInstanceWithMixins<Readonly<{ modelValue?: null | Date; format?: string; readonly?: boolean; disabled?: boolean; placeholder?: string; customId?: string; customName?: string; disabledDate?: (date: Date) => boolean; }> & Readonly<{ "onUpdate:model-value"?: ((...args: any[]) => any) | undefined; onFocus?: ((...args: any[]) => any) | undefined; onBlur?: ((...args: any[]) => any) | undefined; }>, { focus: () => void; blur: () => void; remove: () => void; }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { "update:model-value": (...args: any[]) => void; focus: (...args: any[]) => void; blur: (...args: any[]) => void; }, PublicProps, { format: string; modelValue: null | Date; readonly: boolean; disabled: boolean; disabledDate: (date: Date) => boolean; }, false, {}, {}, GlobalComponents, GlobalDirectives, string, { input: HTMLInputElement; }, HTMLInputElement, ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<{ modelValue?: null | Date; format?: string; readonly?: boolean; disabled?: boolean; placeholder?: string; customId?: string; customName?: string; disabledDate?: (date: Date) => boolean; }> & Readonly<{ "onUpdate:model-value"?: ((...args: any[]) => any) | undefined; onFocus?: ((...args: any[]) => any) | undefined; onBlur?: ((...args: any[]) => any) | undefined; }>, { focus: () => void; blur: () => void; remove: () => void; }, {}, {}, {}, { format: string; modelValue: null | Date; readonly: boolean; disabled: boolean; disabledDate: (date: Date) => boolean; }> | null; }; $slots: Readonly<{ [name: string]: Slot<any> | undefined; }>; $root: ComponentPublicInstance | null; $parent: ComponentPublicInstance | null; $host: Element | null; $emit: ((event: "update:model-value", ...args: any[]) => void) & ((event: "focus", ...args: any[]) => void) & ((event: "blur", ...args: any[]) => void) & ((event: "clear", ...args: any[]) => void) & ((event: "input", ...args: any[]) => void); $el: HTMLDivElement; $options: ComponentOptionsBase<Readonly<{ modelValue: AppTimePickerModel; popoverVisible?: boolean; }> & Readonly<{ "onUpdate:model-value"?: ((...args: any[]) => any) | undefined; onFocus?: ((...args: any[]) => any) | undefined; onBlur?: ((...args: any[]) => any) | undefined; onClear?: ((...args: any[]) => any) | undefined; onInput?: ((...args: any[]) => any) | undefined; }>, { focus: () => void; blur: () => void; remove: () => void; }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { "update:model-value": (...args: any[]) => void; focus: (...args: any[]) => void; blur: (...args: any[]) => void; clear: (...args: any[]) => void; input: (...args: any[]) => void; }, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, 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: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]; renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]; errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[]; }; $forceUpdate: () => void; $nextTick: nextTick; $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle; } & Readonly<{}> & Omit<Readonly<{ modelValue: AppTimePickerModel; popoverVisible?: boolean; }> & Readonly<{ "onUpdate:model-value"?: ((...args: any[]) => any) | undefined; onFocus?: ((...args: any[]) => any) | undefined; onBlur?: ((...args: any[]) => any) | undefined; onClear?: ((...args: any[]) => any) | undefined; onInput?: ((...args: any[]) => any) | undefined; }>, "remove" | "focus" | "blur"> & ShallowUnwrapRef< { focus: () => void; blur: () => void; remove: () => void; }> & {} & ComponentCustomProperties & {} & { $slots: { separator?(_: {}): any; }; }) | null; content: CreateComponentPublicInstanceWithMixins<Readonly<{ modelValue?: AppTimePickerModel; }> & Readonly<{ "onUpdate:modelValue"?: ((value: AppTimePickerModel) => any) | undefined; }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { "update:modelValue": (value: AppTimePickerModel) => any; }, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<{ modelValue?: AppTimePickerModel; }> & Readonly<{ "onUpdate:modelValue"?: ((value: AppTimePickerModel) => any) | undefined; }>, {}, {}, {}, {}, {}> | null; }, HTMLDivElement>; declare function __VLS_template(): { attrs: Partial<{}>; slots: { separator?(_: {}): any; default?(_: { ref: string; value: AppDateTimePickerModel; popoverVisible: boolean; input: typeof externalInputValue; focus: typeof handleFocus; blur: () => void; }): any; }; refs: { datetimePicker: HTMLDivElement; popover: ({ $: ComponentInternalInstance; $data: {}; $props: { readonly modelValue: boolean; readonly placement?: Placement | undefined; readonly openDelay?: number | undefined; readonly closeDelay?: number | undefined; readonly tabindex?: number | undefined; readonly appendToBody?: boolean | undefined; readonly disabled?: boolean | undefined; readonly offset?: number | undefined; readonly customAppend?: string | undefined; readonly zIndex?: number | undefined; readonly clientOnlyPopoverContent?: boolean | undefined; readonly onClose?: ((...args: any[]) => any) | undefined; readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined; readonly onOpen?: ((...args: any[]) => any) | undefined; } & VNodeProps & AllowedComponentProps & ComponentCustomProps; $attrs: { [x: string]: unknown; }; $refs: { [x: string]: unknown; } & { reference: HTMLDivElement; content: HTMLDivElement; }; $slots: Readonly<{ [name: string]: Slot<any> | undefined; }>; $root: ComponentPublicInstance | null; $parent: ComponentPublicInstance | null; $host: Element | null; $emit: ((event: "close", ...args: any[]) => void) & ((event: "update:modelValue", ...args: any[]) => void) & ((event: "open", ...args: any[]) => void); $el: any; $options: ComponentOptionsBase<Readonly<{ modelValue: boolean; placement?: Placement; openDelay?: number; closeDelay?: number; tabindex?: number; appendToBody?: boolean; disabled?: boolean; offset?: number; customAppend?: string; zIndex?: number; clientOnlyPopoverContent?: boolean; }> & Readonly<{ onClose?: ((...args: any[]) => any) | undefined; "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined; onOpen?: ((...args: any[]) => any) | undefined; }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { close: (...args: any[]) => void; "update:modelValue": (...args: any[]) => void; open: (...args: any[]) => void; }, string, { disabled: boolean; openDelay: number; closeDelay: number; appendToBody: boolean; zIndex: number; clientOnlyPopoverContent: boolean; placement: Placement; tabindex: number; offset: number; }, {}, string, {}, GlobalComponents, GlobalDirectives, string, 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: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]; renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]; errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[]; }; $forceUpdate: () => void; $nextTick: nextTick; $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle; } & Readonly<{ disabled: boolean; openDelay: number; closeDelay: number; appendToBody: boolean; zIndex: number; clientOnlyPopoverContent: boolean; placement: Placement; tabindex: number; offset: number; }> & Omit<Readonly<{ modelValue: boolean; placement?: Placement; openDelay?: number; closeDelay?: number; tabindex?: number; appendToBody?: boolean; disabled?: boolean; offset?: number; customAppend?: string; zIndex?: number; clientOnlyPopoverContent?: boolean; }> & Readonly<{ onClose?: ((...args: any[]) => any) | undefined; "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined; onOpen?: ((...args: any[]) => any) | undefined; }>, "disabled" | "openDelay" | "closeDelay" | "appendToBody" | "zIndex" | "clientOnlyPopoverContent" | "placement" | "tabindex" | "offset"> & ShallowUnwrapRef< {}> & {} & ComponentCustomProperties & {} & { $slots: { reference?(_: {}): any; content?(_: {}): any; }; }) | null; input: ({ $: ComponentInternalInstance; $data: {}; $props: { readonly modelValue: AppDateTimePickerModel; readonly popoverVisible?: boolean | undefined; readonly "onUpdate:model-value"?: ((...args: any[]) => any) | undefined; readonly onFocus?: ((...args: any[]) => any) | undefined; readonly onBlur?: ((...args: any[]) => any) | undefined; readonly onClear?: ((...args: any[]) => any) | undefined; readonly onInput?: ((...args: any[]) => any) | undefined; } & VNodeProps & AllowedComponentProps & ComponentCustomProps; $attrs: { [x: string]: unknown; }; $refs: { [x: string]: unknown; } & { startInput: CreateComponentPublicInstanceWithMixins<Readonly<{ modelValue?: null | Date; format?: string; readonly?: boolean; disabled?: boolean; placeholder?: string; customId?: string; customName?: string; disabledDate?: (date: Date) => boolean; }> & Readonly<{ "onUpdate:model-value"?: ((...args: any[]) => any) | undefined; onFocus?: ((...args: any[]) => any) | undefined; onBlur?: ((...args: any[]) => any) | undefined; }>, { focus: () => void; blur: () => void; remove: () => void; }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { "update:model-value": (...args: any[]) => void; focus: (...args: any[]) => void; blur: (...args: any[]) => void; }, PublicProps, { format: string; modelValue: null | Date; readonly: boolean; disabled: boolean; disabledDate: (date: Date) => boolean; }, false, {}, {}, GlobalComponents, GlobalDirectives, string, { input: HTMLInputElement; }, HTMLInputElement, ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<{ modelValue?: null | Date; format?: string; readonly?: boolean; disabled?: boolean; placeholder?: string; customId?: string; customName?: string; disabledDate?: (date: Date) => boolean; }> & Readonly<{ "onUpdate:model-value"?: ((...args: any[]) => any) | undefined; onFocus?: ((...args: any[]) => any) | undefined; onBlur?: ((...args: any[]) => any) | undefined; }>, { focus: () => void; blur: () => void; remove: () => void; }, {}, {}, {}, { format: string; modelValue: null | Date; readonly: boolean; disabled: boolean; disabledDate: (date: Date) => boolean; }> | null; endInput: CreateComponentPublicInstanceWithMixins<Readonly<{ modelValue?: null | Date; format?: string; readonly?: boolean; disabled?: boolean; placeholder?: string; customId?: string; customName?: string; disabledDate?: (date: Date) => boolean; }> & Readonly<{ "onUpdate:model-value"?: ((...args: any[]) => any) | undefined; onFocus?: ((...args: any[]) => any) | undefined; onBlur?: ((...args: any[]) => any) | undefined; }>, { focus: () => void; blur: () => void; remove: () => void; }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { "update:model-value": (...args: any[]) => void; focus: (...args: any[]) => void; blur: (...args: any[]) => void; }, PublicProps, { format: string; modelValue: null | Date; readonly: boolean; disabled: boolean; disabledDate: (date: Date) => boolean; }, false, {}, {}, GlobalComponents, GlobalDirectives, string, { input: HTMLInputElement; }, HTMLInputElement, ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<{ modelValue?: null | Date; format?: string; readonly?: boolean; disabled?: boolean; placeholder?: string; customId?: string; customName?: string; disabledDate?: (date: Date) => boolean; }> & Readonly<{ "onUpdate:model-value"?: ((...args: any[]) => any) | undefined; onFocus?: ((...args: any[]) => any) | undefined; onBlur?: ((...args: any[]) => any) | undefined; }>, { focus: () => void; blur: () => void; remove: () => void; }, {}, {}, {}, { format: string; modelValue: null | Date; readonly: boolean; disabled: boolean; disabledDate: (date: Date) => boolean; }> | null; }; $slots: Readonly<{ [name: string]: Slot<any> | undefined; }>; $root: ComponentPublicInstance | null; $parent: ComponentPublicInstance | null; $host: Element | null; $emit: ((event: "update:model-value", ...args: any[]) => void) & ((event: "focus", ...args: any[]) => void) & ((event: "blur", ...args: any[]) => void) & ((event: "clear", ...args: any[]) => void) & ((event: "input", ...args: any[]) => void); $el: HTMLDivElement; $options: ComponentOptionsBase<Readonly<{ modelValue: AppDateTimePickerModel; popoverVisible?: boolean; }> & Readonly<{ "onUpdate:model-value"?: ((...args: any[]) => any) | undefined; onFocus?: ((...args: any[]) => any) | undefined; onBlur?: ((...args: any[]) => any) | undefined; onClear?: ((...args: any[]) => any) | undefined; onInput?: ((...args: any[]) => any) | undefined; }>, { focus: () => void; blur: () => void; remove: () => void; }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { "update:model-value": (...args: any[]) => void; focus: (...args: any[]) => void; blur: (...args: any[]) => void; clear: (...args: any[]) => void; input: (...args: any[]) => void; }, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, 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: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]; renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]; errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[]; }; $forceUpdate: () => void; $nextTick: nextTick; $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle; } & Readonly<{}> & Omit<Readonly<{ modelValue: AppDateTimePickerModel; popoverVisible?: boolean; }> & Readonly<{ "onUpdate:model-value"?: ((...args: any[]) => any) | undefined; onFocus?: ((...args: any[]) => any) | undefined; onBlur?: ((...args: any[]) => any) | undefined; onClear?: ((...args: any[]) => any) | undefined; onInput?: ((...args: any[]) => any) | undefined; }>, "remove" | "focus" | "blur"> & ShallowUnwrapRef< { focus: () => void; blur: () => void; remove: () => void; }> & {} & ComponentCustomProperties & {} & { $slots: { separator?(_: {}): any; }; }) | null; content: CreateComponentPublicInstanceWithMixins<Readonly<{ modelValue?: AppDateTimePickerModel; }> & Readonly<{ "onUpdate:modelValue"?: ((value: AppDateTimePickerModel) => any) | undefined; }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { "update:modelValue": (value: AppDateTimePickerModel) => any; }, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, { shortcuts: CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{ onSelect?: ((...args: any[]) => any) | undefined; }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { select: (...args: any[]) => void; }, PublicProps, {}, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<{}> & Readonly<{ onSelect?: ((...args: any[]) => any) | undefined; }>, {}, {}, {}, {}, {}> | null; picker: HTMLDivElement; }, HTMLDivElement, ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<{ modelValue?: AppDateTimePickerModel; }> & Readonly<{ "onUpdate:modelValue"?: ((value: AppDateTimePickerModel) => any) | undefined; }>, {}, {}, {}, {}, {}> | null; }; rootEl: HTMLDivElement; }; declare function __VLS_template_2(): { attrs: Partial<{}>; slots: { separator?(_: {}): any; default?(_: { ref: string; value: AppTimePickerModel; popoverVisible: boolean; input: typeof externalInputValue_2; focus: typeof handleFocus_2; blur: () => void; }): any; }; refs: { timePicker: HTMLDivElement; popover: ({ $: ComponentInternalInstance; $data: {}; $props: { readonly modelValue: boolean; readonly placement?: Placement_2 | undefined; readonly openDelay?: number | undefined; readonly closeDelay?: number | undefined; readonly tabindex?: number | undefined; readonly appendToBody?: boolean | undefined; readonly disabled?: boolean | undefined; readonly offset?: number | undefined; readonly customAppend?: string | undefined; readonly zIndex?: number | undefined; readonly clientOnlyPopoverContent?: boolean | undefined; readonly onClose?: ((...args: any[]) => any) | undefined; readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined; readonly onOpen?: ((...args: any[]) => any) | undefined; } & VNodeProps & AllowedComponentProps & ComponentCustomProps; $attrs: { [x: string]: unknown; }; $refs: { [x: string]: unknown; } & { reference: HTMLDivElement; content: HTMLDivElement; }; $slots: Readonly<{ [name: string]: Slot<any> | undefined; }>; $root: ComponentPublicInstance | null; $parent: ComponentPublicInstance | null; $host: Element | null; $emit: ((event: "close", ...args: any[]) => void) & ((event: "update:modelValue", ...args: any[]) => void) & ((event: "open", ...args: any[]) => void); $el: any; $options: ComponentOptionsBase<Readonly<{ modelValue: boolean; placement?: Placement_2; openDelay?: number; closeDelay?: number; tabindex?: number; appendToBody?: boolean; disabled?: boolean; offset?: number; customAppend?: string; zIndex?: number; clientOnlyPopoverContent?: boolean; }> & Readonly<{ onClose?: ((...args: any[]) => any) | undefined; "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined; onOpen?: ((...args: any[]) => any) | undefined; }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { close: (...args: any[]) => void; "update:modelValue": (...args: any[]) => void; open: (...args: any[]) => void; }, string, { disabled: boolean; openDelay: number; closeDelay: number; appendToBody: boolean; zIndex: number; clientOnlyPopoverContent: boolean; placement: Placement_2; tabindex: number; offset: number; }, {}, string, {}, GlobalComponents, GlobalDirectives, string, 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)[]; rend