@nextcloud/vue
Version:
Nextcloud vue components
2,141 lines • 135 kB
TypeScript
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
/**
* id attribute of the checkbox element
*/
id: {
type: StringConstructor;
default: () => string;
validator: (id: unknown) => boolean;
};
/**
* id attribute of the text input element
*/
inputId: {
type: StringConstructor;
default: () => string;
validator: (id: unknown) => boolean;
};
/**
* Icon to show with the action, can be either a CSS class or an URL
*/
icon: {
type: StringConstructor;
default: string;
};
/**
* type attribute of the input field
*/
type: {
type: StringConstructor;
default: string;
validator(type: unknown): boolean;
};
/**
* id attribute for the native date time picker
*/
idNativeDateTimePicker: {
type: StringConstructor;
default: string;
};
/**
* Flag to use a native date time picker
*/
isNativePicker: {
type: BooleanConstructor;
default: boolean;
};
/**
* The visible input label for accessibility purposes.
*/
label: {
type: StringConstructor;
default: null;
};
/**
* If you want to show the label just above the
* input field, pass in `true` to this prop.
*/
labelOutside: {
type: BooleanConstructor;
default: boolean;
};
/**
* value attribute of the input field
*/
modelValue: {
type: (DateConstructor | StringConstructor | ArrayConstructor | NumberConstructor)[];
default: string;
};
/**
* disabled state of the input field
*/
disabled: {
type: BooleanConstructor;
default: boolean;
};
/**
* aria-label attribute of the input field
*/
ariaLabel: {
type: StringConstructor;
default: string;
};
/**
* Attribute forwarded to the underlying NcPasswordField and NcTextField
*/
showTrailingButton: {
type: BooleanConstructor;
default: boolean;
};
/**
* Trailing button label forwarded to the underlying NcTextField
*/
trailingButtonLabel: {
type: StringConstructor;
default: string;
};
/**
* CSS class to apply to the root element.
*/
class: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
}>, {}, {}, {
isIconUrl(): false | URL;
isMultiselectType(): boolean;
nativeDatePickerType(): false | "time" | "date" | "datetime-local" | "month" | "week";
datePickerType(): false | "time" | "date" | "month" | "datetime";
/**
* determines if the action is focusable
*
* @return {boolean} is the action focusable ?
*/
isFocusable(): boolean;
}, {
onLeave(): void;
onSubmit(event: any): false | undefined;
onUpdateModelValue(event: any): void;
}, {
beforeUpdate(): void;
data(): {
text: any;
};
computed: {
isLongText(): any;
};
methods: {
getText(): any;
};
}, import('vue').ComponentOptionsMixin, ("submit" | "update:modelValue")[], "submit" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
/**
* id attribute of the checkbox element
*/
id: {
type: StringConstructor;
default: () => string;
validator: (id: unknown) => boolean;
};
/**
* id attribute of the text input element
*/
inputId: {
type: StringConstructor;
default: () => string;
validator: (id: unknown) => boolean;
};
/**
* Icon to show with the action, can be either a CSS class or an URL
*/
icon: {
type: StringConstructor;
default: string;
};
/**
* type attribute of the input field
*/
type: {
type: StringConstructor;
default: string;
validator(type: unknown): boolean;
};
/**
* id attribute for the native date time picker
*/
idNativeDateTimePicker: {
type: StringConstructor;
default: string;
};
/**
* Flag to use a native date time picker
*/
isNativePicker: {
type: BooleanConstructor;
default: boolean;
};
/**
* The visible input label for accessibility purposes.
*/
label: {
type: StringConstructor;
default: null;
};
/**
* If you want to show the label just above the
* input field, pass in `true` to this prop.
*/
labelOutside: {
type: BooleanConstructor;
default: boolean;
};
/**
* value attribute of the input field
*/
modelValue: {
type: (DateConstructor | StringConstructor | ArrayConstructor | NumberConstructor)[];
default: string;
};
/**
* disabled state of the input field
*/
disabled: {
type: BooleanConstructor;
default: boolean;
};
/**
* aria-label attribute of the input field
*/
ariaLabel: {
type: StringConstructor;
default: string;
};
/**
* Attribute forwarded to the underlying NcPasswordField and NcTextField
*/
showTrailingButton: {
type: BooleanConstructor;
default: boolean;
};
/**
* Trailing button label forwarded to the underlying NcTextField
*/
trailingButtonLabel: {
type: StringConstructor;
default: string;
};
/**
* CSS class to apply to the root element.
*/
class: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
}>> & Readonly<{
onSubmit?: ((...args: any[]) => any) | undefined;
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
}>, {
id: string;
type: string;
label: string;
class: string | Record<string, any> | unknown[];
icon: string;
ariaLabel: string;
disabled: boolean;
labelOutside: boolean;
showTrailingButton: boolean;
trailingButtonLabel: string;
modelValue: string | number | Date | unknown[];
inputId: string;
idNativeDateTimePicker: string;
isNativePicker: boolean;
}, {}, {
NcDateTimePickerNative: import('vue').DefineComponent<{
modelValue?: Date | null;
} & {
class?: import('../../utils/VueTypes.ts').VueClassType;
id?: string;
inputClass?: import('../../utils/VueTypes.ts').VueClassType;
type?: "date" | "datetime-local" | "month" | "time" | "week";
label?: string;
min?: Date | null;
max?: Date | null;
hideLabel?: boolean;
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (value: Date | null) => any;
}, string, import('vue').PublicProps, Readonly<{
modelValue?: Date | null;
} & {
class?: import('../../utils/VueTypes.ts').VueClassType;
id?: string;
inputClass?: import('../../utils/VueTypes.ts').VueClassType;
type?: "date" | "datetime-local" | "month" | "time" | "week";
label?: string;
min?: Date | null;
max?: Date | null;
hideLabel?: boolean;
}> & Readonly<{
"onUpdate:modelValue"?: ((value: Date | null) => any) | undefined;
}>, {
id: string;
type: "date" | "datetime-local" | "month" | "time" | "week";
label: string;
class: import('../../utils/VueTypes.ts').VueClassType;
inputClass: import('../../utils/VueTypes.ts').VueClassType;
modelValue: Date | null;
min: Date | null;
max: Date | null;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
NcPasswordField: {
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
modelValue?: string;
visible?: boolean;
} & Omit<import('../NcInputField/NcInputField.vue').NcInputFieldProps, "type" | "trailingButtonLabel"> & {
checkPasswordStrength?: boolean;
minlength?: number;
asText?: boolean;
}> & Readonly<{
onInvalid?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
onValid?: (() => any) | undefined;
"onUpdate:visible"?: ((value: boolean) => any) | undefined;
}>, {
focus: (options?: FocusOptions) => void;
select: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
invalid: () => any;
"update:modelValue": (value: string) => any;
valid: () => any;
"update:visible": (value: boolean) => any;
}, import('vue').PublicProps, {
inputClass: import('../../utils/VueTypes.ts').VueClassType;
showTrailingButton: boolean;
minlength: number;
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
inputField: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: {
readonly modelValue: string | number;
readonly class?: import('../../utils/VueTypes.ts').VueClassType | undefined;
readonly inputClass?: import('../../utils/VueTypes.ts').VueClassType | undefined;
readonly id?: string | undefined;
readonly label?: string | undefined;
readonly labelOutside?: boolean | undefined;
readonly type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "date" | "datetime-local" | "month" | "time" | "week" | undefined;
readonly placeholder?: string | undefined;
readonly showTrailingButton?: boolean | undefined;
readonly trailingButtonLabel?: string | undefined;
readonly success?: boolean | undefined;
readonly error?: boolean | undefined;
readonly helperText?: string | undefined;
readonly disabled?: boolean | undefined;
readonly pill?: boolean | undefined;
readonly onTrailingButtonClick?: ((event: MouseEvent) => any) | undefined;
readonly "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
$attrs: import('vue').Attrs;
$refs: {
[x: string]: unknown;
} & {
input: 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: "trailingButtonClick", event: MouseEvent) => void) & ((event: "update:modelValue", value: string | number) => void);
$el: any;
$options: import('vue').ComponentOptionsBase<Readonly<{
modelValue: string | number;
} & import('../NcInputField/NcInputField.vue').NcInputFieldProps> & Readonly<{
onTrailingButtonClick?: ((event: MouseEvent) => any) | undefined;
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
}>, {
focus: (options?: FocusOptions) => void;
select: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
trailingButtonClick: (event: MouseEvent) => any;
"update:modelValue": (value: string | number) => any;
}, string, {
id: string;
type: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "date" | "datetime-local" | "month" | "time" | "week";
label: string;
class: import('../../utils/VueTypes.ts').VueClassType;
inputClass: import('../../utils/VueTypes.ts').VueClassType;
placeholder: string;
trailingButtonLabel: string;
helperText: 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<{
id: string;
type: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "date" | "datetime-local" | "month" | "time" | "week";
label: string;
class: import('../../utils/VueTypes.ts').VueClassType;
inputClass: import('../../utils/VueTypes.ts').VueClassType;
placeholder: string;
trailingButtonLabel: string;
helperText: string;
}> & Omit<Readonly<{
modelValue: string | number;
} & import('../NcInputField/NcInputField.vue').NcInputFieldProps> & Readonly<{
onTrailingButtonClick?: ((event: MouseEvent) => any) | undefined;
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
}>, "select" | "focus" | ("id" | "type" | "label" | "class" | "inputClass" | "placeholder" | "trailingButtonLabel" | "helperText")> & {
focus: (options?: FocusOptions) => void;
select: () => void;
} & {} & import('vue').ComponentCustomProperties & {} & {
$slots: Readonly<{
icon?: import('vue').Slot;
'trailing-button-icon'?: import('vue').Slot;
}> & {
icon?: import('vue').Slot;
'trailing-button-icon'?: import('vue').Slot;
};
}) | null;
}, any, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
modelValue?: string;
visible?: boolean;
} & Omit<import('../NcInputField/NcInputField.vue').NcInputFieldProps, "type" | "trailingButtonLabel"> & {
checkPasswordStrength?: boolean;
minlength?: number;
asText?: boolean;
}> & Readonly<{
onInvalid?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
onValid?: (() => any) | undefined;
"onUpdate:visible"?: ((value: boolean) => any) | undefined;
}>, {
focus: (options?: FocusOptions) => void;
select: () => void;
}, {}, {}, {}, {
inputClass: import('../../utils/VueTypes.ts').VueClassType;
showTrailingButton: boolean;
minlength: number;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<{
modelValue?: string;
visible?: boolean;
} & Omit<import('../NcInputField/NcInputField.vue').NcInputFieldProps, "type" | "trailingButtonLabel"> & {
checkPasswordStrength?: boolean;
minlength?: number;
asText?: boolean;
}> & Readonly<{
onInvalid?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
onValid?: (() => any) | undefined;
"onUpdate:visible"?: ((value: boolean) => any) | undefined;
}>, {
focus: (options?: FocusOptions) => void;
select: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
invalid: () => any;
"update:modelValue": (value: string) => any;
valid: () => any;
"update:visible": (value: boolean) => any;
}, string, {
inputClass: import('../../utils/VueTypes.ts').VueClassType;
showTrailingButton: boolean;
minlength: number;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
$slots: {
icon?(_: {}): any;
};
});
NcTextField: {
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
modelValue?: string | number;
} & Omit<import('../NcInputField/NcInputField.vue').NcInputFieldProps, "type"> & {
type?: Exclude<import('../NcInputField/NcInputField.vue').NcInputFieldProps["type"], "date" | "datetime-local" | "month" | "time" | "week">;
trailingButtonIcon?: "arrowEnd" | "close" | "undo";
trailingButtonLabel?: string;
}> & Readonly<{
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
}>, {
focus: (options?: FocusOptions) => void;
select: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (value: string | number) => any;
}, import('vue').PublicProps, {
trailingButtonLabel: string;
trailingButtonIcon: "arrowEnd" | "close" | "undo";
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
inputField: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: {
readonly modelValue: string | number;
readonly class?: import('../../utils/VueTypes.ts').VueClassType | undefined;
readonly inputClass?: import('../../utils/VueTypes.ts').VueClassType | undefined;
readonly id?: string | undefined;
readonly label?: string | undefined;
readonly labelOutside?: boolean | undefined;
readonly type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "date" | "datetime-local" | "month" | "time" | "week" | undefined;
readonly placeholder?: string | undefined;
readonly showTrailingButton?: boolean | undefined;
readonly trailingButtonLabel?: string | undefined;
readonly success?: boolean | undefined;
readonly error?: boolean | undefined;
readonly helperText?: string | undefined;
readonly disabled?: boolean | undefined;
readonly pill?: boolean | undefined;
readonly onTrailingButtonClick?: ((event: MouseEvent) => any) | undefined;
readonly "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
$attrs: import('vue').Attrs;
$refs: {
[x: string]: unknown;
} & {
input: 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: "trailingButtonClick", event: MouseEvent) => void) & ((event: "update:modelValue", value: string | number) => void);
$el: any;
$options: import('vue').ComponentOptionsBase<Readonly<{
modelValue: string | number;
} & import('../NcInputField/NcInputField.vue').NcInputFieldProps> & Readonly<{
onTrailingButtonClick?: ((event: MouseEvent) => any) | undefined;
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
}>, {
focus: (options?: FocusOptions) => void;
select: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
trailingButtonClick: (event: MouseEvent) => any;
"update:modelValue": (value: string | number) => any;
}, string, {
id: string;
type: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "date" | "datetime-local" | "month" | "time" | "week";
label: string;
class: import('../../utils/VueTypes.ts').VueClassType;
inputClass: import('../../utils/VueTypes.ts').VueClassType;
placeholder: string;
trailingButtonLabel: string;
helperText: 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<{
id: string;
type: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "date" | "datetime-local" | "month" | "time" | "week";
label: string;
class: import('../../utils/VueTypes.ts').VueClassType;
inputClass: import('../../utils/VueTypes.ts').VueClassType;
placeholder: string;
trailingButtonLabel: string;
helperText: string;
}> & Omit<Readonly<{
modelValue: string | number;
} & import('../NcInputField/NcInputField.vue').NcInputFieldProps> & Readonly<{
onTrailingButtonClick?: ((event: MouseEvent) => any) | undefined;
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
}>, "select" | "focus" | ("id" | "type" | "label" | "class" | "inputClass" | "placeholder" | "trailingButtonLabel" | "helperText")> & {
focus: (options?: FocusOptions) => void;
select: () => void;
} & {} & import('vue').ComponentCustomProperties & {} & {
$slots: Readonly<{
icon?: import('vue').Slot;
'trailing-button-icon'?: import('vue').Slot;
}> & {
icon?: import('vue').Slot;
'trailing-button-icon'?: import('vue').Slot;
};
}) | null;
}, any, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
modelValue?: string | number;
} & Omit<import('../NcInputField/NcInputField.vue').NcInputFieldProps, "type"> & {
type?: Exclude<import('../NcInputField/NcInputField.vue').NcInputFieldProps["type"], "date" | "datetime-local" | "month" | "time" | "week">;
trailingButtonIcon?: "arrowEnd" | "close" | "undo";
trailingButtonLabel?: string;
}> & Readonly<{
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
}>, {
focus: (options?: FocusOptions) => void;
select: () => void;
}, {}, {}, {}, {
trailingButtonLabel: string;
trailingButtonIcon: "arrowEnd" | "close" | "undo";
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<{
modelValue?: string | number;
} & Omit<import('../NcInputField/NcInputField.vue').NcInputFieldProps, "type"> & {
type?: Exclude<import('../NcInputField/NcInputField.vue').NcInputFieldProps["type"], "date" | "datetime-local" | "month" | "time" | "week">;
trailingButtonIcon?: "arrowEnd" | "close" | "undo";
trailingButtonLabel?: string;
}> & Readonly<{
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
}>, {
focus: (options?: FocusOptions) => void;
select: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (value: string | number) => any;
}, string, {
trailingButtonLabel: string;
trailingButtonIcon: "arrowEnd" | "close" | "undo";
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
$slots: Readonly<{
icon?: import('vue').Slot;
}> & {
icon?: import('vue').Slot;
};
});
NcColorPicker: {
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
modelValue: string | undefined;
open?: boolean;
} & {
advancedFields?: boolean;
clearable?: boolean;
container?: string | Element;
palette?: string[] | import('../../utils/colors.ts').Color[];
paletteOnly?: boolean;
}> & Readonly<{
onSubmit?: ((args_0: string | undefined) => any) | undefined;
"onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
onClosed?: (() => any) | undefined;
"onUpdate:open"?: ((value: boolean) => any) | undefined;
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
submit: (args_0: string | undefined) => any;
"update:modelValue": (value: string | undefined) => any;
closed: () => any;
"update:open": (value: boolean) => any;
}, import('vue').PublicProps, {
container: string | Element;
palette: string[] | import('../../utils/colors.ts').Color[];
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
modelValue: string | undefined;
open?: boolean;
} & {
advancedFields?: boolean;
clearable?: boolean;
container?: string | Element;
palette?: string[] | import('../../utils/colors.ts').Color[];
paletteOnly?: boolean;
}> & Readonly<{
onSubmit?: ((args_0: string | undefined) => any) | undefined;
"onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
onClosed?: (() => any) | undefined;
"onUpdate:open"?: ((value: boolean) => any) | undefined;
}>, {}, {}, {}, {}, {
container: string | Element;
palette: string[] | import('../../utils/colors.ts').Color[];
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<{
modelValue: string | undefined;
open?: boolean;
} & {
advancedFields?: boolean;
clearable?: boolean;
container?: string | Element;
palette?: string[] | import('../../utils/colors.ts').Color[];
paletteOnly?: boolean;
}> & Readonly<{
onSubmit?: ((args_0: string | undefined) => any) | undefined;
"onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
onClosed?: (() => any) | undefined;
"onUpdate:open"?: ((value: boolean) => any) | undefined;
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
submit: (args_0: string | undefined) => any;
"update:modelValue": (value: string | undefined) => any;
closed: () => any;
"update:open": (value: boolean) => any;
}, string, {
container: string | Element;
palette: string[] | import('../../utils/colors.ts').Color[];
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
$slots: {
default?(_: any): any;
};
});
NcDateTimePicker: import('vue').DefineComponent<{
timezoneId?: string;
} & {
appendToBody?: boolean;
ariaLabel?: string;
ariaLabelMenu?: string;
clearable?: boolean;
confirm?: boolean;
format?: string | ((date: Date) => string) | ((dates: [Date, Date]) => string);
locale?: string;
max?: Date;
min?: Date;
minuteStep?: number;
modelValue?: Date | [Date, Date] | null;
placeholder?: string;
showTimezoneSelect?: boolean;
showWeekNumber?: boolean;
type?: "week" | "month" | "year" | "date" | "date-range" | "time" | "time-range" | "datetime" | "datetime-range";
inline?: boolean;
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
blur: () => any;
"update:modelValue": (args_0: Date | [Date, Date] | null) => any;
"update:timezoneId": (...args: unknown[]) => any;
}, string, import('vue').PublicProps, Readonly<{
timezoneId?: string;
} & {
appendToBody?: boolean;
ariaLabel?: string;
ariaLabelMenu?: string;
clearable?: boolean;
confirm?: boolean;
format?: string | ((date: Date) => string) | ((dates: [Date, Date]) => string);
locale?: string;
max?: Date;
min?: Date;
minuteStep?: number;
modelValue?: Date | [Date, Date] | null;
placeholder?: string;
showTimezoneSelect?: boolean;
showWeekNumber?: boolean;
type?: "week" | "month" | "year" | "date" | "date-range" | "time" | "time-range" | "datetime" | "datetime-range";
inline?: boolean;
}> & Readonly<{
onBlur?: (() => any) | undefined;
"onUpdate:modelValue"?: ((args_0: Date | [Date, Date] | null) => any) | undefined;
"onUpdate:timezoneId"?: ((...args: unknown[]) => any) | undefined;
}>, {
type: "week" | "month" | "year" | "date" | "date-range" | "time" | "time-range" | "datetime" | "datetime-range";
inline: boolean;
ariaLabel: string;
placeholder: string;
modelValue: Date | [Date, Date] | null;
min: Date;
max: Date;
locale: string;
format: string | ((date: Date) => string) | ((dates: [Date, Date]) => string);
timezoneId: string;
ariaLabelMenu: string;
minuteStep: number;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
picker: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
[x: number]: string;
} | {}> & Omit<({
readonly [x: number]: string;
readonly [Symbol.iterator]?: ArrayIterator<string> | undefined;
readonly [Symbol.unscopables]?: {
[x: number]: boolean | undefined;
length?: boolean | undefined;
toString?: boolean | undefined;
toLocaleString?: boolean | undefined;
pop?: boolean | undefined;
push?: boolean | undefined;
concat?: boolean | undefined;
join?: boolean | undefined;
reverse?: boolean | undefined;
shift?: boolean | undefined;
slice?: boolean | undefined;
sort?: boolean | undefined;
splice?: boolean | undefined;
unshift?: boolean | undefined;
indexOf?: boolean | undefined;
lastIndexOf?: boolean | undefined;
every?: boolean | undefined;
some?: boolean | undefined;
forEach?: boolean | undefined;
map?: boolean | undefined;
filter?: boolean | undefined;
reduce?: boolean | undefined;
reduceRight?: boolean | undefined;
find?: boolean | undefined;
findIndex?: boolean | undefined;
fill?: boolean | undefined;
copyWithin?: boolean | undefined;
entries?: boolean | undefined;
keys?: boolean | undefined;
values?: boolean | undefined;
includes?: boolean | undefined;
flatMap?: boolean | undefined;
flat?: boolean | undefined;
at?: boolean | undefined;
findLast?: boolean | undefined;
findLastIndex?: boolean | undefined;
toReversed?: boolean | undefined;
toSorted?: boolean | undefined;
toSpliced?: boolean | undefined;
with?: boolean | undefined;
[Symbol.iterator]?: boolean | undefined;
readonly [Symbol.unscopables]?: boolean | undefined;
} | undefined;
readonly length?: number | undefined;
readonly pop?: string | undefined;
readonly push?: number | undefined;
readonly concat?: string[] | undefined;
readonly join?: string | undefined;
readonly reverse?: string[] | undefined;
readonly shift?: string | undefined;
readonly slice?: string[] | undefined;
readonly sort?: string[] | undefined;
readonly splice?: {
(start: number, deleteCount?: number): string[];
(start: number, deleteCount: number, ...items: string[]): string[];
} | undefined;
readonly unshift?: number | undefined;
readonly indexOf?: ((searchElement: string, fromIndex?: number) => number) | undefined;
readonly lastIndexOf?: ((searchElement: string, fromIndex?: number) => number) | undefined;
readonly every?: {
<S extends string>(predicate: (value: string, index: number, array: string[]) => value is S, thisArg?: any): this is S[];
(predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): boolean;
} | undefined;
readonly some?: ((predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any) => boolean) | undefined;
readonly forEach?: ((callbackfn: (value: string, index: number, array: string[]) => void, thisArg?: any) => void) | undefined;
readonly map?: (<U>(callbackfn: (value: string, index: number, array: string[]) => U, thisArg?: any) => U[]) | undefined;
readonly filter?: {
<S extends string>(predicate: (value: string, index: number, array: string[]) => value is S, thisArg?: any): S[];
(predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): string[];
} | undefined;
readonly reduce?: {
(callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string): string;
(callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string, initialValue: string): string;
<U>(callbackfn: (previousValue: U, currentValue: string, currentIndex: number, array: string[]) => U, initialValue: U): U;
} | undefined;
readonly reduceRight?: {
(callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string): string;
(callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string, initialValue: string): string;
<U>(callbackfn: (previousValue: U, currentValue: string, currentIndex: number, array: string[]) => U, initialValue: U): U;
} | undefined;
readonly find?: {
<S extends string>(predicate: (value: string, index: number, obj: string[]) => value is S, thisArg?: any): S | undefined;
(predicate: (value: string, index: number, obj: string[]) => unknown, thisArg?: any): string | undefined;
} | undefined;
readonly findIndex?: ((predicate: (value: string, index: number, obj: string[]) => unknown, thisArg?: any) => number) | undefined;
readonly fill?: ((value: string, start?: number, end?: number) => string[]) | undefined;
readonly copyWithin?: ((target: number, start: number, end?: number) => string[]) | undefined;
readonly entries?: ArrayIterator<[number, string]> | undefined;
readonly keys?: ArrayIterator<number> | undefined;
readonly values?: ArrayIterator<string> | undefined;
readonly includes?: ((searchElement: string, fromIndex?: number) => boolean) | undefined;
readonly flatMap?: (<U, This = undefined>(callback: (this: This, value: string, index: number, array: string[]) => U | readonly U[], thisArg?: This | undefined) => U[]) | undefined;
readonly flat?: unknown[] | undefined;
readonly at?: ((index: number) => string | undefined) | undefined;
readonly findLast?: {
<S extends string>(predicate: (value: string, index: number, array: string[]) => value is S, thisArg?: any): S | undefined;
(predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): string | undefined;
} | undefined;
readonly findLastIndex?: ((predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any) => number) | undefined;
readonly toReversed?: string[] | undefined;
readonly toSorted?: string[] | undefined;
readonly toSpliced?: {
(start: number, deleteCount: number, ...items: string[]): string[];
(start: number, deleteCount?: number): string[];
} | undefined;
readonly with?: ((index: number, value: string) => string[]) | undefined;
readonly toString?: string | undefined;
readonly toLocaleString?: string | undefined;
onFocus?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onOpen?: ((...args: any[]) => any) | undefined;
onClosed?: ((...args: any[]) => any) | undefined;
"onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
"onUpdate:model-timezone-value"?: ((...args: any[]) => any) | undefined;
"onText-submit"?: ((...args: any[]) => any) | undefined;
onCleared?: ((...args: any[]) => any) | undefined;
"onInternal-model-change"?: ((...args: any[]) => any) | undefined;
"onRecalculate-position"?: ((...args: any[]) => any) | undefined;
"onFlow-step"?: ((...args: any[]) => any) | undefined;
"onUpdate-month-year"?: ((...args: any[]) => any) | undefined;
"onInvalid-select"?: ((...args: any[]) => any) | undefined;
"onTooltip-open"?: ((...args: any[]) => any) | undefined;
"onTooltip-close"?: ((...args: any[]) => any) | undefined;
"onInvalid-fixed-range"?: ((...args: any[]) => any) | undefined;
"onTime-picker-open"?: ((...args: any[]) => any) | undefined;
"onTime-picker-close"?: ((...args: any[]) => any) | undefined;
"onAm-pm-change"?: ((...args: any[]) => any) | undefined;
"onRange-start"?: ((...args: any[]) => any) | undefined;
"onRange-end"?: ((...args: any[]) => any) | undefined;
"onDate-update"?: ((...args: any[]) => any) | undefined;
"onInvalid-date"?: ((...args: any[]) => any) | undefined;
"onOverlay-toggle"?: ((...args: any[]) => any) | undefined;
"onText-input"?: ((...args: any[]) => any) | undefined;
} | {
readonly required?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly name?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
readonly filters?: import('vue').Prop<{
months?: number[];
years?: number[];
times?: {
hours?: number[];
minutes?: number[];
seconds?: number[];
};
} | undefined, {
months?: number[];
years?: number[];
times?: {
hours?: number[];
minutes?: number[];
seconds?: number[];
};
} | undefined> | null | undefined;
readonly highlight?: import('vue').Prop<((date: Date[], disabled?: boolean) => boolean) | ((month: {
month: number;
year: number;
}) => boolean) | ((year: number) => boolean) | ((quarter: {
quarter: number;
year: number;
}) => boolean) | Partial<import('@vuepic/vue-datepicker').Highlight> | undefined, ((date: Date[], disabled?: boolean) => boolean) | ((month: {
month: number;
year: number;
}) => boolean) | ((year: number) => boolean) | ((quarter: {
quarter: number;
year: number;
}) => boolean) | Partial<import('@vuepic/vue-datepicker').Highlight> | undefined> | null | undefined;
readonly inline?: import('vue').Prop<boolean | {
input?: boolean;
} | undefined, boolean | {
input?: boolean;
} | undefined> | null | undefined;
readonly dark?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly disabled?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly placeholder?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
readonly modelValue?: import('vue').Prop<import('@vuepic/vue-datepicker').ModelValue | undefined, import('@vuepic/vue-datepicker').ModelValue | undefined> | null | undefined;
readonly range?: import('vue').Prop<boolean | import('@vuepic/vue-datepicker').RangeConfig | undefined, boolean | import('@vuepic/vue-datepicker').RangeConfig | undefined> | null | undefined;
readonly loading?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly uid?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
readonly vertical?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly flow?: import('vue').Prop<("time" | "month" | "calendar" | "year" | "minutes" | "hours" | "seconds")[] | undefined, ("time" | "month" | "calendar" | "year" | "minutes" | "hours" | "seconds")[] | undefined> | null | undefined;
readonly config?: import('vue').Prop<import('@vuepic/vue-datepicker').GeneralConfig | undefined, import('@vuepic/vue-datepicker').GeneralConfig | undefined> | null | undefined;
readonly locale?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
readonly format?: import('vue').Prop<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined, string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined> | null | undefined;
readonly calendar?: import('vue').Prop<((weeks: import('@vuepic/vue-datepicker').CalendarWeek[]) => import('@vuepic/vue-datepicker').CalendarWeek[]) | undefined, ((weeks: import('@vuepic/vue-datepicker').CalendarWeek[]) => import('@vuepic/vue-datepicker').CalendarWeek[]) | undefined> | null | undefined;
readonly timezone?: import('vue').Prop<string | {
timezone?: string;
exactMatch?: boolean;
dateInTz?: string;
emitTimezone?: string;
convertModel?: boolean;
} | undefined, string | {
timezone?: string;
exactMatch?: boolean;
dateInTz?: string;
emitTimezone?: string;
convertModel?: boolean;
} | undefined> | null | undefined;
readonly clearable?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly state?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly textInput?: import('vue').Prop<boolean | {
enterSubmit?: boolean;
tabSubmit?: boolean;
openMenu?: "open" | "toggle" | boolean;
rangeSeparator?: string;
selectOnFocus?: boolean;
format?: string | string[] | ((value: string) => Date | null);
escClose?: boolean;
} | undefined, boolean | {
enterSubmit?: boolean;
tabSubmit?: boolean;
openMenu?: "open" | "toggle" | boolean;
rangeSeparator?: string;
selectOnFocus?: boolean;
format?: string | string[] | ((value: string) => Date | null);
escClose?: boolean;
} | undefined> | null | undefined;
readonly is24?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly enableTimePicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly multiCalendars?: import('vue').Prop<import('@vuepic/vue-datepicker').DpOptionEnabled | Partial<{
static: boolean;
solo: boolean;
count: number | string;
}> | undefined, import('@vuepic/vue-datepicker').DpOptionEnabled | Partial<{
static: boolean;
solo: boolean;
count: number | string;
}> | undefined> | null | undefined;
readonly position?: import('vue').Prop<"center" | "right" | "left" | undefined, "center" | "right" | "left" | undefined> | null | undefined;
readonly weekNumbers?: import('vue').Prop<import('@vuepic/vue-datepicker').WeekNumberType | {
type: import('@vuepic/vue-datepicker').WeekNumberType;
hideOnOffsetDates?: boolean;
} | undefined, import('@vuepic/vue-datepicker').WeekNumberType | {
type: import('@vuepic/vue-datepicker').WeekNumberType;
hideOnOffsetDates?: boolean;
} | undefined> | null | undefined;
readonly hoursIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
readonly hoursGridIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
readonly secondsGridIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
readonly minutesGridIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
readonly minutesIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
readonly secondsIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
readonly minDate?: import('vue').Prop<string | Date | undefined, string | Date | undefined> | null | undefined;
readonly maxDate?: import('vue').Prop<string | Date | undefined, string | Date | undefined> | null | undefined;
readonly minTime?: import('vue').Prop<import('@vuepic/vue-datepicker').PartialTimeObj | undefined, import('@vuepic/vue-datepicker').PartialTimeObj | undefined> | null | undefined;
readonly maxTime?: import('vue').Prop<import('@vuepic/vue-datepicker').PartialTimeObj | undefined, import('@vuepic/vue-datepicker').PartialTimeObj | undefined> | null | undefined;
readonly weekStart?: import('vue').Prop<0 | 3 | 4 | 1 | 2 | 6 | "0" | "1" | "2" | 5 | "3" | "4" | "5" | "6" | undefined, 0 | 3 | 4 | 1 | 2 | 6 | "0" | "1" | "2" | 5 | "3" | "4" | "5" | "6" | undefined> | null | undefined;
readonly readonly?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly previewFormat?: import('vue').Prop<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined, string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined> | null | undefined;
readonly hideInputIcon?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly alwaysClearable?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly autoApply?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly disableMonthYearSelect?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly yearRange?: import('vue').Prop<number[] | undefined, number[] | undefined> | null | undefined;
readonly disabledDates?: import('vue').Prop<string[] | Date[] | ((date: Date) => boolean) | undefined, string[] | Date[] | ((date: Date) => boolean) | undefined> | null | undefined;
readonly selectText?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
readonly cancelText?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
readonly weekNumName?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
readonly autoPosition?: import('vue').Prop<boolean | "bottom" | "top" | undefined, boolean | "bottom" | "top" | undefined> | null | undefined;
readonly monthPicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly timePicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly monthNameFormat?: import('vue').Prop<"long" | "short" | undefined, "long" | "short" | undefined> | null | undefined;
readonly startDate?: import('vue').Prop<string | Date | undefined, string | Date | undefined> | null | undefined;
readonly startTime?: import('vue').Prop<import('@vuepic/vue-datepicker').PartialTimeObj | import('@vuepic/vue-datepicker').PartialTimeObj[] | undefined, import('@vuepic/vue-datepicker').PartialTimeObj | import('@vuepic/vue-datepicker').PartialTimeObj[] | undefined> | null | undefined;
readonly hideOffsetDates?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly noToday?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly noHoursOverlay?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly noMinutesOverlay?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly noSecondsOverlay?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly altPosition?: import('vue').Prop<((el: HTMLElement | undefined) => Record<string, string | number>) | undefined, ((el: HTMLElement | undefined) => Record<string, string | number>) | undefined> | null | undefined;
readonly disabledWeekDays?: import('vue').Prop<number[] | string[] | undefined, number[] | string[] | undefined> | null | undefined;
readonly allowedDates?: import('vue').Prop<string[] | Date[] | undefined, string[] | Date[] | undefined> | null | undefined;
readonly nowButtonLabel?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
readonly monthChangeOnScroll?: import('vue').Prop<boolean | "inverse" | undefined, boolean | "inverse" | undefined> | null | undefined;
readonly markers?: import('vue').Prop<import('@vuepic/vue-datepicker').DatePickerMarker[] | undefined, import('@vuepic/vue-datepicker').DatePickerMarker[] | undefined> | null | undefined;
readonly transitions?: import('vue').Prop<boolean | {
menuAppearTop?: string;
menuAppearBottom?: string;
open?: string;
close?: string;
next?: string;
previous?: string;
vNext?: string;
vPrevious?: string;
} | undefined, boolean | {
menuAppearTop?: string;
menuAppearBottom?: string;
open?: string;
close?: string;
next?: string;
previous?: string;
vNext?: string;
vPrevious?: string;
} | undefined> | null | undefined;
readonly enableSeconds?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly escClose?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly spaceConfirm?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly monthChangeOnArrows?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly formatLocale?: import('vue').Prop<import('date-fns').Locale | undefined, import('date-fns').Locale | undefined> | null | undefined;
readonly autocomplete?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
readonly multiDates?: import('vue').Prop<boolean | {
limit?: number | string;
dragSelect?: boolean;
} | undefined, boolean | {
limit?: number | string;
dragSelect?: boolean;
} | undefined> | null | undefined;
readonly presetDates?: import('vue').Prop<{
label: string;
value: import('vue').MaybeRefOrGetter<Date[] | string[] | string | Date>;
style?: Record<string, string>;
slot?: string;
noTz?: boolean;
testId?: string;
}[] | undefined, {
label: string;
value: import('vue').MaybeRefOrGetter<Date[] | string[] | string | Date>;
style?: Record<string, string>;
slot?: string;
noTz?: boolean;
testId?: string;
}[] | undefined> | null | undefined;
readonly partialFlow?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly preventMinMaxNavigation?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly utc?: import('vue').Prop<boolean | "preserve" | undefined, boolean | "preserve" | undefined> | null | undefined;
readonly reverseYears?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly weekPicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly ariaLabels?: import('vue').Prop<{
toggleOverlay?: string;
menu?: string;
input?: string;
calendarWrap?: string;
calendarDays?: string;
openTimePicker?: string;
closeTimePicker?: string;
incrementValue?: (type: import('@vuepic/vue-datepicker').TimeType) => string;
decrementValue?: (type: import('@vuepic/vue-datepicker').TimeType) => string;
openTpOverlay?: (type: import('@vuepic/vue-datepicker').TimeType) => string;
amPmButton?: string;
openYearsOverlay?: string;
openMonthsOverlay?: string;
nextMonth?: string;
prevMonth?: string;
nextYear?: string;
prevYear?: string;
day?: ({ value }: {
value: Date;
}) => string;
weekDay?: (day: number) => string;
clearInput?: string;
calendarIcon?: string;
timePicker?: string;
monthPicker?: (overlay: boolean) => string;
yearPicker?: (overlay: boolean) => string;
timeOverlay?: (type: import('@vuepic/vue-datepicker').TimeType) => string;
} | undefined, {
toggleOverlay?: string;
menu?: string;
input?: string;
calendarWrap?: string;
calendarDays?: string;
openTimePicker?: string;
closeTimePicker?: string;
incrementValue?: (type: import('@vuepic/vue-datepicker').TimeType) => string;
decrementValue?: (type: import('@vuepic/vue-datepicker').TimeType) => string;
openTpOverlay?: (type: import('@vuepic/vue-datepicker').TimeType) => string;
amPmButton?: string;
openYearsOverlay?: string;
openMonthsOverlay?: string;
nextMonth?: string;
prevMonth?: string;
nextYear?: string;
prevYear?: string;
day?: ({ value }: {
value: Date;
}) => string;
weekDay?: (day: number) => string;
clearInput?: string;
calendarIcon?: string;
timePicker?: string;
monthPicker?: (overlay: boolean) => string;
yearPicker?: (overlay: boolean) => string;
timeOverlay?: (type: import('@vuepic/vue-datepicker').TimeType) => string;
} | undefined> | null | undefined;
readonly arrowNavigation?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly yearPicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly dayNames?: import('vue').Prop<string[] | ((lang: string, weekStart: number) => string[]) | undefined, string[] | ((lang: string, weekStart: number) => string[]) | undefined> | null | undefined;
readonly modelType?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
readonly modelAuto?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly offset?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
readonly teleportCenter?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly teleport?: import('vue').Prop<string | boolean | HTMLElement | undefined, string | boolean | HTMLElement | undefined> | null | undefined;
readonly ignoreTimeValidation?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly dayClass?: import('vue').Prop<((date: Date, internalModelValue: import('@vuepic/vue-datepicker').InternalTime) => string) | undefined, ((date: Date, internalModelValue: import('@vuepic/vue-datepicker').InternalTime) => string) | undefined> | null | undefined;
readonly hideNavigation?: import('vue').Prop<("time" | "month" | "calendar" | "year" | "minutes" | "hours" | "seconds")[] | undefined, ("time" | "month" | "calendar" | "year" | "minutes" | "hours" | "seconds")[] | undefined> | null | undefined;
readonly sixWeeks?: import('vue').Prop<boolean | "center" | "append" | "prepend" | "fair" | undefined, boolean | "center" | "append" | "prepend" | "fair" | undefined> | null | undefined;
readonly disableYearSelect?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly focusStartDate?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly disabledTimes?: import('vue').Prop<((time: import('@vuepic/vue-datepicker').TimeObj | (import('@vuepic/vue-datepicker').TimeObj | undefined)[]) => boolean) | import('@vuepic/vue-datepicker').DisabledTime[] | [import('@vuepic/vue-datepicker').DisabledTime[], import('@vuepic/vue-datepicker').DisabledTime[]] | undefined, ((time: import('@vuepic/vue-datepicker').TimeObj | (import('@vuepic/vue-datepicker').TimeObj | undefined)[]) => boolean) | import('@vuepic/vue-datepicker').DisabledTime[] | [import('@vuepic/vue-datepicker').DisabledTime[], import('@vuepic/vue-datepicker').DisabledTime[]] | undefined> | null | undefined;
readonly timePickerInline?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly quarterPicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly yearFirst?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly onInternalModelChange?: import('vue').Prop<((...args: any[]) => void) | undefined, ((...args: any[]) => void) | undefined> | null | undefined;
readonly enableMinutes?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly ui?: import('vue').Prop<Partial<import('@vuepic/vue-datepicker').UIOptions> | undefined, Partial<import('@vuepic/vue-datepicker').UIOptions> | undefined> | null | undefined;
onFocus?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onOpen?: ((...args: any[]) => any) | undefined;
onClosed?: ((...args: any[]) => any) | undefined;
"onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
"onUpdate:model-timezone-value"?: ((...args: any[]) => any) | undefined;
"onText-submit"?: ((...args: any[]) => any) | undefined;
onCleared?: ((...args: any[]) => any) | undefined;
"onInternal-model-change"?: ((...args: any[]) => any) | undefined;
"onRecalculate-position"?: ((...args: any[]) => any) | undefined;
"onFlow-step"?: ((...args: any[]) => any) | undefined;
"onUpdate-month-year"?: ((...args: any[]) => any) | undefined;
"onInvalid-select"?: ((...args: any[]) => any) | undefined;
"onTooltip-open"?: ((...args: any[]) => any) | undefined;
"onTooltip-close"?: ((...args: any[]) => any) | undefined;
"onInvalid-fixed-range"?: ((...args: any[]) => any) | undefined;
"onTime-picker-open"?: ((...args: any[]) => any) | undefined;
"onTime-picker-close"?: ((...args: any[]) => any) | undefined;
"onAm-pm-change"?: ((...args: any[]) => any) | undefined;
"onRange-start"?: ((...args: any[]) => any) | undefined;
"onRange-end"?: ((...args: any[]) => any) | undefined;
"onDate-update"?: ((...args: any[]) => any) | undefined;
"onInvalid-date"?: ((...args: any[]) => any) | undefined;
"onOverlay-toggle"?: ((...args: any[]) => any) | undefined;
"onText-input"?: ((...args: any[]) => any) | undefined;
}) & import('@vuepic/vue-datepicker').VueDatePickerProps, never>;
$attrs: import('vue').Attrs;
$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: import('@vuepic/vue-datepicker').EmitEvents, ...args: any[]) => void;
$el: any;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<string[]> | import('vue').ExtractPropTypes<import('vue').ComponentObjectPropsOptions<import('@vuepic/vue-datepicker').VueDatePickerProps>>> & {
onFocus?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onOpen?: ((...args: any[]) => any) | undefined;
onClosed?: ((...args: any[]) => any) | undefined;
"onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
"onUpdate:model-timezone-value"?: ((...args: any[]) => any) | undefined;
"onText-submit"?: ((...args: any[]) => any) | undefined;
onCleared?: ((...args: any[]) => any) | undefined;
"onInternal-model-change"?: ((...args: any[]) => any) | undefined;
"onRecalculate-position"?: ((...args: any[]) => any) | undefined;
"onFlow-step"?: ((...args: any[]) => any) | undefined;
"onUpdate-month-year"?: ((...args: any[]) => any) | undefined;
"onInvalid-select"?: ((...args: any[]) => any) | undefined;
"onTooltip-open"?: ((...args: any[]) => any) | undefined;
"onTooltip-close"?: ((...args: any[]) => any) | undefined;
"onInvalid-fixed-range"?: ((...args: any[]) => any) | undefined;
"onTime-picker-open"?: ((...args: any[]) => any) | undefined;
"onTime-picker-close"?: ((...args: any[]) => any) | undefined;
"onAm-pm-change"?: ((...args: any[]) => any) | undefined;
"onRange-start"?: ((...args: any[]) => any) | undefined;
"onRange-end"?: ((...args: any[]) => any) | undefined;
"onDate-update"?: ((...args: any[]) => any) | undefined;
"onInvalid-date"?: ((...args: any[]) => any) | undefined;
"onOverlay-toggle"?: ((...args: any[]) => any) | undefined;
"onText-input"?: ((...args: any[]) => any) | undefined;
}, {}, {}, import('vue').ComputedOptions, import('@vuepic/vue-datepicker').PublicMethods, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, import('@vuepic/vue-datepicker').EmitEvents[], string, {
[x: number]: 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<{
[x: number]: string;
}> & Omit<{} & (Readonly<import('vue').ExtractPropTypes<string[]> | import('vue').ExtractPropTypes<import('vue').ComponentObjectPropsOptions<import('@vuepic/vue-datepicker').VueDatePickerProps>>> & {
onFocus?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onOpen?: ((...args: any[]) => any) | undefined;
onClosed?: ((...args: any[]) => any) | undefined;
"onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
"onUpdate:model-timezone-value"?: ((...args: any[]) => any) | undefined;
"onText-submit"?: ((...args: any[]) => any) | undefined;
onCleared?: ((...args: any[]) => any) | undefined;
"onInternal-model-change"?: ((...args: any[]) => any) | undefined;
"onRecalculate-position"?: ((...args: any[]) => any) | undefined;
"onFlow-step"?: ((...args: any[]) => any) | undefined;
"onUpdate-month-year"?: ((...args: any[]) => any) | undefined;
"onInvalid-select"?: ((...args: any[]) => any) | undefined;
"onTooltip-open"?: ((...args: any[]) => any) | undefined;
"onTooltip-close"?: ((...args: any[]) => any) | undefined;
"onInvalid-fixed-range"?: ((...args: any[]) => any) | undefined;
"onTime-picker-open"?: ((...args: any[]) => any) | undefined;
"onTime-picker-close"?: ((...args: any[]) => any) | undefined;
"onAm-pm-change"?: ((...args: any[]) => any) | undefined;
"onRange-start"?: ((...args: any[]) => any) | undefined;
"onRange-end"?: ((...args: any[]) => any) | undefined;
"onDate-update"?: ((...args: any[]) => any) | undefined;
"onInvalid-date"?: ((...args: any[]) => any) | undefined;
"onOverlay-toggle"?: ((...args: any[]) => any) | undefined;
"onText-input"?: ((...args: any[]) => any) | undefined;
}), never> & {
[x: string]: never;
} & import('@vuepic/vue-datepicker').PublicMethods & import('vue').ComponentCustomProperties & {} & {
$slots: Readonly<import('@vuepic/vue-datepicker').Slots> & import('@vuepic/vue-datepicker').Slots;
}) | ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
[x: number]: string;
} | {}> & Omit<({
readonly [x: number]: string;
readonly [Symbol.iterator]?: ArrayIterator<string> | undefined;
readonly [Symbol.unscopables]?: {
[x: number]: boolean | undefined;
length?: boolean | undefined;
toString?: boolean | undefined;
toLocaleString?: boolean | undefined;
pop?: boolean | undefined;
push?: boolean | undefined;
concat?: boolean | undefined;
join?: boolean | undefined;
reverse?: boolean | undefined;
shift?: boolean | undefined;
slice?: boolean | undefined;
sort?: boolean | undefined;
splice?: boolean | undefined;
unshift?: boolean | undefined;
indexOf?: boolean | undefined;
lastIndexOf?: boolean | undefined;
every?: boolean | undefined;
some?: boolean | undefined;
forEach?: boolean | undefined;
map?: boolean | undefined;
filter?: boolean | undefined;
reduce?: boolean | undefined;
reduceRight?: boolean | undefined;
find?: boolean | undefined;
findIndex?: boolean | undefined;
fill?: boolean | undefined;
copyWithin?: boolean | undefined;
entries?: boolean | undefined;
keys?: boolean | undefined;
values?: boolean | undefined;
includes?: boolean | undefined;
flatMap?: boolean | undefined;
flat?: boolean | undefined;
at?: boolean | undefined;
findLast?: boolean | undefined;
findLastIndex?: boolean | undefined;
toReversed?: boolean | undefined;
toSorted?: boolean | undefined;
toSpliced?: boolean | undefined;
with?: boolean | undefined;
[Symbol.iterator]?: boolean | undefined;
readonly [Symbol.unscopables]?: boolean | undefined;
} | undefined;
readonly length?: number | undefined;
readonly pop?: string | undefined;
readonly push?: number | undefined;
readonly concat?: string[] | undefined;
readonly join?: string | undefined;
readonly reverse?: string[] | undefined;
readonly shift?: string | undefined;
readonly slice?: string[] | undefined;
readonly sort?: string[] | undefined;
readonly splice?: {
(start: number, deleteCount?: number): string[];
(start: number, deleteCount: number, ...items: string[]): string[];
} | undefined;
readonly unshift?: number | undefined;
readonly indexOf?: ((searchElement: string, fromIndex?: number) => number) | undefined;
readonly lastIndexOf?: ((searchElement: string, fromIndex?: number) => number) | undefined;
readonly every?: {
<S extends string>(predicate: (value: string, index: number, array: string[]) => value is S, thisArg?: any): this is S[];
(predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): boolean;
} | undefined;
readonly some?: ((predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any) => boolean) | undefined;
readonly forEach?: ((callbackfn: (value: string, index: number, array: string[]) => void, thisArg?: any) => void) | undefined;
readonly map?: (<U>(callbackfn: (value: string, index: number, array: string[]) => U, thisArg?: any) => U[]) | undefined;
readonly filter?: {
<S extends string>(predicate: (value: string, index: number, array: string[]) => value is S, thisArg?: any): S[];
(predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): string[];
} | undefined;
readonly reduce?: {
(callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string): string;
(callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string, initialValue: string): string;
<U>(callbackfn: (previousValue: U, currentValue: string, currentIndex: number, array: string[]) => U, initialValue: U): U;
} | undefined;
readonly reduceRight?: {
(callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string): string;
(callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string, initialValue: string): string;
<U>(callbackfn: (previousValue: U, currentValue: string, currentIndex: number, array: string[]) => U, initialValue: U): U;
} | undefined;
readonly find?: {
<S extends string>(predicate: (value: string, index: number, obj: string[]) => value is S, thisArg?: any): S | undefined;
(predicate: (value: string, index: number, obj: string[]) => unknown, thisArg?: any): string | undefined;
} | undefined;
readonly findIndex?: ((predicate: (value: string, index: number, obj: string[]) => unknown, thisArg?: any) => number) | undefined;
readonly fill?: ((value: string, start?: number, end?: number) => string[]) | undefined;
readonly copyWithin?: ((target: number, start: number, end?: number) => string[]) | undefined;
readonly entries?: ArrayIterator<[number, string]> | undefined;
readonly keys?: ArrayIterator<number> | undefined;
readonly values?: ArrayIterator<string> | undefined;
readonly includes?: ((searchElement: string, fromIndex?: number) => boolean) | undefined;
readonly flatMap?: (<U, This = undefined>(callback: (this: This, value: string, index: number, array: string[]) => U | readonly U[], thisArg?: This | undefined) => U[]) | undefined;
readonly flat?: unknown[] | undefined;
readonly at?: ((index: number) => string | undefined) | undefined;
readonly findLast?: {
<S extends string>(predicate: (value: string, index: number, array: string[]) => value is S, thisArg?: any): S | undefined;
(predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): string | undefined;
} | undefined;
readonly findLastIndex?: ((predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any) => number) | undefined;
readonly toReversed?: string[] | undefined;
readonly toSorted?: string[] | undefined;
readonly toSpliced?: {
(start: number, deleteCount: number, ...items: string[]): string[];
(start: number, deleteCount?: number): string[];
} | undefined;
readonly with?: ((index: number, value: string) => string[]) | undefined;
readonly toString?: string | undefined;
readonly toLocaleString?: string | undefined;
onFocus?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onOpen?: ((...args: any[]) => any) | undefined;
onClosed?: ((...args: any[]) => any) | undefined;
"onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
"onUpdate:model-timezone-value"?: ((...args: any[]) => any) | undefined;
"onText-submit"?: ((...args: any[]) => any) | undefined;
onCleared?: ((...args: any[]) => any) | undefined;
"onInternal-model-change"?: ((...args: any[]) => any) | undefined;
"onRecalculate-position"?: ((...args: any[]) => any) | undefined;
"onFlow-step"?: ((...args: any[]) => any) | undefined;
"onUpdate-month-year"?: ((...args: any[]) => any) | undefined;
"onInvalid-select"?: ((...args: any[]) => any) | undefined;
"onTooltip-open"?: ((...args: any[]) => any) | undefined;
"onTooltip-close"?: ((...args: any[]) => any) | undefined;
"onInvalid-fixed-range"?: ((...args: any[]) => any) | undefined;
"onTime-picker-open"?: ((...args: any[]) => any) | undefined;
"onTime-picker-close"?: ((...args: any[]) => any) | undefined;
"onAm-pm-change"?: ((...args: any[]) => any) | undefined;
"onRange-start"?: ((...args: any[]) => any) | undefined;
"onRange-end"?: ((...args: any[]) => any) | undefined;
"onDate-update"?: ((...args: any[]) => any) | undefined;
"onInvalid-date"?: ((...args: any[]) => any) | undefined;
"onOverlay-toggle"?: ((...args: any[]) => any) | undefined;
"onText-input"?: ((...args: any[]) => any) | undefined;
} | {
readonly required?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly name?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
readonly filters?: import('vue').Prop<{
months?: number[];
years?: number[];
times?: {
hours?: number[];
minutes?: number[];
seconds?: number[];
};
} | undefined, {
months?: number[];
years?: number[];
times?: {
hours?: number[];
minutes?: number[];
seconds?: number[];
};
} | undefined> | null | undefined;
readonly highlight?: import('vue').Prop<((date: Date[], disabled?: boolean) => boolean) | ((month: {
month: number;
year: number;
}) => boolean) | ((year: number) => boolean) | ((quarter: {
quarter: number;
year: number;
}) => boolean) | Partial<import('@vuepic/vue-datepicker').Highlight> | undefined, ((date: Date[], disabled?: boolean) => boolean) | ((month: {
month: number;
year: number;
}) => boolean) | ((year: number) => boolean) | ((quarter: {
quarter: number;
year: number;
}) => boolean) | Partial<import('@vuepic/vue-datepicker').Highlight> | undefined> | null | undefined;
readonly inline?: import('vue').Prop<boolean | {
input?: boolean;
} | undefined, boolean | {
input?: boolean;
} | undefined> | null | undefined;
readonly dark?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly disabled?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly placeholder?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
readonly modelValue?: import('vue').Prop<import('@vuepic/vue-datepicker').ModelValue | undefined, import('@vuepic/vue-datepicker').ModelValue | undefined> | null | undefined;
readonly range?: import('vue').Prop<boolean | import('@vuepic/vue-datepicker').RangeConfig | undefined, boolean | import('@vuepic/vue-datepicker').RangeConfig | undefined> | null | undefined;
readonly loading?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly uid?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
readonly vertical?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly flow?: import('vue').Prop<("time" | "month" | "calendar" | "year" | "minutes" | "hours" | "seconds")[] | undefined, ("time" | "month" | "calendar" | "year" | "minutes" | "hours" | "seconds")[] | undefined> | null | undefined;
readonly config?: import('vue').Prop<import('@vuepic/vue-datepicker').GeneralConfig | undefined, import('@vuepic/vue-datepicker').GeneralConfig | undefined> | null | undefined;
readonly locale?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
readonly format?: import('vue').Prop<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined, string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined> | null | undefined;
readonly calendar?: import('vue').Prop<((weeks: import('@vuepic/vue-datepicker').CalendarWeek[]) => import('@vuepic/vue-datepicker').CalendarWeek[]) | undefined, ((weeks: import('@vuepic/vue-datepicker').CalendarWeek[]) => import('@vuepic/vue-datepicker').CalendarWeek[]) | undefined> | null | undefined;
readonly timezone?: import('vue').Prop<string | {
timezone?: string;
exactMatch?: boolean;
dateInTz?: string;
emitTimezone?: string;
convertModel?: boolean;
} | undefined, string | {
timezone?: string;
exactMatch?: boolean;
dateInTz?: string;
emitTimezone?: string;
convertModel?: boolean;
} | undefined> | null | undefined;
readonly clearable?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly state?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly textInput?: import('vue').Prop<boolean | {
enterSubmit?: boolean;
tabSubmit?: boolean;
openMenu?: "open" | "toggle" | boolean;
rangeSeparator?: string;
selectOnFocus?: boolean;
format?: string | string[] | ((value: string) => Date | null);
escClose?: boolean;
} | undefined, boolean | {
enterSubmit?: boolean;
tabSubmit?: boolean;
openMenu?: "open" | "toggle" | boolean;
rangeSeparator?: string;
selectOnFocus?: boolean;
format?: string | string[] | ((value: string) => Date | null);
escClose?: boolean;
} | undefined> | null | undefined;
readonly is24?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly enableTimePicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly multiCalendars?: import('vue').Prop<import('@vuepic/vue-datepicker').DpOptionEnabled | Partial<{
static: boolean;
solo: boolean;
count: number | string;
}> | undefined, import('@vuepic/vue-datepicker').DpOptionEnabled | Partial<{
static: boolean;
solo: boolean;
count: number | string;
}> | undefined> | null | undefined;
readonly position?: import('vue').Prop<"center" | "right" | "left" | undefined, "center" | "right" | "left" | undefined> | null | undefined;
readonly weekNumbers?: import('vue').Prop<import('@vuepic/vue-datepicker').WeekNumberType | {
type: import('@vuepic/vue-datepicker').WeekNumberType;
hideOnOffsetDates?: boolean;
} | undefined, import('@vuepic/vue-datepicker').WeekNumberType | {
type: import('@vuepic/vue-datepicker').WeekNumberType;
hideOnOffsetDates?: boolean;
} | undefined> | null | undefined;
readonly hoursIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
readonly hoursGridIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
readonly secondsGridIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
readonly minutesGridIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
readonly minutesIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
readonly secondsIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
readonly minDate?: import('vue').Prop<string | Date | undefined, string | Date | undefined> | null | undefined;
readonly maxDate?: import('vue').Prop<string | Date | undefined, string | Date | undefined> | null | undefined;
readonly minTime?: import('vue').Prop<import('@vuepic/vue-datepicker').PartialTimeObj | undefined, import('@vuepic/vue-datepicker').PartialTimeObj | undefined> | null | undefined;
readonly maxTime?: import('vue').Prop<import('@vuepic/vue-datepicker').PartialTimeObj | undefined, import('@vuepic/vue-datepicker').PartialTimeObj | undefined> | null | undefined;
readonly weekStart?: import('vue').Prop<0 | 3 | 4 | 1 | 2 | 6 | "0" | "1" | "2" | 5 | "3" | "4" | "5" | "6" | undefined, 0 | 3 | 4 | 1 | 2 | 6 | "0" | "1" | "2" | 5 | "3" | "4" | "5" | "6" | undefined> | null | undefined;
readonly readonly?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly previewFormat?: import('vue').Prop<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined, string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined> | null | undefined;
readonly hideInputIcon?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly alwaysClearable?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly autoApply?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly disableMonthYearSelect?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly yearRange?: import('vue').Prop<number[] | undefined, number[] | undefined> | null | undefined;
readonly disabledDates?: import('vue').Prop<string[] | Date[] | ((date: Date) => boolean) | undefined, string[] | Date[] | ((date: Date) => boolean) | undefined> | null | undefined;
readonly selectText?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
readonly cancelText?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
readonly weekNumName?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
readonly autoPosition?: import('vue').Prop<boolean | "bottom" | "top" | undefined, boolean | "bottom" | "top" | undefined> | null | undefined;
readonly monthPicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly timePicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly monthNameFormat?: import('vue').Prop<"long" | "short" | undefined, "long" | "short" | undefined> | null | undefined;
readonly startDate?: import('vue').Prop<string | Date | undefined, string | Date | undefined> | null | undefined;
readonly startTime?: import('vue').Prop<import('@vuepic/vue-datepicker').PartialTimeObj | import('@vuepic/vue-datepicker').PartialTimeObj[] | undefined, import('@vuepic/vue-datepicker').PartialTimeObj | import('@vuepic/vue-datepicker').PartialTimeObj[] | undefined> | null | undefined;
readonly hideOffsetDates?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly noToday?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly noHoursOverlay?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly noMinutesOverlay?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly noSecondsOverlay?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly altPosition?: import('vue').Prop<((el: HTMLElement | undefined) => Record<string, string | number>) | undefined, ((el: HTMLElement | undefined) => Record<string, string | number>) | undefined> | null | undefined;
readonly disabledWeekDays?: import('vue').Prop<number[] | string[] | undefined, number[] | string[] | undefined> | null | undefined;
readonly allowedDates?: import('vue').Prop<string[] | Date[] | undefined, string[] | Date[] | undefined> | null | undefined;
readonly nowButtonLabel?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
readonly monthChangeOnScroll?: import('vue').Prop<boolean | "inverse" | undefined, boolean | "inverse" | undefined> | null | undefined;
readonly markers?: import('vue').Prop<import('@vuepic/vue-datepicker').DatePickerMarker[] | undefined, import('@vuepic/vue-datepicker').DatePickerMarker[] | undefined> | null | undefined;
readonly transitions?: import('vue').Prop<boolean | {
menuAppearTop?: string;
menuAppearBottom?: string;
open?: string;
close?: string;
next?: string;
previous?: string;
vNext?: string;
vPrevious?: string;
} | undefined, boolean | {
menuAppearTop?: string;
menuAppearBottom?: string;
open?: string;
close?: string;
next?: string;
previous?: string;
vNext?: string;
vPrevious?: string;
} | undefined> | null | undefined;
readonly enableSeconds?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly escClose?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly spaceConfirm?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly monthChangeOnArrows?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly formatLocale?: import('vue').Prop<import('date-fns').Locale | undefined, import('date-fns').Locale | undefined> | null | undefined;
readonly autocomplete?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
readonly multiDates?: import('vue').Prop<boolean | {
limit?: number | string;
dragSelect?: boolean;
} | undefined, boolean | {
limit?: number | string;
dragSelect?: boolean;
} | undefined> | null | undefined;
readonly presetDates?: import('vue').Prop<{
label: string;
value: import('vue').MaybeRefOrGetter<Date[] | string[] | string | Date>;
style?: Record<string, string>;
slot?: string;
noTz?: boolean;
testId?: string;
}[] | undefined, {
label: string;
value: import('vue').MaybeRefOrGetter<Date[] | string[] | string | Date>;
style?: Record<string, string>;
slot?: string;
noTz?: boolean;
testId?: string;
}[] | undefined> | null | undefined;
readonly partialFlow?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly preventMinMaxNavigation?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly utc?: import('vue').Prop<boolean | "preserve" | undefined, boolean | "preserve" | undefined> | null | undefined;
readonly reverseYears?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly weekPicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly ariaLabels?: import('vue').Prop<{
toggleOverlay?: string;
menu?: string;
input?: string;
calendarWrap?: string;
calendarDays?: string;
openTimePicker?: string;
closeTimePicker?: string;
incrementValue?: (type: import('@vuepic/vue-datepicker').TimeType) => string;
decrementValue?: (type: import('@vuepic/vue-datepicker').TimeType) => string;
openTpOverlay?: (type: import('@vuepic/vue-datepicker').TimeType) => string;
amPmButton?: string;
openYearsOverlay?: string;
openMonthsOverlay?: string;
nextMonth?: string;
prevMonth?: string;
nextYear?: string;
prevYear?: string;
day?: ({ value }: {
value: Date;
}) => string;
weekDay?: (day: number) => string;
clearInput?: string;
calendarIcon?: string;
timePicker?: string;
monthPicker?: (overlay: boolean) => string;
yearPicker?: (overlay: boolean) => string;
timeOverlay?: (type: import('@vuepic/vue-datepicker').TimeType) => string;
} | undefined, {
toggleOverlay?: string;
menu?: string;
input?: string;
calendarWrap?: string;
calendarDays?: string;
openTimePicker?: string;
closeTimePicker?: string;
incrementValue?: (type: import('@vuepic/vue-datepicker').TimeType) => string;
decrementValue?: (type: import('@vuepic/vue-datepicker').TimeType) => string;
openTpOverlay?: (type: import('@vuepic/vue-datepicker').TimeType) => string;
amPmButton?: string;
openYearsOverlay?: string;
openMonthsOverlay?: string;
nextMonth?: string;
prevMonth?: string;
nextYear?: string;
prevYear?: string;
day?: ({ value }: {
value: Date;
}) => string;
weekDay?: (day: number) => string;
clearInput?: string;
calendarIcon?: string;
timePicker?: string;
monthPicker?: (overlay: boolean) => string;
yearPicker?: (overlay: boolean) => string;
timeOverlay?: (type: import('@vuepic/vue-datepicker').TimeType) => string;
} | undefined> | null | undefined;
readonly arrowNavigation?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly yearPicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly dayNames?: import('vue').Prop<string[] | ((lang: string, weekStart: number) => string[]) | undefined, string[] | ((lang: string, weekStart: number) => string[]) | undefined> | null | undefined;
readonly modelType?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
readonly modelAuto?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly offset?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
readonly teleportCenter?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly teleport?: import('vue').Prop<string | boolean | HTMLElement | undefined, string | boolean | HTMLElement | undefined> | null | undefined;
readonly ignoreTimeValidation?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly dayClass?: import('vue').Prop<((date: Date, internalModelValue: import('@vuepic/vue-datepicker').InternalTime) => string) | undefined, ((date: Date, internalModelValue: import('@vuepic/vue-datepicker').InternalTime) => string) | undefined> | null | undefined;
readonly hideNavigation?: import('vue').Prop<("time" | "month" | "calendar" | "year" | "minutes" | "hours" | "seconds")[] | undefined, ("time" | "month" | "calendar" | "year" | "minutes" | "hours" | "seconds")[] | undefined> | null | undefined;
readonly sixWeeks?: import('vue').Prop<boolean | "center" | "append" | "prepend" | "fair" | undefined, boolean | "center" | "append" | "prepend" | "fair" | undefined> | null | undefined;
readonly disableYearSelect?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly focusStartDate?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly disabledTimes?: import('vue').Prop<((time: import('@vuepic/vue-datepicker').TimeObj | (import('@vuepic/vue-datepicker').TimeObj | undefined)[]) => boolean) | import('@vuepic/vue-datepicker').DisabledTime[] | [import('@vuepic/vue-datepicker').DisabledTime[], import('@vuepic/vue-datepicker').DisabledTime[]] | undefined, ((time: import('@vuepic/vue-datepicker').TimeObj | (import('@vuepic/vue-datepicker').TimeObj | undefined)[]) => boolean) | import('@vuepic/vue-datepicker').DisabledTime[] | [import('@vuepic/vue-datepicker').DisabledTime[], import('@vuepic/vue-datepicker').DisabledTime[]] | undefined> | null | undefined;
readonly timePickerInline?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly quarterPicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly yearFirst?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly onInternalModelChange?: import('vue').Prop<((...args: any[]) => void) | undefined, ((...args: any[]) => void) | undefined> | null | undefined;
readonly enableMinutes?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
readonly ui?: import('vue').Prop<Partial<import('@vuepic/vue-datepicker').UIOptions> | undefined, Partial<import('@vuepic/vue-datepicker').UIOptions> | undefined> | null | undefined;
onFocus?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onOpen?: ((...args: any[]) => any) | undefined;
onClosed?: ((...args: any[]) => any) | undefined;
"onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
"onUpdate:model-timezone-value"?: ((...args: any[]) => any) | undefined;
"onText-submit"?: ((...args: any[]) => any) | undefined;
onCleared?: ((...args: any[]) => any) | undefined;
"onInternal-model-change"?: ((...args: any[]) => any) | undefined;
"onRecalculate-position"?: ((...args: any[]) => any) | undefined;
"onFlow-step"?: ((...args: any[]) => any) | undefined;
"onUpdate-month-year"?: ((...args: any[]) => any) | undefined;
"onInvalid-select"?: ((...args: any[]) => any) | undefined;
"onTooltip-open"?: ((...args: any[]) => any) | undefined;
"onTooltip-close"?: ((...args: any[]) => any) | undefined;
"onInvalid-fixed-range"?: ((...args: any[]) => any) | undefined;
"onTime-picker-open"?: ((...args: any[]) => any) | undefined;
"onTime-picker-close"?: ((...args: any[]) => any) | undefined;
"onAm-pm-change"?: ((...args: any[]) => any) | undefined;
"onRange-start"?: ((...args: any[]) => any) | undefined;
"onRange-end"?: ((...args: any[]) => any) | undefined;
"onDate-update"?: ((...args: any[]) => any) | undefined;
"onInvalid-date"?: ((...args: any[]) => any) | undefined;
"onOverlay-toggle"?: ((...args: any[]) => any) | undefined;
"onText-input"?: ((...args: any[]) => any) | undefined;
}) & import('@vuepic/vue-datepicker').VueDatePickerProps, never>;
$attrs: import('vue').Attrs;
$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: import('@vuepic/vue-datepicker').EmitEvents, ...args: any[]) => void;
$el: any;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<string[]> | import('vue').ExtractPropTypes<import('vue').ComponentObjectPropsOptions<import('@vuepic/vue-datepicker').VueDatePickerProps>>> & {
onFocus?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onOpen?: ((...args: any[]) => any) | undefined;
onClosed?: ((...args: any[]) => any) | undefined;
"onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
"onUpdate:model-timezone-value"?: ((...args: any[]) => any) | undefined;
"onText-submit"?: ((...args: any[]) => any) | undefined;
onCleared?: ((...args: any[]) => any) | undefined;
"onInternal-model-change"?: ((...args: any[]) => any) | undefined;
"onRecalculate-position"?: ((...args: any[]) => any) | undefined;
"onFlow-step"?: ((...args: any[]) => any) | undefined;
"onUpdate-month-year"?: ((...args: any[]) => any) | undefined;
"onInvalid-select"?: ((...args: any[]) => any) | undefined;
"onTooltip-open"?: ((...args: any[]) => any) | undefined;
"onTooltip-close"?: ((...args: any[]) => any) | undefined;
"onInvalid-fixed-range"?: ((...args: any[]) => any) | undefined;
"onTime-picker-open"?: ((...args: any[]) => any) | undefined;
"onTime-picker-close"?: ((...args: any[]) => any) | undefined;
"onAm-pm-change"?: ((...args: any[]) => any) | undefined;
"onRange-start"?: ((...args: any[]) => any) | undefined;
"onRange-end"?: ((...args: any[]) => any) | undefined;
"onDate-update"?: ((...args: any[]) => any) | undefined;
"onInvalid-date"?: ((...args: any[]) => any) | undefined;
"onOverlay-toggle"?: ((...args: any[]) => any) | undefined;
"onText-input"?: ((...args: any[]) => any) | undefined;
}, {}, {}, import('vue').ComputedOptions, import('@vuepic/vue-datepicker').PublicMethods, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, import('@vuepic/vue-datepicker').EmitEvents[], string, {
[x: number]: 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<import('vue').ExtractPropTypes<string[]> | import('vue').ExtractPropTypes<import('vue').ComponentObjectPropsOptions<import('@vuepic/vue-datepicker').VueDatePickerProps>>> & {
onFocus?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onOpen?: ((...args: any[]) => any) | undefined;
onClosed?: ((...args: any[]) => any) | undefined;
"onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
"onUpdate:model-timezone-value"?: ((...args: any[]) => any) | undefined;
"onText-submit"?: ((...args: any[]) => any) | undefined;
onCleared?: ((...args: any[]) => any) | undefined;
"onInternal-model-change"?: ((...args: any[]) => any) | undefined;
"onRecalculate-position"?: ((...args: any[]) => any) | undefined;
"onFlow-step"?: ((...args: any[]) => any) | undefined;
"onUpdate-month-year"?: ((...args: any[]) => any) | undefined;
"onInvalid-select"?: ((...args: any[]) => any) | undefined;
"onTooltip-open"?: ((...args: any[]) => any) | undefined;
"onTooltip-close"?: ((...args: any[]) => any) | undefined;
"onInvalid-fixed-range"?: ((...args: any[]) => any) | undefined;
"onTime-picker-open"?: ((...args: any[]) => any) | undefined;
"onTime-picker-close"?: ((...args: any[]) => any) | undefined;
"onAm-pm-change"?: ((...args: any[]) => any) | undefined;
"onRange-start"?: ((...args: any[]) => any) | undefined;
"onRange-end"?: ((...args: any[]) => any) | undefined;
"onDate-update"?: ((...args: any[]) => any) | undefined;
"onInvalid-date"?: ((...args: any[]) => any) | undefined;
"onOverlay-toggle"?: ((...args: any[]) => any) | undefined;
"onText-input"?: ((...args: any[]) => any) | undefined;
}), never> & {
[x: string]: never;
} & import('@vuepic/vue-datepicker').PublicMethods & import('vue').ComponentCustomProperties & {} & {
$slots: Readonly<import('@vuepic/vue-datepicker').Slots> & import('@vuepic/vue-datepicker').Slots;
}) | null;
target: HTMLDivElement;
}, HTMLDivElement>;
NcSelect: import('vue').DefineComponent<{}, {
avatarSize: number;
isLegacy: boolean;
mdiAlertCircleOutline: string;
mdiCheck: string;
}, {
search: string;
}, {
inputRequired(): boolean | null;
localCalculatePosition(): any;
localFilterBy(): any;
localLabel(): any;
propsToForward(): {
calculatePosition: any;
closeOnSelect: boolean;
filterBy: any;
label: any;
};
}, {
t: (original: string, placeholders?: Record<string, string | number>) => string;
forwardedSlots(): string[];
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, (" " | "update:modelValue")[], " " | "update:modelValue", import('vue').PublicProps, Readonly<{}> & Readonly<{
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
"on "?: ((...args: any[]) => any) | undefined;
}>, {} | {
[x: string]: any;
}, {}, {
ChevronDown: any;
NcEllipsisedOption: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
name: {
type: StringConstructor;
default: string;
};
search: {
type: StringConstructor;
default: string;
};
}>, {}, {}, {
needsTruncate(): boolean | "";
split(): number;
part1(): string;
part2(): string;
highlight1(): any[];
highlight2(): any[];
}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
name: {
type: StringConstructor;
default: string;
};
search: {
type: StringConstructor;
default: string;
};
}>> & Readonly<{}>, {
name: string;
search: string;
}, {}, {
NcHighlight: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
text: {
type: StringConstructor;
default: string;
};
search: {
type: StringConstructor;
default: string;
};
highlight: {
type: import('vue').PropType<import('../../utils/findRanges.ts').StringRange[]>;
default: () => never[];
};
}>, {}, {}, {
ranges(): import('../../utils/findRanges.ts').StringRange[];
chunks(): import('../NcHighlight/NcHighlight.vue').HighlightChunk[];
}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
text: {
type: StringConstructor;
default: string;
};
search: {
type: StringConstructor;
default: string;
};
highlight: {
type: import('vue').PropType<import('../../utils/findRanges.ts').StringRange[]>;
default: () => never[];
};
}>> & Readonly<{}>, {
search: string;
text: string;
highlight: import('../../utils/findRanges.ts').StringRange[];
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
NcIconSvgWrapper: import('vue').DefineComponent<{
directional?: boolean;
inline?: boolean;
svg?: string;
name?: string;
path?: string;
size?: number | "auto";
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
directional?: boolean;
inline?: boolean;
svg?: string;
name?: string;
path?: string;
size?: number | "auto";
}> & Readonly<{}>, {
size: number | "auto";
name: string;
svg: string;
path: string;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
NcLoadingIcon: import('vue').DefineComponent<{
appearance?: "auto" | "light" | "dark";
name?: string;
size?: number;
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
appearance?: "auto" | "light" | "dark";
name?: string;
size?: number;
}> & Readonly<{}>, {
size: number;
name: string;
appearance: "auto" | "light" | "dark";
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
NcTextField: {
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
modelValue?: string | number;
} & Omit<import('../NcInputField/NcInputField.vue').NcInputFieldProps, "type"> & {
type?: Exclude<import('../NcInputField/NcInputField.vue').NcInputFieldProps["type"], "date" | "datetime-local" | "month" | "time" | "week">;
trailingButtonIcon?: "arrowEnd" | "close" | "undo";
trailingButtonLabel?: string;
}> & Readonly<{
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
}>, {
focus: (options?: FocusOptions) => void;
select: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (value: string | number) => any;
}, import('vue').PublicProps, {
trailingButtonLabel: string;
trailingButtonIcon: "arrowEnd" | "close" | "undo";
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
inputField: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: {
readonly modelValue: string | number;
readonly class?: import('../../utils/VueTypes.ts').VueClassType | undefined;
readonly inputClass?: import('../../utils/VueTypes.ts').VueClassType | undefined;
readonly id?: string | undefined;
readonly label?: string | undefined;
readonly labelOutside?: boolean | undefined;
readonly type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "date" | "datetime-local" | "month" | "time" | "week" | undefined;
readonly placeholder?: string | undefined;
readonly showTrailingButton?: boolean | undefined;
readonly trailingButtonLabel?: string | undefined;
readonly success?: boolean | undefined;
readonly error?: boolean | undefined;
readonly helperText?: string | undefined;
readonly disabled?: boolean | undefined;
readonly pill?: boolean | undefined;
readonly onTrailingButtonClick?: ((event: MouseEvent) => any) | undefined;
readonly "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
$attrs: import('vue').Attrs;
$refs: {
[x: string]: unknown;
} & {
input: 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: "trailingButtonClick", event: MouseEvent) => void) & ((event: "update:modelValue", value: string | number) => void);
$el: any;
$options: import('vue').ComponentOptionsBase<Readonly<{
modelValue: string | number;
} & import('../NcInputField/NcInputField.vue').NcInputFieldProps> & Readonly<{
onTrailingButtonClick?: ((event: MouseEvent) => any) | undefined;
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
}>, {
focus: (options?: FocusOptions) => void;
select: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
trailingButtonClick: (event: MouseEvent) => any;
"update:modelValue": (value: string | number) => any;
}, string, {
id: string;
type: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "date" | "datetime-local" | "month" | "time" | "week";
label: string;
class: import('../../utils/VueTypes.ts').VueClassType;
inputClass: import('../../utils/VueTypes.ts').VueClassType;
placeholder: string;
trailingButtonLabel: string;
helperText: 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<{
id: string;
type: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "date" | "datetime-local" | "month" | "time" | "week";
label: string;
class: import('../../utils/VueTypes.ts').VueClassType;
inputClass: import('../../utils/VueTypes.ts').VueClassType;
placeholder: string;
trailingButtonLabel: string;
helperText: string;
}> & Omit<Readonly<{
modelValue: string | number;
} & import('../NcInputField/NcInputField.vue').NcInputFieldProps> & Readonly<{
onTrailingButtonClick?: ((event: MouseEvent) => any) | undefined;
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
}>, "select" | "focus" | ("id" | "type" | "label" | "class" | "inputClass" | "placeholder" | "trailingButtonLabel" | "helperText")> & {
focus: (options?: FocusOptions) => void;
select: () => void;
} & {} & import('vue').ComponentCustomProperties & {} & {
$slots: Readonly<{
icon?: import('vue').Slot;
'trailing-button-icon'?: import('vue').Slot;
}> & {
icon?: import('vue').Slot;
'trailing-button-icon'?: import('vue').Slot;
};
}) | null;
}, any, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
modelValue?: string | number;
} & Omit<import('../NcInputField/NcInputField.vue').NcInputFieldProps, "type"> & {
type?: Exclude<import('../NcInputField/NcInputField.vue').NcInputFieldProps["type"], "date" | "datetime-local" | "month" | "time" | "week">;
trailingButtonIcon?: "arrowEnd" | "close" | "undo";
trailingButtonLabel?: string;
}> & Readonly<{
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
}>, {
focus: (options?: FocusOptions) => void;
select: () => void;
}, {}, {}, {}, {
trailingButtonLabel: string;
trailingButtonIcon: "arrowEnd" | "close" | "undo";
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<{
modelValue?: string | number;
} & Omit<import('../NcInputField/NcInputField.vue').NcInputFieldProps, "type"> & {
type?: Exclude<import('../NcInputField/NcInputField.vue').NcInputFieldProps["type"], "date" | "datetime-local" | "month" | "time" | "week">;
trailingButtonIcon?: "arrowEnd" | "close" | "undo";
trailingButtonLabel?: string;
}> & Readonly<{
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
}>, {
focus: (options?: FocusOptions) => void;
select: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (value: string | number) => any;
}, string, {
trailingButtonLabel: string;
trailingButtonIcon: "arrowEnd" | "close" | "undo";
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
$slots: Readonly<{
icon?: import('vue').Slot;
}> & {
icon?: import('vue').Slot;
};
});
VueSelect: any;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export default _default;