vuestic-ui
Version:
Vue 3 UI Framework
9,449 lines • 382 kB
TypeScript
export declare const VaDateInput: {
new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
clearValue: {
type: import("vue").PropType<any>;
default: undefined;
};
modelValue: {
type: import("vue").PropType<import("./types").DateInputModelValue>;
};
resetOnClose: {
type: BooleanConstructor;
default: boolean;
};
closeOnContentClick: {
type: BooleanConstructor;
default: boolean;
};
offset: {
default: () => number[];
type: import("vue").PropType<NonNullable<import("../va-dropdown/types").DropdownOffsetProp | undefined>>;
required: true;
};
format: {
type: import("vue").PropType<(date: import("./types").DateInputModelValue) => string>;
};
formatDate: {
type: import("vue").PropType<(date: Date) => string>;
default: (d: Date) => string;
};
formatValue: {
type: import("vue").PropType<(date: import("./types").DateInputModelValue) => string>;
};
parse: {
type: import("vue").PropType<(input: string) => import("./types").DateInputValue>;
};
parseDate: {
type: import("vue").PropType<(input: string) => Date>;
};
delimiter: {
type: StringConstructor;
default: string;
};
rangeDelimiter: {
type: StringConstructor;
default: string;
};
manualInput: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: StringConstructor;
default: string;
};
leftIcon: {
type: BooleanConstructor;
default: boolean;
};
icon: {
type: StringConstructor;
default: string;
};
ariaToggleDropdownLabel: {
type: import("vue").PropType<import("../../composables").TranslationProp>;
default: import("../../composables").TranslationProp;
};
ariaResetLabel: {
type: import("vue").PropType<import("../../composables").TranslationProp>;
default: import("../../composables").TranslationProp;
};
ariaSelectedDateLabel: {
type: import("vue").PropType<import("../../composables").TranslationProp>;
default: import("../../composables").TranslationProp;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
rules: {
type: import("vue").PropType<import("../../composables").ValidationRule<import("./types").DateInputModelValue>[]>;
default: () => any;
required: false;
};
error: {
type: BooleanConstructor;
default: undefined;
};
name: {
type: StringConstructor;
default: undefined;
};
success: {
type: BooleanConstructor;
default: boolean;
};
dirty: {
type: BooleanConstructor;
default: boolean;
};
errorMessages: {
type: import("vue").PropType<string | string[]>;
default: undefined;
};
errorCount: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
messages: {
type: import("vue").PropType<string | string[]>;
default: () => never[];
};
immediateValidation: {
type: BooleanConstructor;
default: boolean;
};
type: {
type: import("vue").PropType<NonNullable<import("../va-date-picker/types").DatePickerType | undefined>>;
required: true;
default: import("../va-date-picker/types").DatePickerType | undefined;
};
mode: {
type: import("vue").PropType<NonNullable<NonNullable<import("../va-date-picker/types").DatePickerMode | undefined> | undefined>>;
required: true;
default: NonNullable<import("../va-date-picker/types").DatePickerMode | undefined> | undefined;
};
"onUpdate:modelValue": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
stateful: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
disabled: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
readonly: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
view: {
type: import("vue").PropType<Partial<import("../va-date-picker/types").DatePickerView>>;
required: true;
default: Partial<import("../va-date-picker/types").DatePickerView> | undefined;
};
"child:prevButton": {
type: import("vue").PropType<Partial<{
size: "small" | "medium" | "large";
replace: boolean;
type: string;
preset: import("../../composables").PresetPropValue;
target: string;
color: import("../../composables").ColorName;
textColor: string;
icon: string;
borderColor: string;
gradient: boolean;
tag: string;
sizesConfig: Record<string, any>;
fontSizesConfig: Record<string, any>;
loading: boolean;
block: boolean;
disabled: boolean;
textOpacity: string | number;
backgroundOpacity: string | number;
plain: boolean;
round: boolean;
iconRight: string;
iconColor: string;
to: string | Record<string, any>;
append: boolean;
exact: boolean;
activeClass: string;
exactActiveClass: string;
href: string;
pressedBehavior: "opacity" | "mask";
pressedOpacity: number;
pressedMaskColor: string;
hoverBehavior: "opacity" | "mask";
hoverOpacity: string | number;
hoverMaskColor: string;
}> & Omit<{
readonly size: "small" | "medium" | "large";
readonly type: string;
readonly color: import("../../composables").ColorName;
readonly textColor: string;
readonly icon: string;
readonly borderColor: string;
readonly gradient: boolean;
readonly tag: string;
readonly sizesConfig: Record<string, any>;
readonly fontSizesConfig: Record<string, any>;
readonly loading: boolean;
readonly block: boolean;
readonly disabled: boolean;
readonly textOpacity: string | number;
readonly backgroundOpacity: string | number;
readonly plain: boolean;
readonly round: boolean;
readonly iconRight: string;
readonly iconColor: string;
readonly pressedBehavior: "opacity" | "mask";
readonly pressedOpacity: number;
readonly pressedMaskColor: string;
readonly hoverBehavior: "opacity" | "mask";
readonly hoverOpacity: string | number;
readonly hoverMaskColor: string;
readonly replace?: boolean | undefined;
readonly preset?: import("../../composables").PresetPropValue | undefined;
readonly target?: string | undefined;
readonly to?: string | Record<string, any> | undefined;
readonly append?: boolean | undefined;
readonly exact?: boolean | undefined;
readonly activeClass?: string | undefined;
readonly exactActiveClass?: string | undefined;
readonly href?: string | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: import("vue").PropType<import("../../composables").ColorName>;
default: string;
};
textColor: {
type: StringConstructor;
default: string;
};
textOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
backgroundOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
borderColor: {
type: StringConstructor;
default: string;
};
gradient: {
type: BooleanConstructor;
default: boolean;
};
plain: {
type: BooleanConstructor;
default: boolean;
};
round: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<"small" | "medium" | "large">;
default: string;
validator: (v: string) => boolean;
};
icon: {
type: StringConstructor;
default: string;
};
iconRight: {
type: StringConstructor;
default: string;
};
iconColor: {
type: StringConstructor;
default: string;
};
to: {
type: import("vue").PropType<string | Record<string, any>>;
default: undefined;
};
replace: {
type: BooleanConstructor;
default: undefined;
};
append: {
type: BooleanConstructor;
default: undefined;
};
exact: {
type: BooleanConstructor;
default: undefined;
};
activeClass: {
type: StringConstructor;
default: undefined;
};
exactActiveClass: {
type: StringConstructor;
default: undefined;
};
href: {
type: StringConstructor;
default: undefined;
};
target: {
type: StringConstructor;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
pressedBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
pressedOpacity: {
type: NumberConstructor;
default: number;
};
pressedMaskColor: {
type: StringConstructor;
default: string;
};
hoverBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
hoverOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hoverMaskColor: {
type: StringConstructor;
default: string;
};
sizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
fontSizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
}>>, "size" | "replace" | "type" | "preset" | "target" | "color" | "textColor" | "icon" | "borderColor" | "gradient" | "tag" | "sizesConfig" | "fontSizesConfig" | "loading" | "block" | "disabled" | "textOpacity" | "backgroundOpacity" | "plain" | "round" | "iconRight" | "iconColor" | "to" | "append" | "exact" | "activeClass" | "exactActiveClass" | "href" | "pressedBehavior" | "pressedOpacity" | "pressedMaskColor" | "hoverBehavior" | "hoverOpacity" | "hoverMaskColor">>;
required: true;
default: NonNullable<Partial<{
size: "small" | "medium" | "large";
replace: boolean;
type: string;
preset: import("../../composables").PresetPropValue;
target: string;
color: import("../../composables").ColorName;
textColor: string;
icon: string;
borderColor: string;
gradient: boolean;
tag: string;
sizesConfig: Record<string, any>;
fontSizesConfig: Record<string, any>;
loading: boolean;
block: boolean;
disabled: boolean;
textOpacity: string | number;
backgroundOpacity: string | number;
plain: boolean;
round: boolean;
iconRight: string;
iconColor: string;
to: string | Record<string, any>;
append: boolean;
exact: boolean;
activeClass: string;
exactActiveClass: string;
href: string;
pressedBehavior: "opacity" | "mask";
pressedOpacity: number;
pressedMaskColor: string;
hoverBehavior: "opacity" | "mask";
hoverOpacity: string | number;
hoverMaskColor: string;
}> & Omit<{
readonly size: "small" | "medium" | "large";
readonly type: string;
readonly color: import("../../composables").ColorName;
readonly textColor: string;
readonly icon: string;
readonly borderColor: string;
readonly gradient: boolean;
readonly tag: string;
readonly sizesConfig: Record<string, any>;
readonly fontSizesConfig: Record<string, any>;
readonly loading: boolean;
readonly block: boolean;
readonly disabled: boolean;
readonly textOpacity: string | number;
readonly backgroundOpacity: string | number;
readonly plain: boolean;
readonly round: boolean;
readonly iconRight: string;
readonly iconColor: string;
readonly pressedBehavior: "opacity" | "mask";
readonly pressedOpacity: number;
readonly pressedMaskColor: string;
readonly hoverBehavior: "opacity" | "mask";
readonly hoverOpacity: string | number;
readonly hoverMaskColor: string;
readonly replace?: boolean | undefined;
readonly preset?: import("../../composables").PresetPropValue | undefined;
readonly target?: string | undefined;
readonly to?: string | Record<string, any> | undefined;
readonly append?: boolean | undefined;
readonly exact?: boolean | undefined;
readonly activeClass?: string | undefined;
readonly exactActiveClass?: string | undefined;
readonly href?: string | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: import("vue").PropType<import("../../composables").ColorName>;
default: string;
};
textColor: {
type: StringConstructor;
default: string;
};
textOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
backgroundOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
borderColor: {
type: StringConstructor;
default: string;
};
gradient: {
type: BooleanConstructor;
default: boolean;
};
plain: {
type: BooleanConstructor;
default: boolean;
};
round: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<"small" | "medium" | "large">;
default: string;
validator: (v: string) => boolean;
};
icon: {
type: StringConstructor;
default: string;
};
iconRight: {
type: StringConstructor;
default: string;
};
iconColor: {
type: StringConstructor;
default: string;
};
to: {
type: import("vue").PropType<string | Record<string, any>>;
default: undefined;
};
replace: {
type: BooleanConstructor;
default: undefined;
};
append: {
type: BooleanConstructor;
default: undefined;
};
exact: {
type: BooleanConstructor;
default: undefined;
};
activeClass: {
type: StringConstructor;
default: undefined;
};
exactActiveClass: {
type: StringConstructor;
default: undefined;
};
href: {
type: StringConstructor;
default: undefined;
};
target: {
type: StringConstructor;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
pressedBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
pressedOpacity: {
type: NumberConstructor;
default: number;
};
pressedMaskColor: {
type: StringConstructor;
default: string;
};
hoverBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
hoverOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hoverMaskColor: {
type: StringConstructor;
default: string;
};
sizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
fontSizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
}>>, "size" | "replace" | "type" | "preset" | "target" | "color" | "textColor" | "icon" | "borderColor" | "gradient" | "tag" | "sizesConfig" | "fontSizesConfig" | "loading" | "block" | "disabled" | "textOpacity" | "backgroundOpacity" | "plain" | "round" | "iconRight" | "iconColor" | "to" | "append" | "exact" | "activeClass" | "exactActiveClass" | "href" | "pressedBehavior" | "pressedOpacity" | "pressedMaskColor" | "hoverBehavior" | "hoverOpacity" | "hoverMaskColor">> | undefined;
};
"child:nextButton": {
type: import("vue").PropType<Partial<{
size: "small" | "medium" | "large";
replace: boolean;
type: string;
preset: import("../../composables").PresetPropValue;
target: string;
color: import("../../composables").ColorName;
textColor: string;
icon: string;
borderColor: string;
gradient: boolean;
tag: string;
sizesConfig: Record<string, any>;
fontSizesConfig: Record<string, any>;
loading: boolean;
block: boolean;
disabled: boolean;
textOpacity: string | number;
backgroundOpacity: string | number;
plain: boolean;
round: boolean;
iconRight: string;
iconColor: string;
to: string | Record<string, any>;
append: boolean;
exact: boolean;
activeClass: string;
exactActiveClass: string;
href: string;
pressedBehavior: "opacity" | "mask";
pressedOpacity: number;
pressedMaskColor: string;
hoverBehavior: "opacity" | "mask";
hoverOpacity: string | number;
hoverMaskColor: string;
}> & Omit<{
readonly size: "small" | "medium" | "large";
readonly type: string;
readonly color: import("../../composables").ColorName;
readonly textColor: string;
readonly icon: string;
readonly borderColor: string;
readonly gradient: boolean;
readonly tag: string;
readonly sizesConfig: Record<string, any>;
readonly fontSizesConfig: Record<string, any>;
readonly loading: boolean;
readonly block: boolean;
readonly disabled: boolean;
readonly textOpacity: string | number;
readonly backgroundOpacity: string | number;
readonly plain: boolean;
readonly round: boolean;
readonly iconRight: string;
readonly iconColor: string;
readonly pressedBehavior: "opacity" | "mask";
readonly pressedOpacity: number;
readonly pressedMaskColor: string;
readonly hoverBehavior: "opacity" | "mask";
readonly hoverOpacity: string | number;
readonly hoverMaskColor: string;
readonly replace?: boolean | undefined;
readonly preset?: import("../../composables").PresetPropValue | undefined;
readonly target?: string | undefined;
readonly to?: string | Record<string, any> | undefined;
readonly append?: boolean | undefined;
readonly exact?: boolean | undefined;
readonly activeClass?: string | undefined;
readonly exactActiveClass?: string | undefined;
readonly href?: string | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: import("vue").PropType<import("../../composables").ColorName>;
default: string;
};
textColor: {
type: StringConstructor;
default: string;
};
textOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
backgroundOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
borderColor: {
type: StringConstructor;
default: string;
};
gradient: {
type: BooleanConstructor;
default: boolean;
};
plain: {
type: BooleanConstructor;
default: boolean;
};
round: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<"small" | "medium" | "large">;
default: string;
validator: (v: string) => boolean;
};
icon: {
type: StringConstructor;
default: string;
};
iconRight: {
type: StringConstructor;
default: string;
};
iconColor: {
type: StringConstructor;
default: string;
};
to: {
type: import("vue").PropType<string | Record<string, any>>;
default: undefined;
};
replace: {
type: BooleanConstructor;
default: undefined;
};
append: {
type: BooleanConstructor;
default: undefined;
};
exact: {
type: BooleanConstructor;
default: undefined;
};
activeClass: {
type: StringConstructor;
default: undefined;
};
exactActiveClass: {
type: StringConstructor;
default: undefined;
};
href: {
type: StringConstructor;
default: undefined;
};
target: {
type: StringConstructor;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
pressedBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
pressedOpacity: {
type: NumberConstructor;
default: number;
};
pressedMaskColor: {
type: StringConstructor;
default: string;
};
hoverBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
hoverOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hoverMaskColor: {
type: StringConstructor;
default: string;
};
sizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
fontSizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
}>>, "size" | "replace" | "type" | "preset" | "target" | "color" | "textColor" | "icon" | "borderColor" | "gradient" | "tag" | "sizesConfig" | "fontSizesConfig" | "loading" | "block" | "disabled" | "textOpacity" | "backgroundOpacity" | "plain" | "round" | "iconRight" | "iconColor" | "to" | "append" | "exact" | "activeClass" | "exactActiveClass" | "href" | "pressedBehavior" | "pressedOpacity" | "pressedMaskColor" | "hoverBehavior" | "hoverOpacity" | "hoverMaskColor">>;
required: true;
default: NonNullable<Partial<{
size: "small" | "medium" | "large";
replace: boolean;
type: string;
preset: import("../../composables").PresetPropValue;
target: string;
color: import("../../composables").ColorName;
textColor: string;
icon: string;
borderColor: string;
gradient: boolean;
tag: string;
sizesConfig: Record<string, any>;
fontSizesConfig: Record<string, any>;
loading: boolean;
block: boolean;
disabled: boolean;
textOpacity: string | number;
backgroundOpacity: string | number;
plain: boolean;
round: boolean;
iconRight: string;
iconColor: string;
to: string | Record<string, any>;
append: boolean;
exact: boolean;
activeClass: string;
exactActiveClass: string;
href: string;
pressedBehavior: "opacity" | "mask";
pressedOpacity: number;
pressedMaskColor: string;
hoverBehavior: "opacity" | "mask";
hoverOpacity: string | number;
hoverMaskColor: string;
}> & Omit<{
readonly size: "small" | "medium" | "large";
readonly type: string;
readonly color: import("../../composables").ColorName;
readonly textColor: string;
readonly icon: string;
readonly borderColor: string;
readonly gradient: boolean;
readonly tag: string;
readonly sizesConfig: Record<string, any>;
readonly fontSizesConfig: Record<string, any>;
readonly loading: boolean;
readonly block: boolean;
readonly disabled: boolean;
readonly textOpacity: string | number;
readonly backgroundOpacity: string | number;
readonly plain: boolean;
readonly round: boolean;
readonly iconRight: string;
readonly iconColor: string;
readonly pressedBehavior: "opacity" | "mask";
readonly pressedOpacity: number;
readonly pressedMaskColor: string;
readonly hoverBehavior: "opacity" | "mask";
readonly hoverOpacity: string | number;
readonly hoverMaskColor: string;
readonly replace?: boolean | undefined;
readonly preset?: import("../../composables").PresetPropValue | undefined;
readonly target?: string | undefined;
readonly to?: string | Record<string, any> | undefined;
readonly append?: boolean | undefined;
readonly exact?: boolean | undefined;
readonly activeClass?: string | undefined;
readonly exactActiveClass?: string | undefined;
readonly href?: string | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: import("vue").PropType<import("../../composables").ColorName>;
default: string;
};
textColor: {
type: StringConstructor;
default: string;
};
textOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
backgroundOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
borderColor: {
type: StringConstructor;
default: string;
};
gradient: {
type: BooleanConstructor;
default: boolean;
};
plain: {
type: BooleanConstructor;
default: boolean;
};
round: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<"small" | "medium" | "large">;
default: string;
validator: (v: string) => boolean;
};
icon: {
type: StringConstructor;
default: string;
};
iconRight: {
type: StringConstructor;
default: string;
};
iconColor: {
type: StringConstructor;
default: string;
};
to: {
type: import("vue").PropType<string | Record<string, any>>;
default: undefined;
};
replace: {
type: BooleanConstructor;
default: undefined;
};
append: {
type: BooleanConstructor;
default: undefined;
};
exact: {
type: BooleanConstructor;
default: undefined;
};
activeClass: {
type: StringConstructor;
default: undefined;
};
exactActiveClass: {
type: StringConstructor;
default: undefined;
};
href: {
type: StringConstructor;
default: undefined;
};
target: {
type: StringConstructor;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
pressedBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
pressedOpacity: {
type: NumberConstructor;
default: number;
};
pressedMaskColor: {
type: StringConstructor;
default: string;
};
hoverBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
hoverOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hoverMaskColor: {
type: StringConstructor;
default: string;
};
sizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
fontSizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
}>>, "size" | "replace" | "type" | "preset" | "target" | "color" | "textColor" | "icon" | "borderColor" | "gradient" | "tag" | "sizesConfig" | "fontSizesConfig" | "loading" | "block" | "disabled" | "textOpacity" | "backgroundOpacity" | "plain" | "round" | "iconRight" | "iconColor" | "to" | "append" | "exact" | "activeClass" | "exactActiveClass" | "href" | "pressedBehavior" | "pressedOpacity" | "pressedMaskColor" | "hoverBehavior" | "hoverOpacity" | "hoverMaskColor">> | undefined;
};
"child:middleButton": {
type: import("vue").PropType<Partial<{
size: "small" | "medium" | "large";
replace: boolean;
type: string;
preset: import("../../composables").PresetPropValue;
target: string;
color: import("../../composables").ColorName;
textColor: string;
icon: string;
borderColor: string;
gradient: boolean;
tag: string;
sizesConfig: Record<string, any>;
fontSizesConfig: Record<string, any>;
loading: boolean;
block: boolean;
disabled: boolean;
textOpacity: string | number;
backgroundOpacity: string | number;
plain: boolean;
round: boolean;
iconRight: string;
iconColor: string;
to: string | Record<string, any>;
append: boolean;
exact: boolean;
activeClass: string;
exactActiveClass: string;
href: string;
pressedBehavior: "opacity" | "mask";
pressedOpacity: number;
pressedMaskColor: string;
hoverBehavior: "opacity" | "mask";
hoverOpacity: string | number;
hoverMaskColor: string;
}> & Omit<{
readonly size: "small" | "medium" | "large";
readonly type: string;
readonly color: import("../../composables").ColorName;
readonly textColor: string;
readonly icon: string;
readonly borderColor: string;
readonly gradient: boolean;
readonly tag: string;
readonly sizesConfig: Record<string, any>;
readonly fontSizesConfig: Record<string, any>;
readonly loading: boolean;
readonly block: boolean;
readonly disabled: boolean;
readonly textOpacity: string | number;
readonly backgroundOpacity: string | number;
readonly plain: boolean;
readonly round: boolean;
readonly iconRight: string;
readonly iconColor: string;
readonly pressedBehavior: "opacity" | "mask";
readonly pressedOpacity: number;
readonly pressedMaskColor: string;
readonly hoverBehavior: "opacity" | "mask";
readonly hoverOpacity: string | number;
readonly hoverMaskColor: string;
readonly replace?: boolean | undefined;
readonly preset?: import("../../composables").PresetPropValue | undefined;
readonly target?: string | undefined;
readonly to?: string | Record<string, any> | undefined;
readonly append?: boolean | undefined;
readonly exact?: boolean | undefined;
readonly activeClass?: string | undefined;
readonly exactActiveClass?: string | undefined;
readonly href?: string | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: import("vue").PropType<import("../../composables").ColorName>;
default: string;
};
textColor: {
type: StringConstructor;
default: string;
};
textOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
backgroundOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
borderColor: {
type: StringConstructor;
default: string;
};
gradient: {
type: BooleanConstructor;
default: boolean;
};
plain: {
type: BooleanConstructor;
default: boolean;
};
round: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<"small" | "medium" | "large">;
default: string;
validator: (v: string) => boolean;
};
icon: {
type: StringConstructor;
default: string;
};
iconRight: {
type: StringConstructor;
default: string;
};
iconColor: {
type: StringConstructor;
default: string;
};
to: {
type: import("vue").PropType<string | Record<string, any>>;
default: undefined;
};
replace: {
type: BooleanConstructor;
default: undefined;
};
append: {
type: BooleanConstructor;
default: undefined;
};
exact: {
type: BooleanConstructor;
default: undefined;
};
activeClass: {
type: StringConstructor;
default: undefined;
};
exactActiveClass: {
type: StringConstructor;
default: undefined;
};
href: {
type: StringConstructor;
default: undefined;
};
target: {
type: StringConstructor;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
pressedBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
pressedOpacity: {
type: NumberConstructor;
default: number;
};
pressedMaskColor: {
type: StringConstructor;
default: string;
};
hoverBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
hoverOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hoverMaskColor: {
type: StringConstructor;
default: string;
};
sizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
fontSizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
}>>, "size" | "replace" | "type" | "preset" | "target" | "color" | "textColor" | "icon" | "borderColor" | "gradient" | "tag" | "sizesConfig" | "fontSizesConfig" | "loading" | "block" | "disabled" | "textOpacity" | "backgroundOpacity" | "plain" | "round" | "iconRight" | "iconColor" | "to" | "append" | "exact" | "activeClass" | "exactActiveClass" | "href" | "pressedBehavior" | "pressedOpacity" | "pressedMaskColor" | "hoverBehavior" | "hoverOpacity" | "hoverMaskColor">>;
required: true;
default: NonNullable<Partial<{
size: "small" | "medium" | "large";
replace: boolean;
type: string;
preset: import("../../composables").PresetPropValue;
target: string;
color: import("../../composables").ColorName;
textColor: string;
icon: string;
borderColor: string;
gradient: boolean;
tag: string;
sizesConfig: Record<string, any>;
fontSizesConfig: Record<string, any>;
loading: boolean;
block: boolean;
disabled: boolean;
textOpacity: string | number;
backgroundOpacity: string | number;
plain: boolean;
round: boolean;
iconRight: string;
iconColor: string;
to: string | Record<string, any>;
append: boolean;
exact: boolean;
activeClass: string;
exactActiveClass: string;
href: string;
pressedBehavior: "opacity" | "mask";
pressedOpacity: number;
pressedMaskColor: string;
hoverBehavior: "opacity" | "mask";
hoverOpacity: string | number;
hoverMaskColor: string;
}> & Omit<{
readonly size: "small" | "medium" | "large";
readonly type: string;
readonly color: import("../../composables").ColorName;
readonly textColor: string;
readonly icon: string;
readonly borderColor: string;
readonly gradient: boolean;
readonly tag: string;
readonly sizesConfig: Record<string, any>;
readonly fontSizesConfig: Record<string, any>;
readonly loading: boolean;
readonly block: boolean;
readonly disabled: boolean;
readonly textOpacity: string | number;
readonly backgroundOpacity: string | number;
readonly plain: boolean;
readonly round: boolean;
readonly iconRight: string;
readonly iconColor: string;
readonly pressedBehavior: "opacity" | "mask";
readonly pressedOpacity: number;
readonly pressedMaskColor: string;
readonly hoverBehavior: "opacity" | "mask";
readonly hoverOpacity: string | number;
readonly hoverMaskColor: string;
readonly replace?: boolean | undefined;
readonly preset?: import("../../composables").PresetPropValue | undefined;
readonly target?: string | undefined;
readonly to?: string | Record<string, any> | undefined;
readonly append?: boolean | undefined;
readonly exact?: boolean | undefined;
readonly activeClass?: string | undefined;
readonly exactActiveClass?: string | undefined;
readonly href?: string | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: import("vue").PropType<import("../../composables").ColorName>;
default: string;
};
textColor: {
type: StringConstructor;
default: string;
};
textOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
backgroundOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
borderColor: {
type: StringConstructor;
default: string;
};
gradient: {
type: BooleanConstructor;
default: boolean;
};
plain: {
type: BooleanConstructor;
default: boolean;
};
round: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<"small" | "medium" | "large">;
default: string;
validator: (v: string) => boolean;
};
icon: {
type: StringConstructor;
default: string;
};
iconRight: {
type: StringConstructor;
default: string;
};
iconColor: {
type: StringConstructor;
default: string;
};
to: {
type: import("vue").PropType<string | Record<string, any>>;
default: undefined;
};
replace: {
type: BooleanConstructor;
default: undefined;
};
append: {
type: BooleanConstructor;
default: undefined;
};
exact: {
type: BooleanConstructor;
default: undefined;
};
activeClass: {
type: StringConstructor;
default: undefined;
};
exactActiveClass: {
type: StringConstructor;
default: undefined;
};
href: {
type: StringConstructor;
default: undefined;
};
target: {
type: StringConstructor;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
pressedBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
pressedOpacity: {
type: NumberConstructor;
default: number;
};
pressedMaskColor: {
type: StringConstructor;
default: string;
};
hoverBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
hoverOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hoverMaskColor: {
type: StringConstructor;
default: string;
};
sizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
fontSizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
}>>, "size" | "replace" | "type" | "preset" | "target" | "color" | "textColor" | "icon" | "borderColor" | "gradient" | "tag" | "sizesConfig" | "fontSizesConfig" | "loading" | "block" | "disabled" | "textOpacity" | "backgroundOpacity" | "plain" | "round" | "iconRight" | "iconColor" | "to" | "append" | "exact" | "activeClass" | "exactActiveClass" | "href" | "pressedBehavior" | "pressedOpacity" | "pressedMaskColor" | "hoverBehavior" | "hoverOpacity" | "hoverMaskColor">> | undefined;
};
"onUpdate:view": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
monthNames: {
type: import("vue").PropType<string[]>;
required: true;
default: string[] | undefined;
};
ariaNextPeriodLabel: {
type: import("vue").PropType<NonNullable<NonNullable<import("../../composables").TranslationProp | undefined> | undefined>>;
required: true;
default: NonNullable<import("../../composables").TranslationProp | undefined> | undefined;
};
ariaPreviousPeriodLabel: {
type: import("vue").PropType<NonNullable<NonNullable<import("../../composables").TranslationProp | undefined> | undefined>>;
required: true;
default: NonNullable<import("../../composables").TranslationProp | undefined> | undefined;
};
ariaSwitchViewLabel: {
type: import("vue").PropType<NonNullable<NonNullable<import("../../composables").TranslationProp | undefined> | undefined>>;
required: true;
default: NonNullable<import("../../composables").TranslationProp | undefined> | undefined;
};
"onHover:day": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onClick:day": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
weekdayNames: {
type: import("vue").PropType<string[]>;
required: true;
default: string[] | undefined;
};
firstWeekday: {
type: import("vue").PropType<NonNullable<NonNullable<("Monday" | "Sunday" | "monday" | "sunday") | undefined> | undefined>>;
required: true;
default: NonNullable<("Monday" | "Sunday" | "monday" | "sunday") | undefined> | undefined;
};
hideWeekDays: {
type: import("vue").PropType<NonNullable<NonNullable<boolean | undefined> | undefined>>;
required: true;
default: NonNullable<boolean | undefined> | undefined;
};
showOtherMonths: {
type: import("vue").PropType<NonNullable<NonNullable<boolean | undefined> | undefined>>;
required: true;
default: NonNullable<boolean | undefined> | undefined;
};
allowedDays: {
type: import("vue").PropType<(date: Date) => boolean>;
required: true;
default: ((date: Date) => boolean) | undefined;
};
weekends: {
type: import("vue").PropType<(date: Date) => boolean>;
required: true;
default: ((date: Date) => boolean) | undefined;
};
highlightWeekend: {
type: import("vue").PropType<NonNullable<NonNullable<boolean | undefined> | undefined>>;
required: true;
default: NonNullable<boolean | undefined> | undefined;
};
highlightToday: {
type: import("vue").PropType<NonNullable<NonNullable<boolean | undefined> | undefined>>;
required: true;
default: NonNullable<boolean | undefined> | undefined;
};
"onHover:month": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onClick:month": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
allowedMonths: {
type: import("vue").PropType<(date: Date) => boolean>;
required: true;
default: ((date: Date) => boolean) | undefined;
};
"onHover:year": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onClick:year": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
allowedYears: {
type: import("vue").PropType<(date: Date) => boolean>;
required: true;
default: ((date: Date) => boolean) | undefined;
};
startYear: {
type: import("vue").PropType<NonNullable<NonNullable<string | number | undefined> | undefined>>;
required: true;
default: NonNullable<string | number | undefined> | undefined;
};
endYear: {
type: import("vue").PropType<NonNullable<NonNullable<string | number | undefined> | undefined>>;
required: true;
default: NonNullable<string | number | undefined> | undefined;
};
weekendsColor: {
type: import("vue").PropType<string>;
required: true;
default: string | undefined;
};
label: {
type: import("vue").PropType<string>;
required: true;
default: string | undefined;
};
onClick: {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
loading: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
requiredMark: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
"onClick-prepend": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onClick-append": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onClick-prepend-inner": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onClick-append-inner": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onClick-field": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
counter: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
placeholder: {
type: import("vue").PropType<string>;
required: true;
default: string | undefined;
};
background: {
type: import("vue").PropType<string>;
required: true;
default: string | undefined;
};
innerLabel: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
inputAriaLabel: {
type: import("vue").PropType<NonNullable<import("../../composables").TranslationProp | undefined>>;
required: true;
default: import("../../composables").TranslationProp | undefined;
};
inputAriaLabelledby: {
type: import("vue").PropType<string>;
required: true;
default: string | undefined;
};
inputAriaDescribedby: {
type: import("vue").PropType<string>;
required: true;
default: string | undefined;
};
clearable: {
type: BooleanConstructor;
default: boolean;
};
clearableIcon: {
type: StringConstructor;
default: string;
};
closeOnChange: {
type: BooleanConstructor;
default: null;
};
isOpen: {
type: BooleanConstructor;
default: undefined;
};
onClose: {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
anchor: {
type: import("vue").PropType<NonNullable<import("../../composables").MaybeHTMLElementOrSelector>>;
required: true;
default: import("../../composables").MaybeHTMLElementOrSelector;
};
target: {
type: import("vue").PropType<NonNullable<import("../../composables").MaybeHTMLElementOrSelector>>;
required: true;
default: import("../../composables").MaybeHTMLElementOrSelector;
};
onOpen: {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onClick-outside": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
ariaLabel: {
type: import("vue").PropType<NonNullable<import("../../composables").TranslationProp | undefined>>;
required: true;
default: import("../../composables").TranslationProp | undefined;
};
placement: {
type: import("vue").PropType<NonNullable<import("../../composables").PlacementWithAlias | undefined>>;
required: true;
default: import("../../composables").PlacementWithAlias | undefined;
};
role: {
type: import("vue").PropType<NonNullable<import("../../utils/types/prop-type").StringWithAutocomplete<"button" | "none"> | undefined>>;
required: true;
default: import("../../utils/types/prop-type").StringWithAutocomplete<"button" | "none"> | undefined;
};
"onAnchor-click": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onAnchor-right-click": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onContent-click": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onFocus-outside": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onAnchor-dblclick": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
anchorSelector: {
type: import("vue").PropType<string>;
required: true;
default: string | undefined;
};
trigger: {
type: import("vue").PropType<NonNullable<import("../va-dropdown/hooks/useDropdownNavigation").Trigger | readonly import("../va-dropdown/hooks/useDropdownNavigation").Trigger[] | undefined>>;
required: true;
default: import("../va-dropdown/hooks/useDropdownNavigation").Trigger | readonly import("../va-dropdown/hooks/useDropdownNavigation").Trigger[] | undefined;
};
closeOnClickOutside: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
closeOnFocusOutside: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
closeOnAnchorClick: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
hoverOverTimeout: {
type: import("vue").PropType<NonNullable<string | number | undefined>>;
required: true;
default: string | number | undefined;
};
hoverOutTimeout: {
type: import("vue").PropType<NonNullable<string | number | undefined>>;
required: true;
default: string | number | undefined;
};
isContentHoverable: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
keepAnchorWidth: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
verticalScrollOnOverflow: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
cursor: {
type: import("vue").PropType<NonNullable<boolean | import("../va-dropdown/types").CursorAnchor | undefined>>;
required: true;
default: boolean | import("../va-dropdown/types").CursorAnchor | undefined;
};
autoPlacement: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
stickToEdges: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
teleport: {
type: import("vue").PropType<NonNullable<import("../../composables").MaybeHTMLElementOrSelector>>;
required: true;
default: import("../../composables").MaybeHTMLElementOrSelector;
};
contentClass: {
type: import("vue").PropType<string>;
required: true;
default: string | undefined;
};
}>>, {
valueText: import("vue").ComputedRef<string>;
valueWithoutText: import("vue").WritableComputedRef<Date | Date[] | import("./types").DateInputRange<Date> | null | undefined>;
valueDate: import("vue").WritableComputedRef<Date | Date[] | import("./types").DateInputRange<Date> | null | undefined>;
focus: () => void;
blur: () => void;
reset: () => void;
validate: () => any;
showDropdown: () => void;
hideAndFocus: () => void;
toggleDropdown: (event: Event | KeyboardEvent) => void;
focusDatePicker: () => void;
isDirty: import("vue").Ref<boolean>;
isTouched: import("vue").Ref<boolean>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
[x: string]: (...args: any[]) => void;
}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
clearValue: {
type: import("vue").PropType<any>;
default: undefined;
};
modelValue: {
type: import("vue").PropType<import("./types").DateInputModelValue>;
};
resetOnClose: {
type: BooleanConstructor;
default: boolean;
};
closeOnContentClick: {
type: BooleanConstructor;
default: boolean;
};
offset: {
default: () => number[];
type: import("vue").PropType<NonNullable<import("../va-dropdown/types").DropdownOffsetProp | undefined>>;
required: true;
};
format: {
type: import("vue").PropType<(date: import("./types").DateInputModelValue) => string>;
};
formatDate: {
type: import("vue").PropType<(date: Date) => string>;
default: (d: Date) => string;
};
formatValue: {
type: import("vue").PropType<(date: import("./types").DateInputModelValue) => string>;
};
parse: {
type: import("vue").PropType<(input: string) => import("./types").DateInputValue>;
};
parseDate: {
type: import("vue").PropType<(input: string) => Date>;
};
delimiter: {
type: StringConstructor;
default: string;
};
rangeDelimiter: {
type: StringConstructor;
default: string;
};
manualInput: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: StringConstructor;
default: string;
};
leftIcon: {
type: BooleanConstructor;
default: boolean;
};
icon: {
type: StringConstructor;
default: string;
};
ariaToggleDropdownLabel: {
type: import("vue").PropType<import("../../composables").TranslationProp>;
default: import("../../composables").TranslationProp;
};
ariaResetLabel: {
type: import("vue").PropType<import("../../composables").TranslationProp>;
default: import("../../composables").TranslationProp;
};
ariaSelectedDateLabel: {
type: import("vue").PropType<import("../../composables").TranslationProp>;
default: import("../../composables").TranslationProp;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
rules: {
type: import("vue").PropType<import("../../composables").ValidationRule<import("./types").DateInputModelValue>[]>;
default: () => any;
required: false;
};
error: {
type: BooleanConstructor;
default: undefined;
};
name: {
type: StringConstructor;
default: undefined;
};
success: {
type: BooleanConstructor;
default: boolean;
};
dirty: {
type: BooleanConstructor;
default: boolean;
};
errorMessages: {
type: import("vue").PropType<string | string[]>;
default: undefined;
};
errorCount: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
messages: {
type: import("vue").PropType<string | string[]>;
default: () => never[];
};
immediateValidation: {
type: BooleanConstructor;
default: boolean;
};
type: {
type: import("vue").PropType<NonNullable<import("../va-date-picker/types").DatePickerType | undefined>>;
required: true;
default: import("../va-date-picker/types").DatePickerType | undefined;
};
mode: {
type: import("vue").PropType<NonNullable<NonNullable<import("../va-date-picker/types").DatePickerMode | undefined> | undefined>>;
required: true;
default: NonNullable<import("../va-date-picker/types").DatePickerMode | undefined> | undefined;
};
"onUpdate:modelValue": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
stateful: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
disabled: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
readonly: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
view: {
type: import("vue").PropType<Partial<import("../va-date-picker/types").DatePickerView>>;
required: true;
default: Partial<import("../va-date-picker/types").DatePickerView> | undefined;
};
"child:prevButton": {
type: import("vue").PropType<Partial<{
size: "small" | "medium" | "large";
replace: boolean;
type: string;
preset: import("../../composables").PresetPropValue;
target: string;
color: import("../../composables").ColorName;
textColor: string;
icon: string;
borderColor: string;
gradient: boolean;
tag: string;
sizesConfig: Record<string, any>;
fontSizesConfig: Record<string, any>;
loading: boolean;
block: boolean;
disabled: boolean;
textOpacity: string | number;
backgroundOpacity: string | number;
plain: boolean;
round: boolean;
iconRight: string;
iconColor: string;
to: string | Record<string, any>;
append: boolean;
exact: boolean;
activeClass: string;
exactActiveClass: string;
href: string;
pressedBehavior: "opacity" | "mask";
pressedOpacity: number;
pressedMaskColor: string;
hoverBehavior: "opacity" | "mask";
hoverOpacity: string | number;
hoverMaskColor: string;
}> & Omit<{
readonly size: "small" | "medium" | "large";
readonly type: string;
readonly color: import("../../composables").ColorName;
readonly textColor: string;
readonly icon: string;
readonly borderColor: string;
readonly gradient: boolean;
readonly tag: string;
readonly sizesConfig: Record<string, any>;
readonly fontSizesConfig: Record<string, any>;
readonly loading: boolean;
readonly block: boolean;
readonly disabled: boolean;
readonly textOpacity: string | number;
readonly backgroundOpacity: string | number;
readonly plain: boolean;
readonly round: boolean;
readonly iconRight: string;
readonly iconColor: string;
readonly pressedBehavior: "opacity" | "mask";
readonly pressedOpacity: number;
readonly pressedMaskColor: string;
readonly hoverBehavior: "opacity" | "mask";
readonly hoverOpacity: string | number;
readonly hoverMaskColor: string;
readonly replace?: boolean | undefined;
readonly preset?: import("../../composables").PresetPropValue | undefined;
readonly target?: string | undefined;
readonly to?: string | Record<string, any> | undefined;
readonly append?: boolean | undefined;
readonly exact?: boolean | undefined;
readonly activeClass?: string | undefined;
readonly exactActiveClass?: string | undefined;
readonly href?: string | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: import("vue").PropType<import("../../composables").ColorName>;
default: string;
};
textColor: {
type: StringConstructor;
default: string;
};
textOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
backgroundOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
borderColor: {
type: StringConstructor;
default: string;
};
gradient: {
type: BooleanConstructor;
default: boolean;
};
plain: {
type: BooleanConstructor;
default: boolean;
};
round: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<"small" | "medium" | "large">;
default: string;
validator: (v: string) => boolean;
};
icon: {
type: StringConstructor;
default: string;
};
iconRight: {
type: StringConstructor;
default: string;
};
iconColor: {
type: StringConstructor;
default: string;
};
to: {
type: import("vue").PropType<string | Record<string, any>>;
default: undefined;
};
replace: {
type: BooleanConstructor;
default: undefined;
};
append: {
type: BooleanConstructor;
default: undefined;
};
exact: {
type: BooleanConstructor;
default: undefined;
};
activeClass: {
type: StringConstructor;
default: undefined;
};
exactActiveClass: {
type: StringConstructor;
default: undefined;
};
href: {
type: StringConstructor;
default: undefined;
};
target: {
type: StringConstructor;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
pressedBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
pressedOpacity: {
type: NumberConstructor;
default: number;
};
pressedMaskColor: {
type: StringConstructor;
default: string;
};
hoverBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
hoverOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hoverMaskColor: {
type: StringConstructor;
default: string;
};
sizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
fontSizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
}>>, "size" | "replace" | "type" | "preset" | "target" | "color" | "textColor" | "icon" | "borderColor" | "gradient" | "tag" | "sizesConfig" | "fontSizesConfig" | "loading" | "block" | "disabled" | "textOpacity" | "backgroundOpacity" | "plain" | "round" | "iconRight" | "iconColor" | "to" | "append" | "exact" | "activeClass" | "exactActiveClass" | "href" | "pressedBehavior" | "pressedOpacity" | "pressedMaskColor" | "hoverBehavior" | "hoverOpacity" | "hoverMaskColor">>;
required: true;
default: NonNullable<Partial<{
size: "small" | "medium" | "large";
replace: boolean;
type: string;
preset: import("../../composables").PresetPropValue;
target: string;
color: import("../../composables").ColorName;
textColor: string;
icon: string;
borderColor: string;
gradient: boolean;
tag: string;
sizesConfig: Record<string, any>;
fontSizesConfig: Record<string, any>;
loading: boolean;
block: boolean;
disabled: boolean;
textOpacity: string | number;
backgroundOpacity: string | number;
plain: boolean;
round: boolean;
iconRight: string;
iconColor: string;
to: string | Record<string, any>;
append: boolean;
exact: boolean;
activeClass: string;
exactActiveClass: string;
href: string;
pressedBehavior: "opacity" | "mask";
pressedOpacity: number;
pressedMaskColor: string;
hoverBehavior: "opacity" | "mask";
hoverOpacity: string | number;
hoverMaskColor: string;
}> & Omit<{
readonly size: "small" | "medium" | "large";
readonly type: string;
readonly color: import("../../composables").ColorName;
readonly textColor: string;
readonly icon: string;
readonly borderColor: string;
readonly gradient: boolean;
readonly tag: string;
readonly sizesConfig: Record<string, any>;
readonly fontSizesConfig: Record<string, any>;
readonly loading: boolean;
readonly block: boolean;
readonly disabled: boolean;
readonly textOpacity: string | number;
readonly backgroundOpacity: string | number;
readonly plain: boolean;
readonly round: boolean;
readonly iconRight: string;
readonly iconColor: string;
readonly pressedBehavior: "opacity" | "mask";
readonly pressedOpacity: number;
readonly pressedMaskColor: string;
readonly hoverBehavior: "opacity" | "mask";
readonly hoverOpacity: string | number;
readonly hoverMaskColor: string;
readonly replace?: boolean | undefined;
readonly preset?: import("../../composables").PresetPropValue | undefined;
readonly target?: string | undefined;
readonly to?: string | Record<string, any> | undefined;
readonly append?: boolean | undefined;
readonly exact?: boolean | undefined;
readonly activeClass?: string | undefined;
readonly exactActiveClass?: string | undefined;
readonly href?: string | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: import("vue").PropType<import("../../composables").ColorName>;
default: string;
};
textColor: {
type: StringConstructor;
default: string;
};
textOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
backgroundOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
borderColor: {
type: StringConstructor;
default: string;
};
gradient: {
type: BooleanConstructor;
default: boolean;
};
plain: {
type: BooleanConstructor;
default: boolean;
};
round: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<"small" | "medium" | "large">;
default: string;
validator: (v: string) => boolean;
};
icon: {
type: StringConstructor;
default: string;
};
iconRight: {
type: StringConstructor;
default: string;
};
iconColor: {
type: StringConstructor;
default: string;
};
to: {
type: import("vue").PropType<string | Record<string, any>>;
default: undefined;
};
replace: {
type: BooleanConstructor;
default: undefined;
};
append: {
type: BooleanConstructor;
default: undefined;
};
exact: {
type: BooleanConstructor;
default: undefined;
};
activeClass: {
type: StringConstructor;
default: undefined;
};
exactActiveClass: {
type: StringConstructor;
default: undefined;
};
href: {
type: StringConstructor;
default: undefined;
};
target: {
type: StringConstructor;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
pressedBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
pressedOpacity: {
type: NumberConstructor;
default: number;
};
pressedMaskColor: {
type: StringConstructor;
default: string;
};
hoverBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
hoverOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hoverMaskColor: {
type: StringConstructor;
default: string;
};
sizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
fontSizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
}>>, "size" | "replace" | "type" | "preset" | "target" | "color" | "textColor" | "icon" | "borderColor" | "gradient" | "tag" | "sizesConfig" | "fontSizesConfig" | "loading" | "block" | "disabled" | "textOpacity" | "backgroundOpacity" | "plain" | "round" | "iconRight" | "iconColor" | "to" | "append" | "exact" | "activeClass" | "exactActiveClass" | "href" | "pressedBehavior" | "pressedOpacity" | "pressedMaskColor" | "hoverBehavior" | "hoverOpacity" | "hoverMaskColor">> | undefined;
};
"child:nextButton": {
type: import("vue").PropType<Partial<{
size: "small" | "medium" | "large";
replace: boolean;
type: string;
preset: import("../../composables").PresetPropValue;
target: string;
color: import("../../composables").ColorName;
textColor: string;
icon: string;
borderColor: string;
gradient: boolean;
tag: string;
sizesConfig: Record<string, any>;
fontSizesConfig: Record<string, any>;
loading: boolean;
block: boolean;
disabled: boolean;
textOpacity: string | number;
backgroundOpacity: string | number;
plain: boolean;
round: boolean;
iconRight: string;
iconColor: string;
to: string | Record<string, any>;
append: boolean;
exact: boolean;
activeClass: string;
exactActiveClass: string;
href: string;
pressedBehavior: "opacity" | "mask";
pressedOpacity: number;
pressedMaskColor: string;
hoverBehavior: "opacity" | "mask";
hoverOpacity: string | number;
hoverMaskColor: string;
}> & Omit<{
readonly size: "small" | "medium" | "large";
readonly type: string;
readonly color: import("../../composables").ColorName;
readonly textColor: string;
readonly icon: string;
readonly borderColor: string;
readonly gradient: boolean;
readonly tag: string;
readonly sizesConfig: Record<string, any>;
readonly fontSizesConfig: Record<string, any>;
readonly loading: boolean;
readonly block: boolean;
readonly disabled: boolean;
readonly textOpacity: string | number;
readonly backgroundOpacity: string | number;
readonly plain: boolean;
readonly round: boolean;
readonly iconRight: string;
readonly iconColor: string;
readonly pressedBehavior: "opacity" | "mask";
readonly pressedOpacity: number;
readonly pressedMaskColor: string;
readonly hoverBehavior: "opacity" | "mask";
readonly hoverOpacity: string | number;
readonly hoverMaskColor: string;
readonly replace?: boolean | undefined;
readonly preset?: import("../../composables").PresetPropValue | undefined;
readonly target?: string | undefined;
readonly to?: string | Record<string, any> | undefined;
readonly append?: boolean | undefined;
readonly exact?: boolean | undefined;
readonly activeClass?: string | undefined;
readonly exactActiveClass?: string | undefined;
readonly href?: string | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: import("vue").PropType<import("../../composables").ColorName>;
default: string;
};
textColor: {
type: StringConstructor;
default: string;
};
textOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
backgroundOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
borderColor: {
type: StringConstructor;
default: string;
};
gradient: {
type: BooleanConstructor;
default: boolean;
};
plain: {
type: BooleanConstructor;
default: boolean;
};
round: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<"small" | "medium" | "large">;
default: string;
validator: (v: string) => boolean;
};
icon: {
type: StringConstructor;
default: string;
};
iconRight: {
type: StringConstructor;
default: string;
};
iconColor: {
type: StringConstructor;
default: string;
};
to: {
type: import("vue").PropType<string | Record<string, any>>;
default: undefined;
};
replace: {
type: BooleanConstructor;
default: undefined;
};
append: {
type: BooleanConstructor;
default: undefined;
};
exact: {
type: BooleanConstructor;
default: undefined;
};
activeClass: {
type: StringConstructor;
default: undefined;
};
exactActiveClass: {
type: StringConstructor;
default: undefined;
};
href: {
type: StringConstructor;
default: undefined;
};
target: {
type: StringConstructor;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
pressedBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
pressedOpacity: {
type: NumberConstructor;
default: number;
};
pressedMaskColor: {
type: StringConstructor;
default: string;
};
hoverBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
hoverOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hoverMaskColor: {
type: StringConstructor;
default: string;
};
sizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
fontSizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
}>>, "size" | "replace" | "type" | "preset" | "target" | "color" | "textColor" | "icon" | "borderColor" | "gradient" | "tag" | "sizesConfig" | "fontSizesConfig" | "loading" | "block" | "disabled" | "textOpacity" | "backgroundOpacity" | "plain" | "round" | "iconRight" | "iconColor" | "to" | "append" | "exact" | "activeClass" | "exactActiveClass" | "href" | "pressedBehavior" | "pressedOpacity" | "pressedMaskColor" | "hoverBehavior" | "hoverOpacity" | "hoverMaskColor">>;
required: true;
default: NonNullable<Partial<{
size: "small" | "medium" | "large";
replace: boolean;
type: string;
preset: import("../../composables").PresetPropValue;
target: string;
color: import("../../composables").ColorName;
textColor: string;
icon: string;
borderColor: string;
gradient: boolean;
tag: string;
sizesConfig: Record<string, any>;
fontSizesConfig: Record<string, any>;
loading: boolean;
block: boolean;
disabled: boolean;
textOpacity: string | number;
backgroundOpacity: string | number;
plain: boolean;
round: boolean;
iconRight: string;
iconColor: string;
to: string | Record<string, any>;
append: boolean;
exact: boolean;
activeClass: string;
exactActiveClass: string;
href: string;
pressedBehavior: "opacity" | "mask";
pressedOpacity: number;
pressedMaskColor: string;
hoverBehavior: "opacity" | "mask";
hoverOpacity: string | number;
hoverMaskColor: string;
}> & Omit<{
readonly size: "small" | "medium" | "large";
readonly type: string;
readonly color: import("../../composables").ColorName;
readonly textColor: string;
readonly icon: string;
readonly borderColor: string;
readonly gradient: boolean;
readonly tag: string;
readonly sizesConfig: Record<string, any>;
readonly fontSizesConfig: Record<string, any>;
readonly loading: boolean;
readonly block: boolean;
readonly disabled: boolean;
readonly textOpacity: string | number;
readonly backgroundOpacity: string | number;
readonly plain: boolean;
readonly round: boolean;
readonly iconRight: string;
readonly iconColor: string;
readonly pressedBehavior: "opacity" | "mask";
readonly pressedOpacity: number;
readonly pressedMaskColor: string;
readonly hoverBehavior: "opacity" | "mask";
readonly hoverOpacity: string | number;
readonly hoverMaskColor: string;
readonly replace?: boolean | undefined;
readonly preset?: import("../../composables").PresetPropValue | undefined;
readonly target?: string | undefined;
readonly to?: string | Record<string, any> | undefined;
readonly append?: boolean | undefined;
readonly exact?: boolean | undefined;
readonly activeClass?: string | undefined;
readonly exactActiveClass?: string | undefined;
readonly href?: string | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: import("vue").PropType<import("../../composables").ColorName>;
default: string;
};
textColor: {
type: StringConstructor;
default: string;
};
textOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
backgroundOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
borderColor: {
type: StringConstructor;
default: string;
};
gradient: {
type: BooleanConstructor;
default: boolean;
};
plain: {
type: BooleanConstructor;
default: boolean;
};
round: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<"small" | "medium" | "large">;
default: string;
validator: (v: string) => boolean;
};
icon: {
type: StringConstructor;
default: string;
};
iconRight: {
type: StringConstructor;
default: string;
};
iconColor: {
type: StringConstructor;
default: string;
};
to: {
type: import("vue").PropType<string | Record<string, any>>;
default: undefined;
};
replace: {
type: BooleanConstructor;
default: undefined;
};
append: {
type: BooleanConstructor;
default: undefined;
};
exact: {
type: BooleanConstructor;
default: undefined;
};
activeClass: {
type: StringConstructor;
default: undefined;
};
exactActiveClass: {
type: StringConstructor;
default: undefined;
};
href: {
type: StringConstructor;
default: undefined;
};
target: {
type: StringConstructor;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
pressedBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
pressedOpacity: {
type: NumberConstructor;
default: number;
};
pressedMaskColor: {
type: StringConstructor;
default: string;
};
hoverBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
hoverOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hoverMaskColor: {
type: StringConstructor;
default: string;
};
sizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
fontSizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
}>>, "size" | "replace" | "type" | "preset" | "target" | "color" | "textColor" | "icon" | "borderColor" | "gradient" | "tag" | "sizesConfig" | "fontSizesConfig" | "loading" | "block" | "disabled" | "textOpacity" | "backgroundOpacity" | "plain" | "round" | "iconRight" | "iconColor" | "to" | "append" | "exact" | "activeClass" | "exactActiveClass" | "href" | "pressedBehavior" | "pressedOpacity" | "pressedMaskColor" | "hoverBehavior" | "hoverOpacity" | "hoverMaskColor">> | undefined;
};
"child:middleButton": {
type: import("vue").PropType<Partial<{
size: "small" | "medium" | "large";
replace: boolean;
type: string;
preset: import("../../composables").PresetPropValue;
target: string;
color: import("../../composables").ColorName;
textColor: string;
icon: string;
borderColor: string;
gradient: boolean;
tag: string;
sizesConfig: Record<string, any>;
fontSizesConfig: Record<string, any>;
loading: boolean;
block: boolean;
disabled: boolean;
textOpacity: string | number;
backgroundOpacity: string | number;
plain: boolean;
round: boolean;
iconRight: string;
iconColor: string;
to: string | Record<string, any>;
append: boolean;
exact: boolean;
activeClass: string;
exactActiveClass: string;
href: string;
pressedBehavior: "opacity" | "mask";
pressedOpacity: number;
pressedMaskColor: string;
hoverBehavior: "opacity" | "mask";
hoverOpacity: string | number;
hoverMaskColor: string;
}> & Omit<{
readonly size: "small" | "medium" | "large";
readonly type: string;
readonly color: import("../../composables").ColorName;
readonly textColor: string;
readonly icon: string;
readonly borderColor: string;
readonly gradient: boolean;
readonly tag: string;
readonly sizesConfig: Record<string, any>;
readonly fontSizesConfig: Record<string, any>;
readonly loading: boolean;
readonly block: boolean;
readonly disabled: boolean;
readonly textOpacity: string | number;
readonly backgroundOpacity: string | number;
readonly plain: boolean;
readonly round: boolean;
readonly iconRight: string;
readonly iconColor: string;
readonly pressedBehavior: "opacity" | "mask";
readonly pressedOpacity: number;
readonly pressedMaskColor: string;
readonly hoverBehavior: "opacity" | "mask";
readonly hoverOpacity: string | number;
readonly hoverMaskColor: string;
readonly replace?: boolean | undefined;
readonly preset?: import("../../composables").PresetPropValue | undefined;
readonly target?: string | undefined;
readonly to?: string | Record<string, any> | undefined;
readonly append?: boolean | undefined;
readonly exact?: boolean | undefined;
readonly activeClass?: string | undefined;
readonly exactActiveClass?: string | undefined;
readonly href?: string | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: import("vue").PropType<import("../../composables").ColorName>;
default: string;
};
textColor: {
type: StringConstructor;
default: string;
};
textOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
backgroundOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
borderColor: {
type: StringConstructor;
default: string;
};
gradient: {
type: BooleanConstructor;
default: boolean;
};
plain: {
type: BooleanConstructor;
default: boolean;
};
round: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<"small" | "medium" | "large">;
default: string;
validator: (v: string) => boolean;
};
icon: {
type: StringConstructor;
default: string;
};
iconRight: {
type: StringConstructor;
default: string;
};
iconColor: {
type: StringConstructor;
default: string;
};
to: {
type: import("vue").PropType<string | Record<string, any>>;
default: undefined;
};
replace: {
type: BooleanConstructor;
default: undefined;
};
append: {
type: BooleanConstructor;
default: undefined;
};
exact: {
type: BooleanConstructor;
default: undefined;
};
activeClass: {
type: StringConstructor;
default: undefined;
};
exactActiveClass: {
type: StringConstructor;
default: undefined;
};
href: {
type: StringConstructor;
default: undefined;
};
target: {
type: StringConstructor;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
pressedBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
pressedOpacity: {
type: NumberConstructor;
default: number;
};
pressedMaskColor: {
type: StringConstructor;
default: string;
};
hoverBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
hoverOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hoverMaskColor: {
type: StringConstructor;
default: string;
};
sizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
fontSizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
}>>, "size" | "replace" | "type" | "preset" | "target" | "color" | "textColor" | "icon" | "borderColor" | "gradient" | "tag" | "sizesConfig" | "fontSizesConfig" | "loading" | "block" | "disabled" | "textOpacity" | "backgroundOpacity" | "plain" | "round" | "iconRight" | "iconColor" | "to" | "append" | "exact" | "activeClass" | "exactActiveClass" | "href" | "pressedBehavior" | "pressedOpacity" | "pressedMaskColor" | "hoverBehavior" | "hoverOpacity" | "hoverMaskColor">>;
required: true;
default: NonNullable<Partial<{
size: "small" | "medium" | "large";
replace: boolean;
type: string;
preset: import("../../composables").PresetPropValue;
target: string;
color: import("../../composables").ColorName;
textColor: string;
icon: string;
borderColor: string;
gradient: boolean;
tag: string;
sizesConfig: Record<string, any>;
fontSizesConfig: Record<string, any>;
loading: boolean;
block: boolean;
disabled: boolean;
textOpacity: string | number;
backgroundOpacity: string | number;
plain: boolean;
round: boolean;
iconRight: string;
iconColor: string;
to: string | Record<string, any>;
append: boolean;
exact: boolean;
activeClass: string;
exactActiveClass: string;
href: string;
pressedBehavior: "opacity" | "mask";
pressedOpacity: number;
pressedMaskColor: string;
hoverBehavior: "opacity" | "mask";
hoverOpacity: string | number;
hoverMaskColor: string;
}> & Omit<{
readonly size: "small" | "medium" | "large";
readonly type: string;
readonly color: import("../../composables").ColorName;
readonly textColor: string;
readonly icon: string;
readonly borderColor: string;
readonly gradient: boolean;
readonly tag: string;
readonly sizesConfig: Record<string, any>;
readonly fontSizesConfig: Record<string, any>;
readonly loading: boolean;
readonly block: boolean;
readonly disabled: boolean;
readonly textOpacity: string | number;
readonly backgroundOpacity: string | number;
readonly plain: boolean;
readonly round: boolean;
readonly iconRight: string;
readonly iconColor: string;
readonly pressedBehavior: "opacity" | "mask";
readonly pressedOpacity: number;
readonly pressedMaskColor: string;
readonly hoverBehavior: "opacity" | "mask";
readonly hoverOpacity: string | number;
readonly hoverMaskColor: string;
readonly replace?: boolean | undefined;
readonly preset?: import("../../composables").PresetPropValue | undefined;
readonly target?: string | undefined;
readonly to?: string | Record<string, any> | undefined;
readonly append?: boolean | undefined;
readonly exact?: boolean | undefined;
readonly activeClass?: string | undefined;
readonly exactActiveClass?: string | undefined;
readonly href?: string | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: import("vue").PropType<import("../../composables").ColorName>;
default: string;
};
textColor: {
type: StringConstructor;
default: string;
};
textOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
backgroundOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
borderColor: {
type: StringConstructor;
default: string;
};
gradient: {
type: BooleanConstructor;
default: boolean;
};
plain: {
type: BooleanConstructor;
default: boolean;
};
round: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<"small" | "medium" | "large">;
default: string;
validator: (v: string) => boolean;
};
icon: {
type: StringConstructor;
default: string;
};
iconRight: {
type: StringConstructor;
default: string;
};
iconColor: {
type: StringConstructor;
default: string;
};
to: {
type: import("vue").PropType<string | Record<string, any>>;
default: undefined;
};
replace: {
type: BooleanConstructor;
default: undefined;
};
append: {
type: BooleanConstructor;
default: undefined;
};
exact: {
type: BooleanConstructor;
default: undefined;
};
activeClass: {
type: StringConstructor;
default: undefined;
};
exactActiveClass: {
type: StringConstructor;
default: undefined;
};
href: {
type: StringConstructor;
default: undefined;
};
target: {
type: StringConstructor;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
pressedBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
pressedOpacity: {
type: NumberConstructor;
default: number;
};
pressedMaskColor: {
type: StringConstructor;
default: string;
};
hoverBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
hoverOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hoverMaskColor: {
type: StringConstructor;
default: string;
};
sizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
fontSizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
}>>, "size" | "replace" | "type" | "preset" | "target" | "color" | "textColor" | "icon" | "borderColor" | "gradient" | "tag" | "sizesConfig" | "fontSizesConfig" | "loading" | "block" | "disabled" | "textOpacity" | "backgroundOpacity" | "plain" | "round" | "iconRight" | "iconColor" | "to" | "append" | "exact" | "activeClass" | "exactActiveClass" | "href" | "pressedBehavior" | "pressedOpacity" | "pressedMaskColor" | "hoverBehavior" | "hoverOpacity" | "hoverMaskColor">> | undefined;
};
"onUpdate:view": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
monthNames: {
type: import("vue").PropType<string[]>;
required: true;
default: string[] | undefined;
};
ariaNextPeriodLabel: {
type: import("vue").PropType<NonNullable<NonNullable<import("../../composables").TranslationProp | undefined> | undefined>>;
required: true;
default: NonNullable<import("../../composables").TranslationProp | undefined> | undefined;
};
ariaPreviousPeriodLabel: {
type: import("vue").PropType<NonNullable<NonNullable<import("../../composables").TranslationProp | undefined> | undefined>>;
required: true;
default: NonNullable<import("../../composables").TranslationProp | undefined> | undefined;
};
ariaSwitchViewLabel: {
type: import("vue").PropType<NonNullable<NonNullable<import("../../composables").TranslationProp | undefined> | undefined>>;
required: true;
default: NonNullable<import("../../composables").TranslationProp | undefined> | undefined;
};
"onHover:day": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onClick:day": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
weekdayNames: {
type: import("vue").PropType<string[]>;
required: true;
default: string[] | undefined;
};
firstWeekday: {
type: import("vue").PropType<NonNullable<NonNullable<("Monday" | "Sunday" | "monday" | "sunday") | undefined> | undefined>>;
required: true;
default: NonNullable<("Monday" | "Sunday" | "monday" | "sunday") | undefined> | undefined;
};
hideWeekDays: {
type: import("vue").PropType<NonNullable<NonNullable<boolean | undefined> | undefined>>;
required: true;
default: NonNullable<boolean | undefined> | undefined;
};
showOtherMonths: {
type: import("vue").PropType<NonNullable<NonNullable<boolean | undefined> | undefined>>;
required: true;
default: NonNullable<boolean | undefined> | undefined;
};
allowedDays: {
type: import("vue").PropType<(date: Date) => boolean>;
required: true;
default: ((date: Date) => boolean) | undefined;
};
weekends: {
type: import("vue").PropType<(date: Date) => boolean>;
required: true;
default: ((date: Date) => boolean) | undefined;
};
highlightWeekend: {
type: import("vue").PropType<NonNullable<NonNullable<boolean | undefined> | undefined>>;
required: true;
default: NonNullable<boolean | undefined> | undefined;
};
highlightToday: {
type: import("vue").PropType<NonNullable<NonNullable<boolean | undefined> | undefined>>;
required: true;
default: NonNullable<boolean | undefined> | undefined;
};
"onHover:month": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onClick:month": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
allowedMonths: {
type: import("vue").PropType<(date: Date) => boolean>;
required: true;
default: ((date: Date) => boolean) | undefined;
};
"onHover:year": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onClick:year": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
allowedYears: {
type: import("vue").PropType<(date: Date) => boolean>;
required: true;
default: ((date: Date) => boolean) | undefined;
};
startYear: {
type: import("vue").PropType<NonNullable<NonNullable<string | number | undefined> | undefined>>;
required: true;
default: NonNullable<string | number | undefined> | undefined;
};
endYear: {
type: import("vue").PropType<NonNullable<NonNullable<string | number | undefined> | undefined>>;
required: true;
default: NonNullable<string | number | undefined> | undefined;
};
weekendsColor: {
type: import("vue").PropType<string>;
required: true;
default: string | undefined;
};
label: {
type: import("vue").PropType<string>;
required: true;
default: string | undefined;
};
onClick: {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
loading: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
requiredMark: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
"onClick-prepend": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onClick-append": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onClick-prepend-inner": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onClick-append-inner": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onClick-field": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
counter: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
placeholder: {
type: import("vue").PropType<string>;
required: true;
default: string | undefined;
};
background: {
type: import("vue").PropType<string>;
required: true;
default: string | undefined;
};
innerLabel: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
inputAriaLabel: {
type: import("vue").PropType<NonNullable<import("../../composables").TranslationProp | undefined>>;
required: true;
default: import("../../composables").TranslationProp | undefined;
};
inputAriaLabelledby: {
type: import("vue").PropType<string>;
required: true;
default: string | undefined;
};
inputAriaDescribedby: {
type: import("vue").PropType<string>;
required: true;
default: string | undefined;
};
clearable: {
type: BooleanConstructor;
default: boolean;
};
clearableIcon: {
type: StringConstructor;
default: string;
};
closeOnChange: {
type: BooleanConstructor;
default: null;
};
isOpen: {
type: BooleanConstructor;
default: undefined;
};
onClose: {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
anchor: {
type: import("vue").PropType<NonNullable<import("../../composables").MaybeHTMLElementOrSelector>>;
required: true;
default: import("../../composables").MaybeHTMLElementOrSelector;
};
target: {
type: import("vue").PropType<NonNullable<import("../../composables").MaybeHTMLElementOrSelector>>;
required: true;
default: import("../../composables").MaybeHTMLElementOrSelector;
};
onOpen: {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onClick-outside": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
ariaLabel: {
type: import("vue").PropType<NonNullable<import("../../composables").TranslationProp | undefined>>;
required: true;
default: import("../../composables").TranslationProp | undefined;
};
placement: {
type: import("vue").PropType<NonNullable<import("../../composables").PlacementWithAlias | undefined>>;
required: true;
default: import("../../composables").PlacementWithAlias | undefined;
};
role: {
type: import("vue").PropType<NonNullable<import("../../utils/types/prop-type").StringWithAutocomplete<"button" | "none"> | undefined>>;
required: true;
default: import("../../utils/types/prop-type").StringWithAutocomplete<"button" | "none"> | undefined;
};
"onAnchor-click": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onAnchor-right-click": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onContent-click": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onFocus-outside": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onAnchor-dblclick": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
anchorSelector: {
type: import("vue").PropType<string>;
required: true;
default: string | undefined;
};
trigger: {
type: import("vue").PropType<NonNullable<import("../va-dropdown/hooks/useDropdownNavigation").Trigger | readonly import("../va-dropdown/hooks/useDropdownNavigation").Trigger[] | undefined>>;
required: true;
default: import("../va-dropdown/hooks/useDropdownNavigation").Trigger | readonly import("../va-dropdown/hooks/useDropdownNavigation").Trigger[] | undefined;
};
closeOnClickOutside: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
closeOnFocusOutside: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
closeOnAnchorClick: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
hoverOverTimeout: {
type: import("vue").PropType<NonNullable<string | number | undefined>>;
required: true;
default: string | number | undefined;
};
hoverOutTimeout: {
type: import("vue").PropType<NonNullable<string | number | undefined>>;
required: true;
default: string | number | undefined;
};
isContentHoverable: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
keepAnchorWidth: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
verticalScrollOnOverflow: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
cursor: {
type: import("vue").PropType<NonNullable<boolean | import("../va-dropdown/types").CursorAnchor | undefined>>;
required: true;
default: boolean | import("../va-dropdown/types").CursorAnchor | undefined;
};
autoPlacement: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
stickToEdges: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
teleport: {
type: import("vue").PropType<NonNullable<import("../../composables").MaybeHTMLElementOrSelector>>;
required: true;
default: import("../../composables").MaybeHTMLElementOrSelector;
};
contentClass: {
type: import("vue").PropType<string>;
required: true;
default: string | undefined;
};
}>>, {
label: string;
error: boolean;
onClick: (...args: any[]) => any;
onClose: (...args: any[]) => any;
anchor: NonNullable<import("../../composables").MaybeHTMLElementOrSelector>;
type: NonNullable<import("../va-date-picker/types").DatePickerType | undefined>;
mode: NonNullable<NonNullable<import("../va-date-picker/types").DatePickerMode | undefined> | undefined>;
"onUpdate:modelValue": (...args: any[]) => any;
stateful: NonNullable<boolean | undefined>;
preset: import("../../composables").PresetPropValue;
target: NonNullable<import("../../composables").MaybeHTMLElementOrSelector>;
color: string;
icon: string;
name: string;
loading: NonNullable<boolean | undefined>;
success: boolean;
disabled: NonNullable<boolean | undefined>;
onOpen: (...args: any[]) => any;
"onClick-outside": (...args: any[]) => any;
ariaLabel: NonNullable<import("../../composables").TranslationProp | undefined>;
placement: NonNullable<import("../../composables").PlacementWithAlias | undefined>;
offset: NonNullable<import("../va-dropdown/types").DropdownOffsetProp | undefined>;
role: NonNullable<import("../../utils/types/prop-type").StringWithAutocomplete<"button" | "none"> | undefined>;
"onAnchor-click": (...args: any[]) => any;
"onAnchor-right-click": (...args: any[]) => any;
"onContent-click": (...args: any[]) => any;
"onFocus-outside": (...args: any[]) => any;
"onAnchor-dblclick": (...args: any[]) => any;
anchorSelector: string;
trigger: NonNullable<import("../va-dropdown/hooks/useDropdownNavigation").Trigger | readonly import("../va-dropdown/hooks/useDropdownNavigation").Trigger[] | undefined>;
readonly: NonNullable<boolean | undefined>;
closeOnClickOutside: NonNullable<boolean | undefined>;
closeOnFocusOutside: NonNullable<boolean | undefined>;
closeOnAnchorClick: NonNullable<boolean | undefined>;
closeOnContentClick: boolean;
hoverOverTimeout: NonNullable<string | number | undefined>;
hoverOutTimeout: NonNullable<string | number | undefined>;
isContentHoverable: NonNullable<boolean | undefined>;
keepAnchorWidth: NonNullable<boolean | undefined>;
verticalScrollOnOverflow: NonNullable<boolean | undefined>;
cursor: NonNullable<boolean | import("../va-dropdown/types").CursorAnchor | undefined>;
autoPlacement: NonNullable<boolean | undefined>;
stickToEdges: NonNullable<boolean | undefined>;
teleport: NonNullable<import("../../composables").MaybeHTMLElementOrSelector>;
contentClass: string;
view: Partial<import("../va-date-picker/types").DatePickerView>;
leftIcon: boolean;
rules: import("../../composables").ValidationRule<import("./types").DateInputModelValue>[];
dirty: boolean;
errorMessages: string | string[];
errorCount: string | number;
messages: string | string[];
immediateValidation: boolean;
requiredMark: NonNullable<boolean | undefined>;
"onClick-prepend": (...args: any[]) => any;
"onClick-append": (...args: any[]) => any;
"onClick-prepend-inner": (...args: any[]) => any;
"onClick-append-inner": (...args: any[]) => any;
"onClick-field": (...args: any[]) => any;
counter: NonNullable<boolean | undefined>;
placeholder: string;
background: string;
innerLabel: NonNullable<boolean | undefined>;
inputAriaLabel: NonNullable<import("../../composables").TranslationProp | undefined>;
inputAriaLabelledby: string;
inputAriaDescribedby: string;
ariaResetLabel: import("../../composables").TranslationProp;
clearable: boolean;
clearableIcon: string;
clearValue: any;
manualInput: boolean;
"child:prevButton": Partial<{
size: "small" | "medium" | "large";
replace: boolean;
type: string;
preset: import("../../composables").PresetPropValue;
target: string;
color: import("../../composables").ColorName;
textColor: string;
icon: string;
borderColor: string;
gradient: boolean;
tag: string;
sizesConfig: Record<string, any>;
fontSizesConfig: Record<string, any>;
loading: boolean;
block: boolean;
disabled: boolean;
textOpacity: string | number;
backgroundOpacity: string | number;
plain: boolean;
round: boolean;
iconRight: string;
iconColor: string;
to: string | Record<string, any>;
append: boolean;
exact: boolean;
activeClass: string;
exactActiveClass: string;
href: string;
pressedBehavior: "opacity" | "mask";
pressedOpacity: number;
pressedMaskColor: string;
hoverBehavior: "opacity" | "mask";
hoverOpacity: string | number;
hoverMaskColor: string;
}> & Omit<{
readonly size: "small" | "medium" | "large";
readonly type: string;
readonly color: import("../../composables").ColorName;
readonly textColor: string;
readonly icon: string;
readonly borderColor: string;
readonly gradient: boolean;
readonly tag: string;
readonly sizesConfig: Record<string, any>;
readonly fontSizesConfig: Record<string, any>;
readonly loading: boolean;
readonly block: boolean;
readonly disabled: boolean;
readonly textOpacity: string | number;
readonly backgroundOpacity: string | number;
readonly plain: boolean;
readonly round: boolean;
readonly iconRight: string;
readonly iconColor: string;
readonly pressedBehavior: "opacity" | "mask";
readonly pressedOpacity: number;
readonly pressedMaskColor: string;
readonly hoverBehavior: "opacity" | "mask";
readonly hoverOpacity: string | number;
readonly hoverMaskColor: string;
readonly replace?: boolean | undefined;
readonly preset?: import("../../composables").PresetPropValue | undefined;
readonly target?: string | undefined;
readonly to?: string | Record<string, any> | undefined;
readonly append?: boolean | undefined;
readonly exact?: boolean | undefined;
readonly activeClass?: string | undefined;
readonly exactActiveClass?: string | undefined;
readonly href?: string | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: import("vue").PropType<import("../../composables").ColorName>;
default: string;
};
textColor: {
type: StringConstructor;
default: string;
};
textOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
backgroundOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
borderColor: {
type: StringConstructor;
default: string;
};
gradient: {
type: BooleanConstructor;
default: boolean;
};
plain: {
type: BooleanConstructor;
default: boolean;
};
round: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<"small" | "medium" | "large">;
default: string;
validator: (v: string) => boolean;
};
icon: {
type: StringConstructor;
default: string;
};
iconRight: {
type: StringConstructor;
default: string;
};
iconColor: {
type: StringConstructor;
default: string;
};
to: {
type: import("vue").PropType<string | Record<string, any>>;
default: undefined;
};
replace: {
type: BooleanConstructor;
default: undefined;
};
append: {
type: BooleanConstructor;
default: undefined;
};
exact: {
type: BooleanConstructor;
default: undefined;
};
activeClass: {
type: StringConstructor;
default: undefined;
};
exactActiveClass: {
type: StringConstructor;
default: undefined;
};
href: {
type: StringConstructor;
default: undefined;
};
target: {
type: StringConstructor;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
pressedBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
pressedOpacity: {
type: NumberConstructor;
default: number;
};
pressedMaskColor: {
type: StringConstructor;
default: string;
};
hoverBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
hoverOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hoverMaskColor: {
type: StringConstructor;
default: string;
};
sizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
fontSizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
}>>, "size" | "replace" | "type" | "preset" | "target" | "color" | "textColor" | "icon" | "borderColor" | "gradient" | "tag" | "sizesConfig" | "fontSizesConfig" | "loading" | "block" | "disabled" | "textOpacity" | "backgroundOpacity" | "plain" | "round" | "iconRight" | "iconColor" | "to" | "append" | "exact" | "activeClass" | "exactActiveClass" | "href" | "pressedBehavior" | "pressedOpacity" | "pressedMaskColor" | "hoverBehavior" | "hoverOpacity" | "hoverMaskColor">;
"child:nextButton": Partial<{
size: "small" | "medium" | "large";
replace: boolean;
type: string;
preset: import("../../composables").PresetPropValue;
target: string;
color: import("../../composables").ColorName;
textColor: string;
icon: string;
borderColor: string;
gradient: boolean;
tag: string;
sizesConfig: Record<string, any>;
fontSizesConfig: Record<string, any>;
loading: boolean;
block: boolean;
disabled: boolean;
textOpacity: string | number;
backgroundOpacity: string | number;
plain: boolean;
round: boolean;
iconRight: string;
iconColor: string;
to: string | Record<string, any>;
append: boolean;
exact: boolean;
activeClass: string;
exactActiveClass: string;
href: string;
pressedBehavior: "opacity" | "mask";
pressedOpacity: number;
pressedMaskColor: string;
hoverBehavior: "opacity" | "mask";
hoverOpacity: string | number;
hoverMaskColor: string;
}> & Omit<{
readonly size: "small" | "medium" | "large";
readonly type: string;
readonly color: import("../../composables").ColorName;
readonly textColor: string;
readonly icon: string;
readonly borderColor: string;
readonly gradient: boolean;
readonly tag: string;
readonly sizesConfig: Record<string, any>;
readonly fontSizesConfig: Record<string, any>;
readonly loading: boolean;
readonly block: boolean;
readonly disabled: boolean;
readonly textOpacity: string | number;
readonly backgroundOpacity: string | number;
readonly plain: boolean;
readonly round: boolean;
readonly iconRight: string;
readonly iconColor: string;
readonly pressedBehavior: "opacity" | "mask";
readonly pressedOpacity: number;
readonly pressedMaskColor: string;
readonly hoverBehavior: "opacity" | "mask";
readonly hoverOpacity: string | number;
readonly hoverMaskColor: string;
readonly replace?: boolean | undefined;
readonly preset?: import("../../composables").PresetPropValue | undefined;
readonly target?: string | undefined;
readonly to?: string | Record<string, any> | undefined;
readonly append?: boolean | undefined;
readonly exact?: boolean | undefined;
readonly activeClass?: string | undefined;
readonly exactActiveClass?: string | undefined;
readonly href?: string | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: import("vue").PropType<import("../../composables").ColorName>;
default: string;
};
textColor: {
type: StringConstructor;
default: string;
};
textOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
backgroundOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
borderColor: {
type: StringConstructor;
default: string;
};
gradient: {
type: BooleanConstructor;
default: boolean;
};
plain: {
type: BooleanConstructor;
default: boolean;
};
round: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<"small" | "medium" | "large">;
default: string;
validator: (v: string) => boolean;
};
icon: {
type: StringConstructor;
default: string;
};
iconRight: {
type: StringConstructor;
default: string;
};
iconColor: {
type: StringConstructor;
default: string;
};
to: {
type: import("vue").PropType<string | Record<string, any>>;
default: undefined;
};
replace: {
type: BooleanConstructor;
default: undefined;
};
append: {
type: BooleanConstructor;
default: undefined;
};
exact: {
type: BooleanConstructor;
default: undefined;
};
activeClass: {
type: StringConstructor;
default: undefined;
};
exactActiveClass: {
type: StringConstructor;
default: undefined;
};
href: {
type: StringConstructor;
default: undefined;
};
target: {
type: StringConstructor;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
pressedBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
pressedOpacity: {
type: NumberConstructor;
default: number;
};
pressedMaskColor: {
type: StringConstructor;
default: string;
};
hoverBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
hoverOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hoverMaskColor: {
type: StringConstructor;
default: string;
};
sizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
fontSizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
}>>, "size" | "replace" | "type" | "preset" | "target" | "color" | "textColor" | "icon" | "borderColor" | "gradient" | "tag" | "sizesConfig" | "fontSizesConfig" | "loading" | "block" | "disabled" | "textOpacity" | "backgroundOpacity" | "plain" | "round" | "iconRight" | "iconColor" | "to" | "append" | "exact" | "activeClass" | "exactActiveClass" | "href" | "pressedBehavior" | "pressedOpacity" | "pressedMaskColor" | "hoverBehavior" | "hoverOpacity" | "hoverMaskColor">;
"child:middleButton": Partial<{
size: "small" | "medium" | "large";
replace: boolean;
type: string;
preset: import("../../composables").PresetPropValue;
target: string;
color: import("../../composables").ColorName;
textColor: string;
icon: string;
borderColor: string;
gradient: boolean;
tag: string;
sizesConfig: Record<string, any>;
fontSizesConfig: Record<string, any>;
loading: boolean;
block: boolean;
disabled: boolean;
textOpacity: string | number;
backgroundOpacity: string | number;
plain: boolean;
round: boolean;
iconRight: string;
iconColor: string;
to: string | Record<string, any>;
append: boolean;
exact: boolean;
activeClass: string;
exactActiveClass: string;
href: string;
pressedBehavior: "opacity" | "mask";
pressedOpacity: number;
pressedMaskColor: string;
hoverBehavior: "opacity" | "mask";
hoverOpacity: string | number;
hoverMaskColor: string;
}> & Omit<{
readonly size: "small" | "medium" | "large";
readonly type: string;
readonly color: import("../../composables").ColorName;
readonly textColor: string;
readonly icon: string;
readonly borderColor: string;
readonly gradient: boolean;
readonly tag: string;
readonly sizesConfig: Record<string, any>;
readonly fontSizesConfig: Record<string, any>;
readonly loading: boolean;
readonly block: boolean;
readonly disabled: boolean;
readonly textOpacity: string | number;
readonly backgroundOpacity: string | number;
readonly plain: boolean;
readonly round: boolean;
readonly iconRight: string;
readonly iconColor: string;
readonly pressedBehavior: "opacity" | "mask";
readonly pressedOpacity: number;
readonly pressedMaskColor: string;
readonly hoverBehavior: "opacity" | "mask";
readonly hoverOpacity: string | number;
readonly hoverMaskColor: string;
readonly replace?: boolean | undefined;
readonly preset?: import("../../composables").PresetPropValue | undefined;
readonly target?: string | undefined;
readonly to?: string | Record<string, any> | undefined;
readonly append?: boolean | undefined;
readonly exact?: boolean | undefined;
readonly activeClass?: string | undefined;
readonly exactActiveClass?: string | undefined;
readonly href?: string | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: import("vue").PropType<import("../../composables").ColorName>;
default: string;
};
textColor: {
type: StringConstructor;
default: string;
};
textOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
backgroundOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
borderColor: {
type: StringConstructor;
default: string;
};
gradient: {
type: BooleanConstructor;
default: boolean;
};
plain: {
type: BooleanConstructor;
default: boolean;
};
round: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<"small" | "medium" | "large">;
default: string;
validator: (v: string) => boolean;
};
icon: {
type: StringConstructor;
default: string;
};
iconRight: {
type: StringConstructor;
default: string;
};
iconColor: {
type: StringConstructor;
default: string;
};
to: {
type: import("vue").PropType<string | Record<string, any>>;
default: undefined;
};
replace: {
type: BooleanConstructor;
default: undefined;
};
append: {
type: BooleanConstructor;
default: undefined;
};
exact: {
type: BooleanConstructor;
default: undefined;
};
activeClass: {
type: StringConstructor;
default: undefined;
};
exactActiveClass: {
type: StringConstructor;
default: undefined;
};
href: {
type: StringConstructor;
default: undefined;
};
target: {
type: StringConstructor;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
pressedBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
pressedOpacity: {
type: NumberConstructor;
default: number;
};
pressedMaskColor: {
type: StringConstructor;
default: string;
};
hoverBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
hoverOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hoverMaskColor: {
type: StringConstructor;
default: string;
};
sizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
fontSizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
}>>, "size" | "replace" | "type" | "preset" | "target" | "color" | "textColor" | "icon" | "borderColor" | "gradient" | "tag" | "sizesConfig" | "fontSizesConfig" | "loading" | "block" | "disabled" | "textOpacity" | "backgroundOpacity" | "plain" | "round" | "iconRight" | "iconColor" | "to" | "append" | "exact" | "activeClass" | "exactActiveClass" | "href" | "pressedBehavior" | "pressedOpacity" | "pressedMaskColor" | "hoverBehavior" | "hoverOpacity" | "hoverMaskColor">;
"onUpdate:view": (...args: any[]) => any;
monthNames: string[];
ariaNextPeriodLabel: NonNullable<NonNullable<import("../../composables").TranslationProp | undefined> | undefined>;
ariaPreviousPeriodLabel: NonNullable<NonNullable<import("../../composables").TranslationProp | undefined> | undefined>;
ariaSwitchViewLabel: NonNullable<NonNullable<import("../../composables").TranslationProp | undefined> | undefined>;
"onHover:day": (...args: any[]) => any;
"onClick:day": (...args: any[]) => any;
weekdayNames: string[];
firstWeekday: NonNullable<NonNullable<("Monday" | "Sunday" | "monday" | "sunday") | undefined> | undefined>;
hideWeekDays: NonNullable<NonNullable<boolean | undefined> | undefined>;
showOtherMonths: NonNullable<NonNullable<boolean | undefined> | undefined>;
allowedDays: (date: Date) => boolean;
weekends: (date: Date) => boolean;
highlightWeekend: NonNullable<NonNullable<boolean | undefined> | undefined>;
highlightToday: NonNullable<NonNullable<boolean | undefined> | undefined>;
"onHover:month": (...args: any[]) => any;
"onClick:month": (...args: any[]) => any;
allowedMonths: (date: Date) => boolean;
"onHover:year": (...args: any[]) => any;
"onClick:year": (...args: any[]) => any;
allowedYears: (date: Date) => boolean;
startYear: NonNullable<NonNullable<string | number | undefined> | undefined>;
endYear: NonNullable<NonNullable<string | number | undefined> | undefined>;
weekendsColor: string;
resetOnClose: boolean;
formatDate: (date: Date) => string;
delimiter: string;
rangeDelimiter: string;
ariaToggleDropdownLabel: import("../../composables").TranslationProp;
ariaSelectedDateLabel: import("../../composables").TranslationProp;
closeOnChange: boolean;
isOpen: boolean;
}, true, {}, {}, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import("vue").ExtractPropTypes<{
clearValue: {
type: import("vue").PropType<any>;
default: undefined;
};
modelValue: {
type: import("vue").PropType<import("./types").DateInputModelValue>;
};
resetOnClose: {
type: BooleanConstructor;
default: boolean;
};
closeOnContentClick: {
type: BooleanConstructor;
default: boolean;
};
offset: {
default: () => number[];
type: import("vue").PropType<NonNullable<import("../va-dropdown/types").DropdownOffsetProp | undefined>>;
required: true;
};
format: {
type: import("vue").PropType<(date: import("./types").DateInputModelValue) => string>;
};
formatDate: {
type: import("vue").PropType<(date: Date) => string>;
default: (d: Date) => string;
};
formatValue: {
type: import("vue").PropType<(date: import("./types").DateInputModelValue) => string>;
};
parse: {
type: import("vue").PropType<(input: string) => import("./types").DateInputValue>;
};
parseDate: {
type: import("vue").PropType<(input: string) => Date>;
};
delimiter: {
type: StringConstructor;
default: string;
};
rangeDelimiter: {
type: StringConstructor;
default: string;
};
manualInput: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: StringConstructor;
default: string;
};
leftIcon: {
type: BooleanConstructor;
default: boolean;
};
icon: {
type: StringConstructor;
default: string;
};
ariaToggleDropdownLabel: {
type: import("vue").PropType<import("../../composables").TranslationProp>;
default: import("../../composables").TranslationProp;
};
ariaResetLabel: {
type: import("vue").PropType<import("../../composables").TranslationProp>;
default: import("../../composables").TranslationProp;
};
ariaSelectedDateLabel: {
type: import("vue").PropType<import("../../composables").TranslationProp>;
default: import("../../composables").TranslationProp;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
rules: {
type: import("vue").PropType<import("../../composables").ValidationRule<import("./types").DateInputModelValue>[]>;
default: () => any;
required: false;
};
error: {
type: BooleanConstructor;
default: undefined;
};
name: {
type: StringConstructor;
default: undefined;
};
success: {
type: BooleanConstructor;
default: boolean;
};
dirty: {
type: BooleanConstructor;
default: boolean;
};
errorMessages: {
type: import("vue").PropType<string | string[]>;
default: undefined;
};
errorCount: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
messages: {
type: import("vue").PropType<string | string[]>;
default: () => never[];
};
immediateValidation: {
type: BooleanConstructor;
default: boolean;
};
type: {
type: import("vue").PropType<NonNullable<import("../va-date-picker/types").DatePickerType | undefined>>;
required: true;
default: import("../va-date-picker/types").DatePickerType | undefined;
};
mode: {
type: import("vue").PropType<NonNullable<NonNullable<import("../va-date-picker/types").DatePickerMode | undefined> | undefined>>;
required: true;
default: NonNullable<import("../va-date-picker/types").DatePickerMode | undefined> | undefined;
};
"onUpdate:modelValue": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
stateful: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
disabled: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
readonly: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
view: {
type: import("vue").PropType<Partial<import("../va-date-picker/types").DatePickerView>>;
required: true;
default: Partial<import("../va-date-picker/types").DatePickerView> | undefined;
};
"child:prevButton": {
type: import("vue").PropType<Partial<{
size: "small" | "medium" | "large";
replace: boolean;
type: string;
preset: import("../../composables").PresetPropValue;
target: string;
color: import("../../composables").ColorName;
textColor: string;
icon: string;
borderColor: string;
gradient: boolean;
tag: string;
sizesConfig: Record<string, any>;
fontSizesConfig: Record<string, any>;
loading: boolean;
block: boolean;
disabled: boolean;
textOpacity: string | number;
backgroundOpacity: string | number;
plain: boolean;
round: boolean;
iconRight: string;
iconColor: string;
to: string | Record<string, any>;
append: boolean;
exact: boolean;
activeClass: string;
exactActiveClass: string;
href: string;
pressedBehavior: "opacity" | "mask";
pressedOpacity: number;
pressedMaskColor: string;
hoverBehavior: "opacity" | "mask";
hoverOpacity: string | number;
hoverMaskColor: string;
}> & Omit<{
readonly size: "small" | "medium" | "large";
readonly type: string;
readonly color: import("../../composables").ColorName;
readonly textColor: string;
readonly icon: string;
readonly borderColor: string;
readonly gradient: boolean;
readonly tag: string;
readonly sizesConfig: Record<string, any>;
readonly fontSizesConfig: Record<string, any>;
readonly loading: boolean;
readonly block: boolean;
readonly disabled: boolean;
readonly textOpacity: string | number;
readonly backgroundOpacity: string | number;
readonly plain: boolean;
readonly round: boolean;
readonly iconRight: string;
readonly iconColor: string;
readonly pressedBehavior: "opacity" | "mask";
readonly pressedOpacity: number;
readonly pressedMaskColor: string;
readonly hoverBehavior: "opacity" | "mask";
readonly hoverOpacity: string | number;
readonly hoverMaskColor: string;
readonly replace?: boolean | undefined;
readonly preset?: import("../../composables").PresetPropValue | undefined;
readonly target?: string | undefined;
readonly to?: string | Record<string, any> | undefined;
readonly append?: boolean | undefined;
readonly exact?: boolean | undefined;
readonly activeClass?: string | undefined;
readonly exactActiveClass?: string | undefined;
readonly href?: string | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: import("vue").PropType<import("../../composables").ColorName>;
default: string;
};
textColor: {
type: StringConstructor;
default: string;
};
textOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
backgroundOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
borderColor: {
type: StringConstructor;
default: string;
};
gradient: {
type: BooleanConstructor;
default: boolean;
};
plain: {
type: BooleanConstructor;
default: boolean;
};
round: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<"small" | "medium" | "large">;
default: string;
validator: (v: string) => boolean;
};
icon: {
type: StringConstructor;
default: string;
};
iconRight: {
type: StringConstructor;
default: string;
};
iconColor: {
type: StringConstructor;
default: string;
};
to: {
type: import("vue").PropType<string | Record<string, any>>;
default: undefined;
};
replace: {
type: BooleanConstructor;
default: undefined;
};
append: {
type: BooleanConstructor;
default: undefined;
};
exact: {
type: BooleanConstructor;
default: undefined;
};
activeClass: {
type: StringConstructor;
default: undefined;
};
exactActiveClass: {
type: StringConstructor;
default: undefined;
};
href: {
type: StringConstructor;
default: undefined;
};
target: {
type: StringConstructor;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
pressedBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
pressedOpacity: {
type: NumberConstructor;
default: number;
};
pressedMaskColor: {
type: StringConstructor;
default: string;
};
hoverBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
hoverOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hoverMaskColor: {
type: StringConstructor;
default: string;
};
sizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
fontSizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
}>>, "size" | "replace" | "type" | "preset" | "target" | "color" | "textColor" | "icon" | "borderColor" | "gradient" | "tag" | "sizesConfig" | "fontSizesConfig" | "loading" | "block" | "disabled" | "textOpacity" | "backgroundOpacity" | "plain" | "round" | "iconRight" | "iconColor" | "to" | "append" | "exact" | "activeClass" | "exactActiveClass" | "href" | "pressedBehavior" | "pressedOpacity" | "pressedMaskColor" | "hoverBehavior" | "hoverOpacity" | "hoverMaskColor">>;
required: true;
default: NonNullable<Partial<{
size: "small" | "medium" | "large";
replace: boolean;
type: string;
preset: import("../../composables").PresetPropValue;
target: string;
color: import("../../composables").ColorName;
textColor: string;
icon: string;
borderColor: string;
gradient: boolean;
tag: string;
sizesConfig: Record<string, any>;
fontSizesConfig: Record<string, any>;
loading: boolean;
block: boolean;
disabled: boolean;
textOpacity: string | number;
backgroundOpacity: string | number;
plain: boolean;
round: boolean;
iconRight: string;
iconColor: string;
to: string | Record<string, any>;
append: boolean;
exact: boolean;
activeClass: string;
exactActiveClass: string;
href: string;
pressedBehavior: "opacity" | "mask";
pressedOpacity: number;
pressedMaskColor: string;
hoverBehavior: "opacity" | "mask";
hoverOpacity: string | number;
hoverMaskColor: string;
}> & Omit<{
readonly size: "small" | "medium" | "large";
readonly type: string;
readonly color: import("../../composables").ColorName;
readonly textColor: string;
readonly icon: string;
readonly borderColor: string;
readonly gradient: boolean;
readonly tag: string;
readonly sizesConfig: Record<string, any>;
readonly fontSizesConfig: Record<string, any>;
readonly loading: boolean;
readonly block: boolean;
readonly disabled: boolean;
readonly textOpacity: string | number;
readonly backgroundOpacity: string | number;
readonly plain: boolean;
readonly round: boolean;
readonly iconRight: string;
readonly iconColor: string;
readonly pressedBehavior: "opacity" | "mask";
readonly pressedOpacity: number;
readonly pressedMaskColor: string;
readonly hoverBehavior: "opacity" | "mask";
readonly hoverOpacity: string | number;
readonly hoverMaskColor: string;
readonly replace?: boolean | undefined;
readonly preset?: import("../../composables").PresetPropValue | undefined;
readonly target?: string | undefined;
readonly to?: string | Record<string, any> | undefined;
readonly append?: boolean | undefined;
readonly exact?: boolean | undefined;
readonly activeClass?: string | undefined;
readonly exactActiveClass?: string | undefined;
readonly href?: string | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: import("vue").PropType<import("../../composables").ColorName>;
default: string;
};
textColor: {
type: StringConstructor;
default: string;
};
textOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
backgroundOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
borderColor: {
type: StringConstructor;
default: string;
};
gradient: {
type: BooleanConstructor;
default: boolean;
};
plain: {
type: BooleanConstructor;
default: boolean;
};
round: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<"small" | "medium" | "large">;
default: string;
validator: (v: string) => boolean;
};
icon: {
type: StringConstructor;
default: string;
};
iconRight: {
type: StringConstructor;
default: string;
};
iconColor: {
type: StringConstructor;
default: string;
};
to: {
type: import("vue").PropType<string | Record<string, any>>;
default: undefined;
};
replace: {
type: BooleanConstructor;
default: undefined;
};
append: {
type: BooleanConstructor;
default: undefined;
};
exact: {
type: BooleanConstructor;
default: undefined;
};
activeClass: {
type: StringConstructor;
default: undefined;
};
exactActiveClass: {
type: StringConstructor;
default: undefined;
};
href: {
type: StringConstructor;
default: undefined;
};
target: {
type: StringConstructor;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
pressedBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
pressedOpacity: {
type: NumberConstructor;
default: number;
};
pressedMaskColor: {
type: StringConstructor;
default: string;
};
hoverBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
hoverOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hoverMaskColor: {
type: StringConstructor;
default: string;
};
sizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
fontSizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
}>>, "size" | "replace" | "type" | "preset" | "target" | "color" | "textColor" | "icon" | "borderColor" | "gradient" | "tag" | "sizesConfig" | "fontSizesConfig" | "loading" | "block" | "disabled" | "textOpacity" | "backgroundOpacity" | "plain" | "round" | "iconRight" | "iconColor" | "to" | "append" | "exact" | "activeClass" | "exactActiveClass" | "href" | "pressedBehavior" | "pressedOpacity" | "pressedMaskColor" | "hoverBehavior" | "hoverOpacity" | "hoverMaskColor">> | undefined;
};
"child:nextButton": {
type: import("vue").PropType<Partial<{
size: "small" | "medium" | "large";
replace: boolean;
type: string;
preset: import("../../composables").PresetPropValue;
target: string;
color: import("../../composables").ColorName;
textColor: string;
icon: string;
borderColor: string;
gradient: boolean;
tag: string;
sizesConfig: Record<string, any>;
fontSizesConfig: Record<string, any>;
loading: boolean;
block: boolean;
disabled: boolean;
textOpacity: string | number;
backgroundOpacity: string | number;
plain: boolean;
round: boolean;
iconRight: string;
iconColor: string;
to: string | Record<string, any>;
append: boolean;
exact: boolean;
activeClass: string;
exactActiveClass: string;
href: string;
pressedBehavior: "opacity" | "mask";
pressedOpacity: number;
pressedMaskColor: string;
hoverBehavior: "opacity" | "mask";
hoverOpacity: string | number;
hoverMaskColor: string;
}> & Omit<{
readonly size: "small" | "medium" | "large";
readonly type: string;
readonly color: import("../../composables").ColorName;
readonly textColor: string;
readonly icon: string;
readonly borderColor: string;
readonly gradient: boolean;
readonly tag: string;
readonly sizesConfig: Record<string, any>;
readonly fontSizesConfig: Record<string, any>;
readonly loading: boolean;
readonly block: boolean;
readonly disabled: boolean;
readonly textOpacity: string | number;
readonly backgroundOpacity: string | number;
readonly plain: boolean;
readonly round: boolean;
readonly iconRight: string;
readonly iconColor: string;
readonly pressedBehavior: "opacity" | "mask";
readonly pressedOpacity: number;
readonly pressedMaskColor: string;
readonly hoverBehavior: "opacity" | "mask";
readonly hoverOpacity: string | number;
readonly hoverMaskColor: string;
readonly replace?: boolean | undefined;
readonly preset?: import("../../composables").PresetPropValue | undefined;
readonly target?: string | undefined;
readonly to?: string | Record<string, any> | undefined;
readonly append?: boolean | undefined;
readonly exact?: boolean | undefined;
readonly activeClass?: string | undefined;
readonly exactActiveClass?: string | undefined;
readonly href?: string | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: import("vue").PropType<import("../../composables").ColorName>;
default: string;
};
textColor: {
type: StringConstructor;
default: string;
};
textOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
backgroundOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
borderColor: {
type: StringConstructor;
default: string;
};
gradient: {
type: BooleanConstructor;
default: boolean;
};
plain: {
type: BooleanConstructor;
default: boolean;
};
round: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<"small" | "medium" | "large">;
default: string;
validator: (v: string) => boolean;
};
icon: {
type: StringConstructor;
default: string;
};
iconRight: {
type: StringConstructor;
default: string;
};
iconColor: {
type: StringConstructor;
default: string;
};
to: {
type: import("vue").PropType<string | Record<string, any>>;
default: undefined;
};
replace: {
type: BooleanConstructor;
default: undefined;
};
append: {
type: BooleanConstructor;
default: undefined;
};
exact: {
type: BooleanConstructor;
default: undefined;
};
activeClass: {
type: StringConstructor;
default: undefined;
};
exactActiveClass: {
type: StringConstructor;
default: undefined;
};
href: {
type: StringConstructor;
default: undefined;
};
target: {
type: StringConstructor;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
pressedBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
pressedOpacity: {
type: NumberConstructor;
default: number;
};
pressedMaskColor: {
type: StringConstructor;
default: string;
};
hoverBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
hoverOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hoverMaskColor: {
type: StringConstructor;
default: string;
};
sizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
fontSizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
}>>, "size" | "replace" | "type" | "preset" | "target" | "color" | "textColor" | "icon" | "borderColor" | "gradient" | "tag" | "sizesConfig" | "fontSizesConfig" | "loading" | "block" | "disabled" | "textOpacity" | "backgroundOpacity" | "plain" | "round" | "iconRight" | "iconColor" | "to" | "append" | "exact" | "activeClass" | "exactActiveClass" | "href" | "pressedBehavior" | "pressedOpacity" | "pressedMaskColor" | "hoverBehavior" | "hoverOpacity" | "hoverMaskColor">>;
required: true;
default: NonNullable<Partial<{
size: "small" | "medium" | "large";
replace: boolean;
type: string;
preset: import("../../composables").PresetPropValue;
target: string;
color: import("../../composables").ColorName;
textColor: string;
icon: string;
borderColor: string;
gradient: boolean;
tag: string;
sizesConfig: Record<string, any>;
fontSizesConfig: Record<string, any>;
loading: boolean;
block: boolean;
disabled: boolean;
textOpacity: string | number;
backgroundOpacity: string | number;
plain: boolean;
round: boolean;
iconRight: string;
iconColor: string;
to: string | Record<string, any>;
append: boolean;
exact: boolean;
activeClass: string;
exactActiveClass: string;
href: string;
pressedBehavior: "opacity" | "mask";
pressedOpacity: number;
pressedMaskColor: string;
hoverBehavior: "opacity" | "mask";
hoverOpacity: string | number;
hoverMaskColor: string;
}> & Omit<{
readonly size: "small" | "medium" | "large";
readonly type: string;
readonly color: import("../../composables").ColorName;
readonly textColor: string;
readonly icon: string;
readonly borderColor: string;
readonly gradient: boolean;
readonly tag: string;
readonly sizesConfig: Record<string, any>;
readonly fontSizesConfig: Record<string, any>;
readonly loading: boolean;
readonly block: boolean;
readonly disabled: boolean;
readonly textOpacity: string | number;
readonly backgroundOpacity: string | number;
readonly plain: boolean;
readonly round: boolean;
readonly iconRight: string;
readonly iconColor: string;
readonly pressedBehavior: "opacity" | "mask";
readonly pressedOpacity: number;
readonly pressedMaskColor: string;
readonly hoverBehavior: "opacity" | "mask";
readonly hoverOpacity: string | number;
readonly hoverMaskColor: string;
readonly replace?: boolean | undefined;
readonly preset?: import("../../composables").PresetPropValue | undefined;
readonly target?: string | undefined;
readonly to?: string | Record<string, any> | undefined;
readonly append?: boolean | undefined;
readonly exact?: boolean | undefined;
readonly activeClass?: string | undefined;
readonly exactActiveClass?: string | undefined;
readonly href?: string | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: import("vue").PropType<import("../../composables").ColorName>;
default: string;
};
textColor: {
type: StringConstructor;
default: string;
};
textOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
backgroundOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
borderColor: {
type: StringConstructor;
default: string;
};
gradient: {
type: BooleanConstructor;
default: boolean;
};
plain: {
type: BooleanConstructor;
default: boolean;
};
round: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<"small" | "medium" | "large">;
default: string;
validator: (v: string) => boolean;
};
icon: {
type: StringConstructor;
default: string;
};
iconRight: {
type: StringConstructor;
default: string;
};
iconColor: {
type: StringConstructor;
default: string;
};
to: {
type: import("vue").PropType<string | Record<string, any>>;
default: undefined;
};
replace: {
type: BooleanConstructor;
default: undefined;
};
append: {
type: BooleanConstructor;
default: undefined;
};
exact: {
type: BooleanConstructor;
default: undefined;
};
activeClass: {
type: StringConstructor;
default: undefined;
};
exactActiveClass: {
type: StringConstructor;
default: undefined;
};
href: {
type: StringConstructor;
default: undefined;
};
target: {
type: StringConstructor;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
pressedBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
pressedOpacity: {
type: NumberConstructor;
default: number;
};
pressedMaskColor: {
type: StringConstructor;
default: string;
};
hoverBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
hoverOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hoverMaskColor: {
type: StringConstructor;
default: string;
};
sizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
fontSizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
}>>, "size" | "replace" | "type" | "preset" | "target" | "color" | "textColor" | "icon" | "borderColor" | "gradient" | "tag" | "sizesConfig" | "fontSizesConfig" | "loading" | "block" | "disabled" | "textOpacity" | "backgroundOpacity" | "plain" | "round" | "iconRight" | "iconColor" | "to" | "append" | "exact" | "activeClass" | "exactActiveClass" | "href" | "pressedBehavior" | "pressedOpacity" | "pressedMaskColor" | "hoverBehavior" | "hoverOpacity" | "hoverMaskColor">> | undefined;
};
"child:middleButton": {
type: import("vue").PropType<Partial<{
size: "small" | "medium" | "large";
replace: boolean;
type: string;
preset: import("../../composables").PresetPropValue;
target: string;
color: import("../../composables").ColorName;
textColor: string;
icon: string;
borderColor: string;
gradient: boolean;
tag: string;
sizesConfig: Record<string, any>;
fontSizesConfig: Record<string, any>;
loading: boolean;
block: boolean;
disabled: boolean;
textOpacity: string | number;
backgroundOpacity: string | number;
plain: boolean;
round: boolean;
iconRight: string;
iconColor: string;
to: string | Record<string, any>;
append: boolean;
exact: boolean;
activeClass: string;
exactActiveClass: string;
href: string;
pressedBehavior: "opacity" | "mask";
pressedOpacity: number;
pressedMaskColor: string;
hoverBehavior: "opacity" | "mask";
hoverOpacity: string | number;
hoverMaskColor: string;
}> & Omit<{
readonly size: "small" | "medium" | "large";
readonly type: string;
readonly color: import("../../composables").ColorName;
readonly textColor: string;
readonly icon: string;
readonly borderColor: string;
readonly gradient: boolean;
readonly tag: string;
readonly sizesConfig: Record<string, any>;
readonly fontSizesConfig: Record<string, any>;
readonly loading: boolean;
readonly block: boolean;
readonly disabled: boolean;
readonly textOpacity: string | number;
readonly backgroundOpacity: string | number;
readonly plain: boolean;
readonly round: boolean;
readonly iconRight: string;
readonly iconColor: string;
readonly pressedBehavior: "opacity" | "mask";
readonly pressedOpacity: number;
readonly pressedMaskColor: string;
readonly hoverBehavior: "opacity" | "mask";
readonly hoverOpacity: string | number;
readonly hoverMaskColor: string;
readonly replace?: boolean | undefined;
readonly preset?: import("../../composables").PresetPropValue | undefined;
readonly target?: string | undefined;
readonly to?: string | Record<string, any> | undefined;
readonly append?: boolean | undefined;
readonly exact?: boolean | undefined;
readonly activeClass?: string | undefined;
readonly exactActiveClass?: string | undefined;
readonly href?: string | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: import("vue").PropType<import("../../composables").ColorName>;
default: string;
};
textColor: {
type: StringConstructor;
default: string;
};
textOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
backgroundOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
borderColor: {
type: StringConstructor;
default: string;
};
gradient: {
type: BooleanConstructor;
default: boolean;
};
plain: {
type: BooleanConstructor;
default: boolean;
};
round: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<"small" | "medium" | "large">;
default: string;
validator: (v: string) => boolean;
};
icon: {
type: StringConstructor;
default: string;
};
iconRight: {
type: StringConstructor;
default: string;
};
iconColor: {
type: StringConstructor;
default: string;
};
to: {
type: import("vue").PropType<string | Record<string, any>>;
default: undefined;
};
replace: {
type: BooleanConstructor;
default: undefined;
};
append: {
type: BooleanConstructor;
default: undefined;
};
exact: {
type: BooleanConstructor;
default: undefined;
};
activeClass: {
type: StringConstructor;
default: undefined;
};
exactActiveClass: {
type: StringConstructor;
default: undefined;
};
href: {
type: StringConstructor;
default: undefined;
};
target: {
type: StringConstructor;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
pressedBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
pressedOpacity: {
type: NumberConstructor;
default: number;
};
pressedMaskColor: {
type: StringConstructor;
default: string;
};
hoverBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
hoverOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hoverMaskColor: {
type: StringConstructor;
default: string;
};
sizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
fontSizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
}>>, "size" | "replace" | "type" | "preset" | "target" | "color" | "textColor" | "icon" | "borderColor" | "gradient" | "tag" | "sizesConfig" | "fontSizesConfig" | "loading" | "block" | "disabled" | "textOpacity" | "backgroundOpacity" | "plain" | "round" | "iconRight" | "iconColor" | "to" | "append" | "exact" | "activeClass" | "exactActiveClass" | "href" | "pressedBehavior" | "pressedOpacity" | "pressedMaskColor" | "hoverBehavior" | "hoverOpacity" | "hoverMaskColor">>;
required: true;
default: NonNullable<Partial<{
size: "small" | "medium" | "large";
replace: boolean;
type: string;
preset: import("../../composables").PresetPropValue;
target: string;
color: import("../../composables").ColorName;
textColor: string;
icon: string;
borderColor: string;
gradient: boolean;
tag: string;
sizesConfig: Record<string, any>;
fontSizesConfig: Record<string, any>;
loading: boolean;
block: boolean;
disabled: boolean;
textOpacity: string | number;
backgroundOpacity: string | number;
plain: boolean;
round: boolean;
iconRight: string;
iconColor: string;
to: string | Record<string, any>;
append: boolean;
exact: boolean;
activeClass: string;
exactActiveClass: string;
href: string;
pressedBehavior: "opacity" | "mask";
pressedOpacity: number;
pressedMaskColor: string;
hoverBehavior: "opacity" | "mask";
hoverOpacity: string | number;
hoverMaskColor: string;
}> & Omit<{
readonly size: "small" | "medium" | "large";
readonly type: string;
readonly color: import("../../composables").ColorName;
readonly textColor: string;
readonly icon: string;
readonly borderColor: string;
readonly gradient: boolean;
readonly tag: string;
readonly sizesConfig: Record<string, any>;
readonly fontSizesConfig: Record<string, any>;
readonly loading: boolean;
readonly block: boolean;
readonly disabled: boolean;
readonly textOpacity: string | number;
readonly backgroundOpacity: string | number;
readonly plain: boolean;
readonly round: boolean;
readonly iconRight: string;
readonly iconColor: string;
readonly pressedBehavior: "opacity" | "mask";
readonly pressedOpacity: number;
readonly pressedMaskColor: string;
readonly hoverBehavior: "opacity" | "mask";
readonly hoverOpacity: string | number;
readonly hoverMaskColor: string;
readonly replace?: boolean | undefined;
readonly preset?: import("../../composables").PresetPropValue | undefined;
readonly target?: string | undefined;
readonly to?: string | Record<string, any> | undefined;
readonly append?: boolean | undefined;
readonly exact?: boolean | undefined;
readonly activeClass?: string | undefined;
readonly exactActiveClass?: string | undefined;
readonly href?: string | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: import("vue").PropType<import("../../composables").ColorName>;
default: string;
};
textColor: {
type: StringConstructor;
default: string;
};
textOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
backgroundOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
borderColor: {
type: StringConstructor;
default: string;
};
gradient: {
type: BooleanConstructor;
default: boolean;
};
plain: {
type: BooleanConstructor;
default: boolean;
};
round: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<"small" | "medium" | "large">;
default: string;
validator: (v: string) => boolean;
};
icon: {
type: StringConstructor;
default: string;
};
iconRight: {
type: StringConstructor;
default: string;
};
iconColor: {
type: StringConstructor;
default: string;
};
to: {
type: import("vue").PropType<string | Record<string, any>>;
default: undefined;
};
replace: {
type: BooleanConstructor;
default: undefined;
};
append: {
type: BooleanConstructor;
default: undefined;
};
exact: {
type: BooleanConstructor;
default: undefined;
};
activeClass: {
type: StringConstructor;
default: undefined;
};
exactActiveClass: {
type: StringConstructor;
default: undefined;
};
href: {
type: StringConstructor;
default: undefined;
};
target: {
type: StringConstructor;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
pressedBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
pressedOpacity: {
type: NumberConstructor;
default: number;
};
pressedMaskColor: {
type: StringConstructor;
default: string;
};
hoverBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
hoverOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hoverMaskColor: {
type: StringConstructor;
default: string;
};
sizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
fontSizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
}>>, "size" | "replace" | "type" | "preset" | "target" | "color" | "textColor" | "icon" | "borderColor" | "gradient" | "tag" | "sizesConfig" | "fontSizesConfig" | "loading" | "block" | "disabled" | "textOpacity" | "backgroundOpacity" | "plain" | "round" | "iconRight" | "iconColor" | "to" | "append" | "exact" | "activeClass" | "exactActiveClass" | "href" | "pressedBehavior" | "pressedOpacity" | "pressedMaskColor" | "hoverBehavior" | "hoverOpacity" | "hoverMaskColor">> | undefined;
};
"onUpdate:view": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
monthNames: {
type: import("vue").PropType<string[]>;
required: true;
default: string[] | undefined;
};
ariaNextPeriodLabel: {
type: import("vue").PropType<NonNullable<NonNullable<import("../../composables").TranslationProp | undefined> | undefined>>;
required: true;
default: NonNullable<import("../../composables").TranslationProp | undefined> | undefined;
};
ariaPreviousPeriodLabel: {
type: import("vue").PropType<NonNullable<NonNullable<import("../../composables").TranslationProp | undefined> | undefined>>;
required: true;
default: NonNullable<import("../../composables").TranslationProp | undefined> | undefined;
};
ariaSwitchViewLabel: {
type: import("vue").PropType<NonNullable<NonNullable<import("../../composables").TranslationProp | undefined> | undefined>>;
required: true;
default: NonNullable<import("../../composables").TranslationProp | undefined> | undefined;
};
"onHover:day": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onClick:day": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
weekdayNames: {
type: import("vue").PropType<string[]>;
required: true;
default: string[] | undefined;
};
firstWeekday: {
type: import("vue").PropType<NonNullable<NonNullable<("Monday" | "Sunday" | "monday" | "sunday") | undefined> | undefined>>;
required: true;
default: NonNullable<("Monday" | "Sunday" | "monday" | "sunday") | undefined> | undefined;
};
hideWeekDays: {
type: import("vue").PropType<NonNullable<NonNullable<boolean | undefined> | undefined>>;
required: true;
default: NonNullable<boolean | undefined> | undefined;
};
showOtherMonths: {
type: import("vue").PropType<NonNullable<NonNullable<boolean | undefined> | undefined>>;
required: true;
default: NonNullable<boolean | undefined> | undefined;
};
allowedDays: {
type: import("vue").PropType<(date: Date) => boolean>;
required: true;
default: ((date: Date) => boolean) | undefined;
};
weekends: {
type: import("vue").PropType<(date: Date) => boolean>;
required: true;
default: ((date: Date) => boolean) | undefined;
};
highlightWeekend: {
type: import("vue").PropType<NonNullable<NonNullable<boolean | undefined> | undefined>>;
required: true;
default: NonNullable<boolean | undefined> | undefined;
};
highlightToday: {
type: import("vue").PropType<NonNullable<NonNullable<boolean | undefined> | undefined>>;
required: true;
default: NonNullable<boolean | undefined> | undefined;
};
"onHover:month": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onClick:month": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
allowedMonths: {
type: import("vue").PropType<(date: Date) => boolean>;
required: true;
default: ((date: Date) => boolean) | undefined;
};
"onHover:year": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onClick:year": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
allowedYears: {
type: import("vue").PropType<(date: Date) => boolean>;
required: true;
default: ((date: Date) => boolean) | undefined;
};
startYear: {
type: import("vue").PropType<NonNullable<NonNullable<string | number | undefined> | undefined>>;
required: true;
default: NonNullable<string | number | undefined> | undefined;
};
endYear: {
type: import("vue").PropType<NonNullable<NonNullable<string | number | undefined> | undefined>>;
required: true;
default: NonNullable<string | number | undefined> | undefined;
};
weekendsColor: {
type: import("vue").PropType<string>;
required: true;
default: string | undefined;
};
label: {
type: import("vue").PropType<string>;
required: true;
default: string | undefined;
};
onClick: {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
loading: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
requiredMark: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
"onClick-prepend": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onClick-append": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onClick-prepend-inner": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onClick-append-inner": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onClick-field": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
counter: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
placeholder: {
type: import("vue").PropType<string>;
required: true;
default: string | undefined;
};
background: {
type: import("vue").PropType<string>;
required: true;
default: string | undefined;
};
innerLabel: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
inputAriaLabel: {
type: import("vue").PropType<NonNullable<import("../../composables").TranslationProp | undefined>>;
required: true;
default: import("../../composables").TranslationProp | undefined;
};
inputAriaLabelledby: {
type: import("vue").PropType<string>;
required: true;
default: string | undefined;
};
inputAriaDescribedby: {
type: import("vue").PropType<string>;
required: true;
default: string | undefined;
};
clearable: {
type: BooleanConstructor;
default: boolean;
};
clearableIcon: {
type: StringConstructor;
default: string;
};
closeOnChange: {
type: BooleanConstructor;
default: null;
};
isOpen: {
type: BooleanConstructor;
default: undefined;
};
onClose: {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
anchor: {
type: import("vue").PropType<NonNullable<import("../../composables").MaybeHTMLElementOrSelector>>;
required: true;
default: import("../../composables").MaybeHTMLElementOrSelector;
};
target: {
type: import("vue").PropType<NonNullable<import("../../composables").MaybeHTMLElementOrSelector>>;
required: true;
default: import("../../composables").MaybeHTMLElementOrSelector;
};
onOpen: {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onClick-outside": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
ariaLabel: {
type: import("vue").PropType<NonNullable<import("../../composables").TranslationProp | undefined>>;
required: true;
default: import("../../composables").TranslationProp | undefined;
};
placement: {
type: import("vue").PropType<NonNullable<import("../../composables").PlacementWithAlias | undefined>>;
required: true;
default: import("../../composables").PlacementWithAlias | undefined;
};
role: {
type: import("vue").PropType<NonNullable<import("../../utils/types/prop-type").StringWithAutocomplete<"button" | "none"> | undefined>>;
required: true;
default: import("../../utils/types/prop-type").StringWithAutocomplete<"button" | "none"> | undefined;
};
"onAnchor-click": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onAnchor-right-click": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onContent-click": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onFocus-outside": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onAnchor-dblclick": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
anchorSelector: {
type: import("vue").PropType<string>;
required: true;
default: string | undefined;
};
trigger: {
type: import("vue").PropType<NonNullable<import("../va-dropdown/hooks/useDropdownNavigation").Trigger | readonly import("../va-dropdown/hooks/useDropdownNavigation").Trigger[] | undefined>>;
required: true;
default: import("../va-dropdown/hooks/useDropdownNavigation").Trigger | readonly import("../va-dropdown/hooks/useDropdownNavigation").Trigger[] | undefined;
};
closeOnClickOutside: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
closeOnFocusOutside: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
closeOnAnchorClick: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
hoverOverTimeout: {
type: import("vue").PropType<NonNullable<string | number | undefined>>;
required: true;
default: string | number | undefined;
};
hoverOutTimeout: {
type: import("vue").PropType<NonNullable<string | number | undefined>>;
required: true;
default: string | number | undefined;
};
isContentHoverable: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
keepAnchorWidth: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
verticalScrollOnOverflow: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
cursor: {
type: import("vue").PropType<NonNullable<boolean | import("../va-dropdown/types").CursorAnchor | undefined>>;
required: true;
default: boolean | import("../va-dropdown/types").CursorAnchor | undefined;
};
autoPlacement: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
stickToEdges: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
teleport: {
type: import("vue").PropType<NonNullable<import("../../composables").MaybeHTMLElementOrSelector>>;
required: true;
default: import("../../composables").MaybeHTMLElementOrSelector;
};
contentClass: {
type: import("vue").PropType<string>;
required: true;
default: string | undefined;
};
}>>, {
valueText: import("vue").ComputedRef<string>;
valueWithoutText: import("vue").WritableComputedRef<Date | Date[] | import("./types").DateInputRange<Date> | null | undefined>;
valueDate: import("vue").WritableComputedRef<Date | Date[] | import("./types").DateInputRange<Date> | null | undefined>;
focus: () => void;
blur: () => void;
reset: () => void;
validate: () => any;
showDropdown: () => void;
hideAndFocus: () => void;
toggleDropdown: (event: Event | KeyboardEvent) => void;
focusDatePicker: () => void;
isDirty: import("vue").Ref<boolean>;
isTouched: import("vue").Ref<boolean>;
}, {}, {}, {}, {
label: string;
error: boolean;
onClick: (...args: any[]) => any;
onClose: (...args: any[]) => any;
anchor: NonNullable<import("../../composables").MaybeHTMLElementOrSelector>;
type: NonNullable<import("../va-date-picker/types").DatePickerType | undefined>;
mode: NonNullable<NonNullable<import("../va-date-picker/types").DatePickerMode | undefined> | undefined>;
"onUpdate:modelValue": (...args: any[]) => any;
stateful: NonNullable<boolean | undefined>;
preset: import("../../composables").PresetPropValue;
target: NonNullable<import("../../composables").MaybeHTMLElementOrSelector>;
color: string;
icon: string;
name: string;
loading: NonNullable<boolean | undefined>;
success: boolean;
disabled: NonNullable<boolean | undefined>;
onOpen: (...args: any[]) => any;
"onClick-outside": (...args: any[]) => any;
ariaLabel: NonNullable<import("../../composables").TranslationProp | undefined>;
placement: NonNullable<import("../../composables").PlacementWithAlias | undefined>;
offset: NonNullable<import("../va-dropdown/types").DropdownOffsetProp | undefined>;
role: NonNullable<import("../../utils/types/prop-type").StringWithAutocomplete<"button" | "none"> | undefined>;
"onAnchor-click": (...args: any[]) => any;
"onAnchor-right-click": (...args: any[]) => any;
"onContent-click": (...args: any[]) => any;
"onFocus-outside": (...args: any[]) => any;
"onAnchor-dblclick": (...args: any[]) => any;
anchorSelector: string;
trigger: NonNullable<import("../va-dropdown/hooks/useDropdownNavigation").Trigger | readonly import("../va-dropdown/hooks/useDropdownNavigation").Trigger[] | undefined>;
readonly: NonNullable<boolean | undefined>;
closeOnClickOutside: NonNullable<boolean | undefined>;
closeOnFocusOutside: NonNullable<boolean | undefined>;
closeOnAnchorClick: NonNullable<boolean | undefined>;
closeOnContentClick: boolean;
hoverOverTimeout: NonNullable<string | number | undefined>;
hoverOutTimeout: NonNullable<string | number | undefined>;
isContentHoverable: NonNullable<boolean | undefined>;
keepAnchorWidth: NonNullable<boolean | undefined>;
verticalScrollOnOverflow: NonNullable<boolean | undefined>;
cursor: NonNullable<boolean | import("../va-dropdown/types").CursorAnchor | undefined>;
autoPlacement: NonNullable<boolean | undefined>;
stickToEdges: NonNullable<boolean | undefined>;
teleport: NonNullable<import("../../composables").MaybeHTMLElementOrSelector>;
contentClass: string;
view: Partial<import("../va-date-picker/types").DatePickerView>;
leftIcon: boolean;
rules: import("../../composables").ValidationRule<import("./types").DateInputModelValue>[];
dirty: boolean;
errorMessages: string | string[];
errorCount: string | number;
messages: string | string[];
immediateValidation: boolean;
requiredMark: NonNullable<boolean | undefined>;
"onClick-prepend": (...args: any[]) => any;
"onClick-append": (...args: any[]) => any;
"onClick-prepend-inner": (...args: any[]) => any;
"onClick-append-inner": (...args: any[]) => any;
"onClick-field": (...args: any[]) => any;
counter: NonNullable<boolean | undefined>;
placeholder: string;
background: string;
innerLabel: NonNullable<boolean | undefined>;
inputAriaLabel: NonNullable<import("../../composables").TranslationProp | undefined>;
inputAriaLabelledby: string;
inputAriaDescribedby: string;
ariaResetLabel: import("../../composables").TranslationProp;
clearable: boolean;
clearableIcon: string;
clearValue: any;
manualInput: boolean;
"child:prevButton": Partial<{
size: "small" | "medium" | "large";
replace: boolean;
type: string;
preset: import("../../composables").PresetPropValue;
target: string;
color: import("../../composables").ColorName;
textColor: string;
icon: string;
borderColor: string;
gradient: boolean;
tag: string;
sizesConfig: Record<string, any>;
fontSizesConfig: Record<string, any>;
loading: boolean;
block: boolean;
disabled: boolean;
textOpacity: string | number;
backgroundOpacity: string | number;
plain: boolean;
round: boolean;
iconRight: string;
iconColor: string;
to: string | Record<string, any>;
append: boolean;
exact: boolean;
activeClass: string;
exactActiveClass: string;
href: string;
pressedBehavior: "opacity" | "mask";
pressedOpacity: number;
pressedMaskColor: string;
hoverBehavior: "opacity" | "mask";
hoverOpacity: string | number;
hoverMaskColor: string;
}> & Omit<{
readonly size: "small" | "medium" | "large";
readonly type: string;
readonly color: import("../../composables").ColorName;
readonly textColor: string;
readonly icon: string;
readonly borderColor: string;
readonly gradient: boolean;
readonly tag: string;
readonly sizesConfig: Record<string, any>;
readonly fontSizesConfig: Record<string, any>;
readonly loading: boolean;
readonly block: boolean;
readonly disabled: boolean;
readonly textOpacity: string | number;
readonly backgroundOpacity: string | number;
readonly plain: boolean;
readonly round: boolean;
readonly iconRight: string;
readonly iconColor: string;
readonly pressedBehavior: "opacity" | "mask";
readonly pressedOpacity: number;
readonly pressedMaskColor: string;
readonly hoverBehavior: "opacity" | "mask";
readonly hoverOpacity: string | number;
readonly hoverMaskColor: string;
readonly replace?: boolean | undefined;
readonly preset?: import("../../composables").PresetPropValue | undefined;
readonly target?: string | undefined;
readonly to?: string | Record<string, any> | undefined;
readonly append?: boolean | undefined;
readonly exact?: boolean | undefined;
readonly activeClass?: string | undefined;
readonly exactActiveClass?: string | undefined;
readonly href?: string | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: import("vue").PropType<import("../../composables").ColorName>;
default: string;
};
textColor: {
type: StringConstructor;
default: string;
};
textOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
backgroundOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
borderColor: {
type: StringConstructor;
default: string;
};
gradient: {
type: BooleanConstructor;
default: boolean;
};
plain: {
type: BooleanConstructor;
default: boolean;
};
round: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<"small" | "medium" | "large">;
default: string;
validator: (v: string) => boolean;
};
icon: {
type: StringConstructor;
default: string;
};
iconRight: {
type: StringConstructor;
default: string;
};
iconColor: {
type: StringConstructor;
default: string;
};
to: {
type: import("vue").PropType<string | Record<string, any>>;
default: undefined;
};
replace: {
type: BooleanConstructor;
default: undefined;
};
append: {
type: BooleanConstructor;
default: undefined;
};
exact: {
type: BooleanConstructor;
default: undefined;
};
activeClass: {
type: StringConstructor;
default: undefined;
};
exactActiveClass: {
type: StringConstructor;
default: undefined;
};
href: {
type: StringConstructor;
default: undefined;
};
target: {
type: StringConstructor;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
pressedBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
pressedOpacity: {
type: NumberConstructor;
default: number;
};
pressedMaskColor: {
type: StringConstructor;
default: string;
};
hoverBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
hoverOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hoverMaskColor: {
type: StringConstructor;
default: string;
};
sizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
fontSizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
}>>, "size" | "replace" | "type" | "preset" | "target" | "color" | "textColor" | "icon" | "borderColor" | "gradient" | "tag" | "sizesConfig" | "fontSizesConfig" | "loading" | "block" | "disabled" | "textOpacity" | "backgroundOpacity" | "plain" | "round" | "iconRight" | "iconColor" | "to" | "append" | "exact" | "activeClass" | "exactActiveClass" | "href" | "pressedBehavior" | "pressedOpacity" | "pressedMaskColor" | "hoverBehavior" | "hoverOpacity" | "hoverMaskColor">;
"child:nextButton": Partial<{
size: "small" | "medium" | "large";
replace: boolean;
type: string;
preset: import("../../composables").PresetPropValue;
target: string;
color: import("../../composables").ColorName;
textColor: string;
icon: string;
borderColor: string;
gradient: boolean;
tag: string;
sizesConfig: Record<string, any>;
fontSizesConfig: Record<string, any>;
loading: boolean;
block: boolean;
disabled: boolean;
textOpacity: string | number;
backgroundOpacity: string | number;
plain: boolean;
round: boolean;
iconRight: string;
iconColor: string;
to: string | Record<string, any>;
append: boolean;
exact: boolean;
activeClass: string;
exactActiveClass: string;
href: string;
pressedBehavior: "opacity" | "mask";
pressedOpacity: number;
pressedMaskColor: string;
hoverBehavior: "opacity" | "mask";
hoverOpacity: string | number;
hoverMaskColor: string;
}> & Omit<{
readonly size: "small" | "medium" | "large";
readonly type: string;
readonly color: import("../../composables").ColorName;
readonly textColor: string;
readonly icon: string;
readonly borderColor: string;
readonly gradient: boolean;
readonly tag: string;
readonly sizesConfig: Record<string, any>;
readonly fontSizesConfig: Record<string, any>;
readonly loading: boolean;
readonly block: boolean;
readonly disabled: boolean;
readonly textOpacity: string | number;
readonly backgroundOpacity: string | number;
readonly plain: boolean;
readonly round: boolean;
readonly iconRight: string;
readonly iconColor: string;
readonly pressedBehavior: "opacity" | "mask";
readonly pressedOpacity: number;
readonly pressedMaskColor: string;
readonly hoverBehavior: "opacity" | "mask";
readonly hoverOpacity: string | number;
readonly hoverMaskColor: string;
readonly replace?: boolean | undefined;
readonly preset?: import("../../composables").PresetPropValue | undefined;
readonly target?: string | undefined;
readonly to?: string | Record<string, any> | undefined;
readonly append?: boolean | undefined;
readonly exact?: boolean | undefined;
readonly activeClass?: string | undefined;
readonly exactActiveClass?: string | undefined;
readonly href?: string | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: import("vue").PropType<import("../../composables").ColorName>;
default: string;
};
textColor: {
type: StringConstructor;
default: string;
};
textOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
backgroundOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
borderColor: {
type: StringConstructor;
default: string;
};
gradient: {
type: BooleanConstructor;
default: boolean;
};
plain: {
type: BooleanConstructor;
default: boolean;
};
round: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<"small" | "medium" | "large">;
default: string;
validator: (v: string) => boolean;
};
icon: {
type: StringConstructor;
default: string;
};
iconRight: {
type: StringConstructor;
default: string;
};
iconColor: {
type: StringConstructor;
default: string;
};
to: {
type: import("vue").PropType<string | Record<string, any>>;
default: undefined;
};
replace: {
type: BooleanConstructor;
default: undefined;
};
append: {
type: BooleanConstructor;
default: undefined;
};
exact: {
type: BooleanConstructor;
default: undefined;
};
activeClass: {
type: StringConstructor;
default: undefined;
};
exactActiveClass: {
type: StringConstructor;
default: undefined;
};
href: {
type: StringConstructor;
default: undefined;
};
target: {
type: StringConstructor;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
pressedBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
pressedOpacity: {
type: NumberConstructor;
default: number;
};
pressedMaskColor: {
type: StringConstructor;
default: string;
};
hoverBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
hoverOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hoverMaskColor: {
type: StringConstructor;
default: string;
};
sizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
fontSizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
}>>, "size" | "replace" | "type" | "preset" | "target" | "color" | "textColor" | "icon" | "borderColor" | "gradient" | "tag" | "sizesConfig" | "fontSizesConfig" | "loading" | "block" | "disabled" | "textOpacity" | "backgroundOpacity" | "plain" | "round" | "iconRight" | "iconColor" | "to" | "append" | "exact" | "activeClass" | "exactActiveClass" | "href" | "pressedBehavior" | "pressedOpacity" | "pressedMaskColor" | "hoverBehavior" | "hoverOpacity" | "hoverMaskColor">;
"child:middleButton": Partial<{
size: "small" | "medium" | "large";
replace: boolean;
type: string;
preset: import("../../composables").PresetPropValue;
target: string;
color: import("../../composables").ColorName;
textColor: string;
icon: string;
borderColor: string;
gradient: boolean;
tag: string;
sizesConfig: Record<string, any>;
fontSizesConfig: Record<string, any>;
loading: boolean;
block: boolean;
disabled: boolean;
textOpacity: string | number;
backgroundOpacity: string | number;
plain: boolean;
round: boolean;
iconRight: string;
iconColor: string;
to: string | Record<string, any>;
append: boolean;
exact: boolean;
activeClass: string;
exactActiveClass: string;
href: string;
pressedBehavior: "opacity" | "mask";
pressedOpacity: number;
pressedMaskColor: string;
hoverBehavior: "opacity" | "mask";
hoverOpacity: string | number;
hoverMaskColor: string;
}> & Omit<{
readonly size: "small" | "medium" | "large";
readonly type: string;
readonly color: import("../../composables").ColorName;
readonly textColor: string;
readonly icon: string;
readonly borderColor: string;
readonly gradient: boolean;
readonly tag: string;
readonly sizesConfig: Record<string, any>;
readonly fontSizesConfig: Record<string, any>;
readonly loading: boolean;
readonly block: boolean;
readonly disabled: boolean;
readonly textOpacity: string | number;
readonly backgroundOpacity: string | number;
readonly plain: boolean;
readonly round: boolean;
readonly iconRight: string;
readonly iconColor: string;
readonly pressedBehavior: "opacity" | "mask";
readonly pressedOpacity: number;
readonly pressedMaskColor: string;
readonly hoverBehavior: "opacity" | "mask";
readonly hoverOpacity: string | number;
readonly hoverMaskColor: string;
readonly replace?: boolean | undefined;
readonly preset?: import("../../composables").PresetPropValue | undefined;
readonly target?: string | undefined;
readonly to?: string | Record<string, any> | undefined;
readonly append?: boolean | undefined;
readonly exact?: boolean | undefined;
readonly activeClass?: string | undefined;
readonly exactActiveClass?: string | undefined;
readonly href?: string | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: import("vue").PropType<import("../../composables").ColorName>;
default: string;
};
textColor: {
type: StringConstructor;
default: string;
};
textOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
backgroundOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
borderColor: {
type: StringConstructor;
default: string;
};
gradient: {
type: BooleanConstructor;
default: boolean;
};
plain: {
type: BooleanConstructor;
default: boolean;
};
round: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<"small" | "medium" | "large">;
default: string;
validator: (v: string) => boolean;
};
icon: {
type: StringConstructor;
default: string;
};
iconRight: {
type: StringConstructor;
default: string;
};
iconColor: {
type: StringConstructor;
default: string;
};
to: {
type: import("vue").PropType<string | Record<string, any>>;
default: undefined;
};
replace: {
type: BooleanConstructor;
default: undefined;
};
append: {
type: BooleanConstructor;
default: undefined;
};
exact: {
type: BooleanConstructor;
default: undefined;
};
activeClass: {
type: StringConstructor;
default: undefined;
};
exactActiveClass: {
type: StringConstructor;
default: undefined;
};
href: {
type: StringConstructor;
default: undefined;
};
target: {
type: StringConstructor;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
pressedBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
pressedOpacity: {
type: NumberConstructor;
default: number;
};
pressedMaskColor: {
type: StringConstructor;
default: string;
};
hoverBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
hoverOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hoverMaskColor: {
type: StringConstructor;
default: string;
};
sizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
fontSizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
}>>, "size" | "replace" | "type" | "preset" | "target" | "color" | "textColor" | "icon" | "borderColor" | "gradient" | "tag" | "sizesConfig" | "fontSizesConfig" | "loading" | "block" | "disabled" | "textOpacity" | "backgroundOpacity" | "plain" | "round" | "iconRight" | "iconColor" | "to" | "append" | "exact" | "activeClass" | "exactActiveClass" | "href" | "pressedBehavior" | "pressedOpacity" | "pressedMaskColor" | "hoverBehavior" | "hoverOpacity" | "hoverMaskColor">;
"onUpdate:view": (...args: any[]) => any;
monthNames: string[];
ariaNextPeriodLabel: NonNullable<NonNullable<import("../../composables").TranslationProp | undefined> | undefined>;
ariaPreviousPeriodLabel: NonNullable<NonNullable<import("../../composables").TranslationProp | undefined> | undefined>;
ariaSwitchViewLabel: NonNullable<NonNullable<import("../../composables").TranslationProp | undefined> | undefined>;
"onHover:day": (...args: any[]) => any;
"onClick:day": (...args: any[]) => any;
weekdayNames: string[];
firstWeekday: NonNullable<NonNullable<("Monday" | "Sunday" | "monday" | "sunday") | undefined> | undefined>;
hideWeekDays: NonNullable<NonNullable<boolean | undefined> | undefined>;
showOtherMonths: NonNullable<NonNullable<boolean | undefined> | undefined>;
allowedDays: (date: Date) => boolean;
weekends: (date: Date) => boolean;
highlightWeekend: NonNullable<NonNullable<boolean | undefined> | undefined>;
highlightToday: NonNullable<NonNullable<boolean | undefined> | undefined>;
"onHover:month": (...args: any[]) => any;
"onClick:month": (...args: any[]) => any;
allowedMonths: (date: Date) => boolean;
"onHover:year": (...args: any[]) => any;
"onClick:year": (...args: any[]) => any;
allowedYears: (date: Date) => boolean;
startYear: NonNullable<NonNullable<string | number | undefined> | undefined>;
endYear: NonNullable<NonNullable<string | number | undefined> | undefined>;
weekendsColor: string;
resetOnClose: boolean;
formatDate: (date: Date) => string;
delimiter: string;
rangeDelimiter: string;
ariaToggleDropdownLabel: import("../../composables").TranslationProp;
ariaSelectedDateLabel: import("../../composables").TranslationProp;
closeOnChange: boolean;
isOpen: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
clearValue: {
type: import("vue").PropType<any>;
default: undefined;
};
modelValue: {
type: import("vue").PropType<import("./types").DateInputModelValue>;
};
resetOnClose: {
type: BooleanConstructor;
default: boolean;
};
closeOnContentClick: {
type: BooleanConstructor;
default: boolean;
};
offset: {
default: () => number[];
type: import("vue").PropType<NonNullable<import("../va-dropdown/types").DropdownOffsetProp | undefined>>;
required: true;
};
format: {
type: import("vue").PropType<(date: import("./types").DateInputModelValue) => string>;
};
formatDate: {
type: import("vue").PropType<(date: Date) => string>;
default: (d: Date) => string;
};
formatValue: {
type: import("vue").PropType<(date: import("./types").DateInputModelValue) => string>;
};
parse: {
type: import("vue").PropType<(input: string) => import("./types").DateInputValue>;
};
parseDate: {
type: import("vue").PropType<(input: string) => Date>;
};
delimiter: {
type: StringConstructor;
default: string;
};
rangeDelimiter: {
type: StringConstructor;
default: string;
};
manualInput: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: StringConstructor;
default: string;
};
leftIcon: {
type: BooleanConstructor;
default: boolean;
};
icon: {
type: StringConstructor;
default: string;
};
ariaToggleDropdownLabel: {
type: import("vue").PropType<import("../../composables").TranslationProp>;
default: import("../../composables").TranslationProp;
};
ariaResetLabel: {
type: import("vue").PropType<import("../../composables").TranslationProp>;
default: import("../../composables").TranslationProp;
};
ariaSelectedDateLabel: {
type: import("vue").PropType<import("../../composables").TranslationProp>;
default: import("../../composables").TranslationProp;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
rules: {
type: import("vue").PropType<import("../../composables").ValidationRule<import("./types").DateInputModelValue>[]>;
default: () => any;
required: false;
};
error: {
type: BooleanConstructor;
default: undefined;
};
name: {
type: StringConstructor;
default: undefined;
};
success: {
type: BooleanConstructor;
default: boolean;
};
dirty: {
type: BooleanConstructor;
default: boolean;
};
errorMessages: {
type: import("vue").PropType<string | string[]>;
default: undefined;
};
errorCount: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
messages: {
type: import("vue").PropType<string | string[]>;
default: () => never[];
};
immediateValidation: {
type: BooleanConstructor;
default: boolean;
};
type: {
type: import("vue").PropType<NonNullable<import("../va-date-picker/types").DatePickerType | undefined>>;
required: true;
default: import("../va-date-picker/types").DatePickerType | undefined;
};
mode: {
type: import("vue").PropType<NonNullable<NonNullable<import("../va-date-picker/types").DatePickerMode | undefined> | undefined>>;
required: true;
default: NonNullable<import("../va-date-picker/types").DatePickerMode | undefined> | undefined;
};
"onUpdate:modelValue": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
stateful: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
disabled: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
readonly: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
view: {
type: import("vue").PropType<Partial<import("../va-date-picker/types").DatePickerView>>;
required: true;
default: Partial<import("../va-date-picker/types").DatePickerView> | undefined;
};
"child:prevButton": {
type: import("vue").PropType<Partial<{
size: "small" | "medium" | "large";
replace: boolean;
type: string;
preset: import("../../composables").PresetPropValue;
target: string;
color: import("../../composables").ColorName;
textColor: string;
icon: string;
borderColor: string;
gradient: boolean;
tag: string;
sizesConfig: Record<string, any>;
fontSizesConfig: Record<string, any>;
loading: boolean;
block: boolean;
disabled: boolean;
textOpacity: string | number;
backgroundOpacity: string | number;
plain: boolean;
round: boolean;
iconRight: string;
iconColor: string;
to: string | Record<string, any>;
append: boolean;
exact: boolean;
activeClass: string;
exactActiveClass: string;
href: string;
pressedBehavior: "opacity" | "mask";
pressedOpacity: number;
pressedMaskColor: string;
hoverBehavior: "opacity" | "mask";
hoverOpacity: string | number;
hoverMaskColor: string;
}> & Omit<{
readonly size: "small" | "medium" | "large";
readonly type: string;
readonly color: import("../../composables").ColorName;
readonly textColor: string;
readonly icon: string;
readonly borderColor: string;
readonly gradient: boolean;
readonly tag: string;
readonly sizesConfig: Record<string, any>;
readonly fontSizesConfig: Record<string, any>;
readonly loading: boolean;
readonly block: boolean;
readonly disabled: boolean;
readonly textOpacity: string | number;
readonly backgroundOpacity: string | number;
readonly plain: boolean;
readonly round: boolean;
readonly iconRight: string;
readonly iconColor: string;
readonly pressedBehavior: "opacity" | "mask";
readonly pressedOpacity: number;
readonly pressedMaskColor: string;
readonly hoverBehavior: "opacity" | "mask";
readonly hoverOpacity: string | number;
readonly hoverMaskColor: string;
readonly replace?: boolean | undefined;
readonly preset?: import("../../composables").PresetPropValue | undefined;
readonly target?: string | undefined;
readonly to?: string | Record<string, any> | undefined;
readonly append?: boolean | undefined;
readonly exact?: boolean | undefined;
readonly activeClass?: string | undefined;
readonly exactActiveClass?: string | undefined;
readonly href?: string | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: import("vue").PropType<import("../../composables").ColorName>;
default: string;
};
textColor: {
type: StringConstructor;
default: string;
};
textOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
backgroundOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
borderColor: {
type: StringConstructor;
default: string;
};
gradient: {
type: BooleanConstructor;
default: boolean;
};
plain: {
type: BooleanConstructor;
default: boolean;
};
round: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<"small" | "medium" | "large">;
default: string;
validator: (v: string) => boolean;
};
icon: {
type: StringConstructor;
default: string;
};
iconRight: {
type: StringConstructor;
default: string;
};
iconColor: {
type: StringConstructor;
default: string;
};
to: {
type: import("vue").PropType<string | Record<string, any>>;
default: undefined;
};
replace: {
type: BooleanConstructor;
default: undefined;
};
append: {
type: BooleanConstructor;
default: undefined;
};
exact: {
type: BooleanConstructor;
default: undefined;
};
activeClass: {
type: StringConstructor;
default: undefined;
};
exactActiveClass: {
type: StringConstructor;
default: undefined;
};
href: {
type: StringConstructor;
default: undefined;
};
target: {
type: StringConstructor;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
pressedBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
pressedOpacity: {
type: NumberConstructor;
default: number;
};
pressedMaskColor: {
type: StringConstructor;
default: string;
};
hoverBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
hoverOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hoverMaskColor: {
type: StringConstructor;
default: string;
};
sizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
fontSizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
}>>, "size" | "replace" | "type" | "preset" | "target" | "color" | "textColor" | "icon" | "borderColor" | "gradient" | "tag" | "sizesConfig" | "fontSizesConfig" | "loading" | "block" | "disabled" | "textOpacity" | "backgroundOpacity" | "plain" | "round" | "iconRight" | "iconColor" | "to" | "append" | "exact" | "activeClass" | "exactActiveClass" | "href" | "pressedBehavior" | "pressedOpacity" | "pressedMaskColor" | "hoverBehavior" | "hoverOpacity" | "hoverMaskColor">>;
required: true;
default: NonNullable<Partial<{
size: "small" | "medium" | "large";
replace: boolean;
type: string;
preset: import("../../composables").PresetPropValue;
target: string;
color: import("../../composables").ColorName;
textColor: string;
icon: string;
borderColor: string;
gradient: boolean;
tag: string;
sizesConfig: Record<string, any>;
fontSizesConfig: Record<string, any>;
loading: boolean;
block: boolean;
disabled: boolean;
textOpacity: string | number;
backgroundOpacity: string | number;
plain: boolean;
round: boolean;
iconRight: string;
iconColor: string;
to: string | Record<string, any>;
append: boolean;
exact: boolean;
activeClass: string;
exactActiveClass: string;
href: string;
pressedBehavior: "opacity" | "mask";
pressedOpacity: number;
pressedMaskColor: string;
hoverBehavior: "opacity" | "mask";
hoverOpacity: string | number;
hoverMaskColor: string;
}> & Omit<{
readonly size: "small" | "medium" | "large";
readonly type: string;
readonly color: import("../../composables").ColorName;
readonly textColor: string;
readonly icon: string;
readonly borderColor: string;
readonly gradient: boolean;
readonly tag: string;
readonly sizesConfig: Record<string, any>;
readonly fontSizesConfig: Record<string, any>;
readonly loading: boolean;
readonly block: boolean;
readonly disabled: boolean;
readonly textOpacity: string | number;
readonly backgroundOpacity: string | number;
readonly plain: boolean;
readonly round: boolean;
readonly iconRight: string;
readonly iconColor: string;
readonly pressedBehavior: "opacity" | "mask";
readonly pressedOpacity: number;
readonly pressedMaskColor: string;
readonly hoverBehavior: "opacity" | "mask";
readonly hoverOpacity: string | number;
readonly hoverMaskColor: string;
readonly replace?: boolean | undefined;
readonly preset?: import("../../composables").PresetPropValue | undefined;
readonly target?: string | undefined;
readonly to?: string | Record<string, any> | undefined;
readonly append?: boolean | undefined;
readonly exact?: boolean | undefined;
readonly activeClass?: string | undefined;
readonly exactActiveClass?: string | undefined;
readonly href?: string | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: import("vue").PropType<import("../../composables").ColorName>;
default: string;
};
textColor: {
type: StringConstructor;
default: string;
};
textOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
backgroundOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
borderColor: {
type: StringConstructor;
default: string;
};
gradient: {
type: BooleanConstructor;
default: boolean;
};
plain: {
type: BooleanConstructor;
default: boolean;
};
round: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<"small" | "medium" | "large">;
default: string;
validator: (v: string) => boolean;
};
icon: {
type: StringConstructor;
default: string;
};
iconRight: {
type: StringConstructor;
default: string;
};
iconColor: {
type: StringConstructor;
default: string;
};
to: {
type: import("vue").PropType<string | Record<string, any>>;
default: undefined;
};
replace: {
type: BooleanConstructor;
default: undefined;
};
append: {
type: BooleanConstructor;
default: undefined;
};
exact: {
type: BooleanConstructor;
default: undefined;
};
activeClass: {
type: StringConstructor;
default: undefined;
};
exactActiveClass: {
type: StringConstructor;
default: undefined;
};
href: {
type: StringConstructor;
default: undefined;
};
target: {
type: StringConstructor;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
pressedBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
pressedOpacity: {
type: NumberConstructor;
default: number;
};
pressedMaskColor: {
type: StringConstructor;
default: string;
};
hoverBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
hoverOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hoverMaskColor: {
type: StringConstructor;
default: string;
};
sizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
fontSizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
}>>, "size" | "replace" | "type" | "preset" | "target" | "color" | "textColor" | "icon" | "borderColor" | "gradient" | "tag" | "sizesConfig" | "fontSizesConfig" | "loading" | "block" | "disabled" | "textOpacity" | "backgroundOpacity" | "plain" | "round" | "iconRight" | "iconColor" | "to" | "append" | "exact" | "activeClass" | "exactActiveClass" | "href" | "pressedBehavior" | "pressedOpacity" | "pressedMaskColor" | "hoverBehavior" | "hoverOpacity" | "hoverMaskColor">> | undefined;
};
"child:nextButton": {
type: import("vue").PropType<Partial<{
size: "small" | "medium" | "large";
replace: boolean;
type: string;
preset: import("../../composables").PresetPropValue;
target: string;
color: import("../../composables").ColorName;
textColor: string;
icon: string;
borderColor: string;
gradient: boolean;
tag: string;
sizesConfig: Record<string, any>;
fontSizesConfig: Record<string, any>;
loading: boolean;
block: boolean;
disabled: boolean;
textOpacity: string | number;
backgroundOpacity: string | number;
plain: boolean;
round: boolean;
iconRight: string;
iconColor: string;
to: string | Record<string, any>;
append: boolean;
exact: boolean;
activeClass: string;
exactActiveClass: string;
href: string;
pressedBehavior: "opacity" | "mask";
pressedOpacity: number;
pressedMaskColor: string;
hoverBehavior: "opacity" | "mask";
hoverOpacity: string | number;
hoverMaskColor: string;
}> & Omit<{
readonly size: "small" | "medium" | "large";
readonly type: string;
readonly color: import("../../composables").ColorName;
readonly textColor: string;
readonly icon: string;
readonly borderColor: string;
readonly gradient: boolean;
readonly tag: string;
readonly sizesConfig: Record<string, any>;
readonly fontSizesConfig: Record<string, any>;
readonly loading: boolean;
readonly block: boolean;
readonly disabled: boolean;
readonly textOpacity: string | number;
readonly backgroundOpacity: string | number;
readonly plain: boolean;
readonly round: boolean;
readonly iconRight: string;
readonly iconColor: string;
readonly pressedBehavior: "opacity" | "mask";
readonly pressedOpacity: number;
readonly pressedMaskColor: string;
readonly hoverBehavior: "opacity" | "mask";
readonly hoverOpacity: string | number;
readonly hoverMaskColor: string;
readonly replace?: boolean | undefined;
readonly preset?: import("../../composables").PresetPropValue | undefined;
readonly target?: string | undefined;
readonly to?: string | Record<string, any> | undefined;
readonly append?: boolean | undefined;
readonly exact?: boolean | undefined;
readonly activeClass?: string | undefined;
readonly exactActiveClass?: string | undefined;
readonly href?: string | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: import("vue").PropType<import("../../composables").ColorName>;
default: string;
};
textColor: {
type: StringConstructor;
default: string;
};
textOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
backgroundOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
borderColor: {
type: StringConstructor;
default: string;
};
gradient: {
type: BooleanConstructor;
default: boolean;
};
plain: {
type: BooleanConstructor;
default: boolean;
};
round: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<"small" | "medium" | "large">;
default: string;
validator: (v: string) => boolean;
};
icon: {
type: StringConstructor;
default: string;
};
iconRight: {
type: StringConstructor;
default: string;
};
iconColor: {
type: StringConstructor;
default: string;
};
to: {
type: import("vue").PropType<string | Record<string, any>>;
default: undefined;
};
replace: {
type: BooleanConstructor;
default: undefined;
};
append: {
type: BooleanConstructor;
default: undefined;
};
exact: {
type: BooleanConstructor;
default: undefined;
};
activeClass: {
type: StringConstructor;
default: undefined;
};
exactActiveClass: {
type: StringConstructor;
default: undefined;
};
href: {
type: StringConstructor;
default: undefined;
};
target: {
type: StringConstructor;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
pressedBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
pressedOpacity: {
type: NumberConstructor;
default: number;
};
pressedMaskColor: {
type: StringConstructor;
default: string;
};
hoverBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
hoverOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hoverMaskColor: {
type: StringConstructor;
default: string;
};
sizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
fontSizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
}>>, "size" | "replace" | "type" | "preset" | "target" | "color" | "textColor" | "icon" | "borderColor" | "gradient" | "tag" | "sizesConfig" | "fontSizesConfig" | "loading" | "block" | "disabled" | "textOpacity" | "backgroundOpacity" | "plain" | "round" | "iconRight" | "iconColor" | "to" | "append" | "exact" | "activeClass" | "exactActiveClass" | "href" | "pressedBehavior" | "pressedOpacity" | "pressedMaskColor" | "hoverBehavior" | "hoverOpacity" | "hoverMaskColor">>;
required: true;
default: NonNullable<Partial<{
size: "small" | "medium" | "large";
replace: boolean;
type: string;
preset: import("../../composables").PresetPropValue;
target: string;
color: import("../../composables").ColorName;
textColor: string;
icon: string;
borderColor: string;
gradient: boolean;
tag: string;
sizesConfig: Record<string, any>;
fontSizesConfig: Record<string, any>;
loading: boolean;
block: boolean;
disabled: boolean;
textOpacity: string | number;
backgroundOpacity: string | number;
plain: boolean;
round: boolean;
iconRight: string;
iconColor: string;
to: string | Record<string, any>;
append: boolean;
exact: boolean;
activeClass: string;
exactActiveClass: string;
href: string;
pressedBehavior: "opacity" | "mask";
pressedOpacity: number;
pressedMaskColor: string;
hoverBehavior: "opacity" | "mask";
hoverOpacity: string | number;
hoverMaskColor: string;
}> & Omit<{
readonly size: "small" | "medium" | "large";
readonly type: string;
readonly color: import("../../composables").ColorName;
readonly textColor: string;
readonly icon: string;
readonly borderColor: string;
readonly gradient: boolean;
readonly tag: string;
readonly sizesConfig: Record<string, any>;
readonly fontSizesConfig: Record<string, any>;
readonly loading: boolean;
readonly block: boolean;
readonly disabled: boolean;
readonly textOpacity: string | number;
readonly backgroundOpacity: string | number;
readonly plain: boolean;
readonly round: boolean;
readonly iconRight: string;
readonly iconColor: string;
readonly pressedBehavior: "opacity" | "mask";
readonly pressedOpacity: number;
readonly pressedMaskColor: string;
readonly hoverBehavior: "opacity" | "mask";
readonly hoverOpacity: string | number;
readonly hoverMaskColor: string;
readonly replace?: boolean | undefined;
readonly preset?: import("../../composables").PresetPropValue | undefined;
readonly target?: string | undefined;
readonly to?: string | Record<string, any> | undefined;
readonly append?: boolean | undefined;
readonly exact?: boolean | undefined;
readonly activeClass?: string | undefined;
readonly exactActiveClass?: string | undefined;
readonly href?: string | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: import("vue").PropType<import("../../composables").ColorName>;
default: string;
};
textColor: {
type: StringConstructor;
default: string;
};
textOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
backgroundOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
borderColor: {
type: StringConstructor;
default: string;
};
gradient: {
type: BooleanConstructor;
default: boolean;
};
plain: {
type: BooleanConstructor;
default: boolean;
};
round: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<"small" | "medium" | "large">;
default: string;
validator: (v: string) => boolean;
};
icon: {
type: StringConstructor;
default: string;
};
iconRight: {
type: StringConstructor;
default: string;
};
iconColor: {
type: StringConstructor;
default: string;
};
to: {
type: import("vue").PropType<string | Record<string, any>>;
default: undefined;
};
replace: {
type: BooleanConstructor;
default: undefined;
};
append: {
type: BooleanConstructor;
default: undefined;
};
exact: {
type: BooleanConstructor;
default: undefined;
};
activeClass: {
type: StringConstructor;
default: undefined;
};
exactActiveClass: {
type: StringConstructor;
default: undefined;
};
href: {
type: StringConstructor;
default: undefined;
};
target: {
type: StringConstructor;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
pressedBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
pressedOpacity: {
type: NumberConstructor;
default: number;
};
pressedMaskColor: {
type: StringConstructor;
default: string;
};
hoverBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
hoverOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hoverMaskColor: {
type: StringConstructor;
default: string;
};
sizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
fontSizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
}>>, "size" | "replace" | "type" | "preset" | "target" | "color" | "textColor" | "icon" | "borderColor" | "gradient" | "tag" | "sizesConfig" | "fontSizesConfig" | "loading" | "block" | "disabled" | "textOpacity" | "backgroundOpacity" | "plain" | "round" | "iconRight" | "iconColor" | "to" | "append" | "exact" | "activeClass" | "exactActiveClass" | "href" | "pressedBehavior" | "pressedOpacity" | "pressedMaskColor" | "hoverBehavior" | "hoverOpacity" | "hoverMaskColor">> | undefined;
};
"child:middleButton": {
type: import("vue").PropType<Partial<{
size: "small" | "medium" | "large";
replace: boolean;
type: string;
preset: import("../../composables").PresetPropValue;
target: string;
color: import("../../composables").ColorName;
textColor: string;
icon: string;
borderColor: string;
gradient: boolean;
tag: string;
sizesConfig: Record<string, any>;
fontSizesConfig: Record<string, any>;
loading: boolean;
block: boolean;
disabled: boolean;
textOpacity: string | number;
backgroundOpacity: string | number;
plain: boolean;
round: boolean;
iconRight: string;
iconColor: string;
to: string | Record<string, any>;
append: boolean;
exact: boolean;
activeClass: string;
exactActiveClass: string;
href: string;
pressedBehavior: "opacity" | "mask";
pressedOpacity: number;
pressedMaskColor: string;
hoverBehavior: "opacity" | "mask";
hoverOpacity: string | number;
hoverMaskColor: string;
}> & Omit<{
readonly size: "small" | "medium" | "large";
readonly type: string;
readonly color: import("../../composables").ColorName;
readonly textColor: string;
readonly icon: string;
readonly borderColor: string;
readonly gradient: boolean;
readonly tag: string;
readonly sizesConfig: Record<string, any>;
readonly fontSizesConfig: Record<string, any>;
readonly loading: boolean;
readonly block: boolean;
readonly disabled: boolean;
readonly textOpacity: string | number;
readonly backgroundOpacity: string | number;
readonly plain: boolean;
readonly round: boolean;
readonly iconRight: string;
readonly iconColor: string;
readonly pressedBehavior: "opacity" | "mask";
readonly pressedOpacity: number;
readonly pressedMaskColor: string;
readonly hoverBehavior: "opacity" | "mask";
readonly hoverOpacity: string | number;
readonly hoverMaskColor: string;
readonly replace?: boolean | undefined;
readonly preset?: import("../../composables").PresetPropValue | undefined;
readonly target?: string | undefined;
readonly to?: string | Record<string, any> | undefined;
readonly append?: boolean | undefined;
readonly exact?: boolean | undefined;
readonly activeClass?: string | undefined;
readonly exactActiveClass?: string | undefined;
readonly href?: string | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: import("vue").PropType<import("../../composables").ColorName>;
default: string;
};
textColor: {
type: StringConstructor;
default: string;
};
textOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
backgroundOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
borderColor: {
type: StringConstructor;
default: string;
};
gradient: {
type: BooleanConstructor;
default: boolean;
};
plain: {
type: BooleanConstructor;
default: boolean;
};
round: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<"small" | "medium" | "large">;
default: string;
validator: (v: string) => boolean;
};
icon: {
type: StringConstructor;
default: string;
};
iconRight: {
type: StringConstructor;
default: string;
};
iconColor: {
type: StringConstructor;
default: string;
};
to: {
type: import("vue").PropType<string | Record<string, any>>;
default: undefined;
};
replace: {
type: BooleanConstructor;
default: undefined;
};
append: {
type: BooleanConstructor;
default: undefined;
};
exact: {
type: BooleanConstructor;
default: undefined;
};
activeClass: {
type: StringConstructor;
default: undefined;
};
exactActiveClass: {
type: StringConstructor;
default: undefined;
};
href: {
type: StringConstructor;
default: undefined;
};
target: {
type: StringConstructor;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
pressedBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
pressedOpacity: {
type: NumberConstructor;
default: number;
};
pressedMaskColor: {
type: StringConstructor;
default: string;
};
hoverBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
hoverOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hoverMaskColor: {
type: StringConstructor;
default: string;
};
sizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
fontSizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
}>>, "size" | "replace" | "type" | "preset" | "target" | "color" | "textColor" | "icon" | "borderColor" | "gradient" | "tag" | "sizesConfig" | "fontSizesConfig" | "loading" | "block" | "disabled" | "textOpacity" | "backgroundOpacity" | "plain" | "round" | "iconRight" | "iconColor" | "to" | "append" | "exact" | "activeClass" | "exactActiveClass" | "href" | "pressedBehavior" | "pressedOpacity" | "pressedMaskColor" | "hoverBehavior" | "hoverOpacity" | "hoverMaskColor">>;
required: true;
default: NonNullable<Partial<{
size: "small" | "medium" | "large";
replace: boolean;
type: string;
preset: import("../../composables").PresetPropValue;
target: string;
color: import("../../composables").ColorName;
textColor: string;
icon: string;
borderColor: string;
gradient: boolean;
tag: string;
sizesConfig: Record<string, any>;
fontSizesConfig: Record<string, any>;
loading: boolean;
block: boolean;
disabled: boolean;
textOpacity: string | number;
backgroundOpacity: string | number;
plain: boolean;
round: boolean;
iconRight: string;
iconColor: string;
to: string | Record<string, any>;
append: boolean;
exact: boolean;
activeClass: string;
exactActiveClass: string;
href: string;
pressedBehavior: "opacity" | "mask";
pressedOpacity: number;
pressedMaskColor: string;
hoverBehavior: "opacity" | "mask";
hoverOpacity: string | number;
hoverMaskColor: string;
}> & Omit<{
readonly size: "small" | "medium" | "large";
readonly type: string;
readonly color: import("../../composables").ColorName;
readonly textColor: string;
readonly icon: string;
readonly borderColor: string;
readonly gradient: boolean;
readonly tag: string;
readonly sizesConfig: Record<string, any>;
readonly fontSizesConfig: Record<string, any>;
readonly loading: boolean;
readonly block: boolean;
readonly disabled: boolean;
readonly textOpacity: string | number;
readonly backgroundOpacity: string | number;
readonly plain: boolean;
readonly round: boolean;
readonly iconRight: string;
readonly iconColor: string;
readonly pressedBehavior: "opacity" | "mask";
readonly pressedOpacity: number;
readonly pressedMaskColor: string;
readonly hoverBehavior: "opacity" | "mask";
readonly hoverOpacity: string | number;
readonly hoverMaskColor: string;
readonly replace?: boolean | undefined;
readonly preset?: import("../../composables").PresetPropValue | undefined;
readonly target?: string | undefined;
readonly to?: string | Record<string, any> | undefined;
readonly append?: boolean | undefined;
readonly exact?: boolean | undefined;
readonly activeClass?: string | undefined;
readonly exactActiveClass?: string | undefined;
readonly href?: string | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: import("vue").PropType<import("../../composables").ColorName>;
default: string;
};
textColor: {
type: StringConstructor;
default: string;
};
textOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
backgroundOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
borderColor: {
type: StringConstructor;
default: string;
};
gradient: {
type: BooleanConstructor;
default: boolean;
};
plain: {
type: BooleanConstructor;
default: boolean;
};
round: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<"small" | "medium" | "large">;
default: string;
validator: (v: string) => boolean;
};
icon: {
type: StringConstructor;
default: string;
};
iconRight: {
type: StringConstructor;
default: string;
};
iconColor: {
type: StringConstructor;
default: string;
};
to: {
type: import("vue").PropType<string | Record<string, any>>;
default: undefined;
};
replace: {
type: BooleanConstructor;
default: undefined;
};
append: {
type: BooleanConstructor;
default: undefined;
};
exact: {
type: BooleanConstructor;
default: undefined;
};
activeClass: {
type: StringConstructor;
default: undefined;
};
exactActiveClass: {
type: StringConstructor;
default: undefined;
};
href: {
type: StringConstructor;
default: undefined;
};
target: {
type: StringConstructor;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
pressedBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
pressedOpacity: {
type: NumberConstructor;
default: number;
};
pressedMaskColor: {
type: StringConstructor;
default: string;
};
hoverBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
hoverOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hoverMaskColor: {
type: StringConstructor;
default: string;
};
sizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
fontSizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
}>>, "size" | "replace" | "type" | "preset" | "target" | "color" | "textColor" | "icon" | "borderColor" | "gradient" | "tag" | "sizesConfig" | "fontSizesConfig" | "loading" | "block" | "disabled" | "textOpacity" | "backgroundOpacity" | "plain" | "round" | "iconRight" | "iconColor" | "to" | "append" | "exact" | "activeClass" | "exactActiveClass" | "href" | "pressedBehavior" | "pressedOpacity" | "pressedMaskColor" | "hoverBehavior" | "hoverOpacity" | "hoverMaskColor">> | undefined;
};
"onUpdate:view": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
monthNames: {
type: import("vue").PropType<string[]>;
required: true;
default: string[] | undefined;
};
ariaNextPeriodLabel: {
type: import("vue").PropType<NonNullable<NonNullable<import("../../composables").TranslationProp | undefined> | undefined>>;
required: true;
default: NonNullable<import("../../composables").TranslationProp | undefined> | undefined;
};
ariaPreviousPeriodLabel: {
type: import("vue").PropType<NonNullable<NonNullable<import("../../composables").TranslationProp | undefined> | undefined>>;
required: true;
default: NonNullable<import("../../composables").TranslationProp | undefined> | undefined;
};
ariaSwitchViewLabel: {
type: import("vue").PropType<NonNullable<NonNullable<import("../../composables").TranslationProp | undefined> | undefined>>;
required: true;
default: NonNullable<import("../../composables").TranslationProp | undefined> | undefined;
};
"onHover:day": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onClick:day": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
weekdayNames: {
type: import("vue").PropType<string[]>;
required: true;
default: string[] | undefined;
};
firstWeekday: {
type: import("vue").PropType<NonNullable<NonNullable<("Monday" | "Sunday" | "monday" | "sunday") | undefined> | undefined>>;
required: true;
default: NonNullable<("Monday" | "Sunday" | "monday" | "sunday") | undefined> | undefined;
};
hideWeekDays: {
type: import("vue").PropType<NonNullable<NonNullable<boolean | undefined> | undefined>>;
required: true;
default: NonNullable<boolean | undefined> | undefined;
};
showOtherMonths: {
type: import("vue").PropType<NonNullable<NonNullable<boolean | undefined> | undefined>>;
required: true;
default: NonNullable<boolean | undefined> | undefined;
};
allowedDays: {
type: import("vue").PropType<(date: Date) => boolean>;
required: true;
default: ((date: Date) => boolean) | undefined;
};
weekends: {
type: import("vue").PropType<(date: Date) => boolean>;
required: true;
default: ((date: Date) => boolean) | undefined;
};
highlightWeekend: {
type: import("vue").PropType<NonNullable<NonNullable<boolean | undefined> | undefined>>;
required: true;
default: NonNullable<boolean | undefined> | undefined;
};
highlightToday: {
type: import("vue").PropType<NonNullable<NonNullable<boolean | undefined> | undefined>>;
required: true;
default: NonNullable<boolean | undefined> | undefined;
};
"onHover:month": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onClick:month": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
allowedMonths: {
type: import("vue").PropType<(date: Date) => boolean>;
required: true;
default: ((date: Date) => boolean) | undefined;
};
"onHover:year": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onClick:year": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
allowedYears: {
type: import("vue").PropType<(date: Date) => boolean>;
required: true;
default: ((date: Date) => boolean) | undefined;
};
startYear: {
type: import("vue").PropType<NonNullable<NonNullable<string | number | undefined> | undefined>>;
required: true;
default: NonNullable<string | number | undefined> | undefined;
};
endYear: {
type: import("vue").PropType<NonNullable<NonNullable<string | number | undefined> | undefined>>;
required: true;
default: NonNullable<string | number | undefined> | undefined;
};
weekendsColor: {
type: import("vue").PropType<string>;
required: true;
default: string | undefined;
};
label: {
type: import("vue").PropType<string>;
required: true;
default: string | undefined;
};
onClick: {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
loading: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
requiredMark: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
"onClick-prepend": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onClick-append": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onClick-prepend-inner": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onClick-append-inner": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onClick-field": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
counter: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
placeholder: {
type: import("vue").PropType<string>;
required: true;
default: string | undefined;
};
background: {
type: import("vue").PropType<string>;
required: true;
default: string | undefined;
};
innerLabel: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
inputAriaLabel: {
type: import("vue").PropType<NonNullable<import("../../composables").TranslationProp | undefined>>;
required: true;
default: import("../../composables").TranslationProp | undefined;
};
inputAriaLabelledby: {
type: import("vue").PropType<string>;
required: true;
default: string | undefined;
};
inputAriaDescribedby: {
type: import("vue").PropType<string>;
required: true;
default: string | undefined;
};
clearable: {
type: BooleanConstructor;
default: boolean;
};
clearableIcon: {
type: StringConstructor;
default: string;
};
closeOnChange: {
type: BooleanConstructor;
default: null;
};
isOpen: {
type: BooleanConstructor;
default: undefined;
};
onClose: {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
anchor: {
type: import("vue").PropType<NonNullable<import("../../composables").MaybeHTMLElementOrSelector>>;
required: true;
default: import("../../composables").MaybeHTMLElementOrSelector;
};
target: {
type: import("vue").PropType<NonNullable<import("../../composables").MaybeHTMLElementOrSelector>>;
required: true;
default: import("../../composables").MaybeHTMLElementOrSelector;
};
onOpen: {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onClick-outside": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
ariaLabel: {
type: import("vue").PropType<NonNullable<import("../../composables").TranslationProp | undefined>>;
required: true;
default: import("../../composables").TranslationProp | undefined;
};
placement: {
type: import("vue").PropType<NonNullable<import("../../composables").PlacementWithAlias | undefined>>;
required: true;
default: import("../../composables").PlacementWithAlias | undefined;
};
role: {
type: import("vue").PropType<NonNullable<import("../../utils/types/prop-type").StringWithAutocomplete<"button" | "none"> | undefined>>;
required: true;
default: import("../../utils/types/prop-type").StringWithAutocomplete<"button" | "none"> | undefined;
};
"onAnchor-click": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onAnchor-right-click": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onContent-click": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onFocus-outside": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onAnchor-dblclick": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
anchorSelector: {
type: import("vue").PropType<string>;
required: true;
default: string | undefined;
};
trigger: {
type: import("vue").PropType<NonNullable<import("../va-dropdown/hooks/useDropdownNavigation").Trigger | readonly import("../va-dropdown/hooks/useDropdownNavigation").Trigger[] | undefined>>;
required: true;
default: import("../va-dropdown/hooks/useDropdownNavigation").Trigger | readonly import("../va-dropdown/hooks/useDropdownNavigation").Trigger[] | undefined;
};
closeOnClickOutside: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
closeOnFocusOutside: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
closeOnAnchorClick: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
hoverOverTimeout: {
type: import("vue").PropType<NonNullable<string | number | undefined>>;
required: true;
default: string | number | undefined;
};
hoverOutTimeout: {
type: import("vue").PropType<NonNullable<string | number | undefined>>;
required: true;
default: string | number | undefined;
};
isContentHoverable: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
keepAnchorWidth: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
verticalScrollOnOverflow: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
cursor: {
type: import("vue").PropType<NonNullable<boolean | import("../va-dropdown/types").CursorAnchor | undefined>>;
required: true;
default: boolean | import("../va-dropdown/types").CursorAnchor | undefined;
};
autoPlacement: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
stickToEdges: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
teleport: {
type: import("vue").PropType<NonNullable<import("../../composables").MaybeHTMLElementOrSelector>>;
required: true;
default: import("../../composables").MaybeHTMLElementOrSelector;
};
contentClass: {
type: import("vue").PropType<string>;
required: true;
default: string | undefined;
};
}>>, {
valueText: import("vue").ComputedRef<string>;
valueWithoutText: import("vue").WritableComputedRef<Date | Date[] | import("./types").DateInputRange<Date> | null | undefined>;
valueDate: import("vue").WritableComputedRef<Date | Date[] | import("./types").DateInputRange<Date> | null | undefined>;
focus: () => void;
blur: () => void;
reset: () => void;
validate: () => any;
showDropdown: () => void;
hideAndFocus: () => void;
toggleDropdown: (event: Event | KeyboardEvent) => void;
focusDatePicker: () => void;
isDirty: import("vue").Ref<boolean>;
isTouched: import("vue").Ref<boolean>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
[x: string]: (...args: any[]) => void;
}, string, {
label: string;
error: boolean;
onClick: (...args: any[]) => any;
onClose: (...args: any[]) => any;
anchor: NonNullable<import("../../composables").MaybeHTMLElementOrSelector>;
type: NonNullable<import("../va-date-picker/types").DatePickerType | undefined>;
mode: NonNullable<NonNullable<import("../va-date-picker/types").DatePickerMode | undefined> | undefined>;
"onUpdate:modelValue": (...args: any[]) => any;
stateful: NonNullable<boolean | undefined>;
preset: import("../../composables").PresetPropValue;
target: NonNullable<import("../../composables").MaybeHTMLElementOrSelector>;
color: string;
icon: string;
name: string;
loading: NonNullable<boolean | undefined>;
success: boolean;
disabled: NonNullable<boolean | undefined>;
onOpen: (...args: any[]) => any;
"onClick-outside": (...args: any[]) => any;
ariaLabel: NonNullable<import("../../composables").TranslationProp | undefined>;
placement: NonNullable<import("../../composables").PlacementWithAlias | undefined>;
offset: NonNullable<import("../va-dropdown/types").DropdownOffsetProp | undefined>;
role: NonNullable<import("../../utils/types/prop-type").StringWithAutocomplete<"button" | "none"> | undefined>;
"onAnchor-click": (...args: any[]) => any;
"onAnchor-right-click": (...args: any[]) => any;
"onContent-click": (...args: any[]) => any;
"onFocus-outside": (...args: any[]) => any;
"onAnchor-dblclick": (...args: any[]) => any;
anchorSelector: string;
trigger: NonNullable<import("../va-dropdown/hooks/useDropdownNavigation").Trigger | readonly import("../va-dropdown/hooks/useDropdownNavigation").Trigger[] | undefined>;
readonly: NonNullable<boolean | undefined>;
closeOnClickOutside: NonNullable<boolean | undefined>;
closeOnFocusOutside: NonNullable<boolean | undefined>;
closeOnAnchorClick: NonNullable<boolean | undefined>;
closeOnContentClick: boolean;
hoverOverTimeout: NonNullable<string | number | undefined>;
hoverOutTimeout: NonNullable<string | number | undefined>;
isContentHoverable: NonNullable<boolean | undefined>;
keepAnchorWidth: NonNullable<boolean | undefined>;
verticalScrollOnOverflow: NonNullable<boolean | undefined>;
cursor: NonNullable<boolean | import("../va-dropdown/types").CursorAnchor | undefined>;
autoPlacement: NonNullable<boolean | undefined>;
stickToEdges: NonNullable<boolean | undefined>;
teleport: NonNullable<import("../../composables").MaybeHTMLElementOrSelector>;
contentClass: string;
view: Partial<import("../va-date-picker/types").DatePickerView>;
leftIcon: boolean;
rules: import("../../composables").ValidationRule<import("./types").DateInputModelValue>[];
dirty: boolean;
errorMessages: string | string[];
errorCount: string | number;
messages: string | string[];
immediateValidation: boolean;
requiredMark: NonNullable<boolean | undefined>;
"onClick-prepend": (...args: any[]) => any;
"onClick-append": (...args: any[]) => any;
"onClick-prepend-inner": (...args: any[]) => any;
"onClick-append-inner": (...args: any[]) => any;
"onClick-field": (...args: any[]) => any;
counter: NonNullable<boolean | undefined>;
placeholder: string;
background: string;
innerLabel: NonNullable<boolean | undefined>;
inputAriaLabel: NonNullable<import("../../composables").TranslationProp | undefined>;
inputAriaLabelledby: string;
inputAriaDescribedby: string;
ariaResetLabel: import("../../composables").TranslationProp;
clearable: boolean;
clearableIcon: string;
clearValue: any;
manualInput: boolean;
"child:prevButton": Partial<{
size: "small" | "medium" | "large";
replace: boolean;
type: string;
preset: import("../../composables").PresetPropValue;
target: string;
color: import("../../composables").ColorName;
textColor: string;
icon: string;
borderColor: string;
gradient: boolean;
tag: string;
sizesConfig: Record<string, any>;
fontSizesConfig: Record<string, any>;
loading: boolean;
block: boolean;
disabled: boolean;
textOpacity: string | number;
backgroundOpacity: string | number;
plain: boolean;
round: boolean;
iconRight: string;
iconColor: string;
to: string | Record<string, any>;
append: boolean;
exact: boolean;
activeClass: string;
exactActiveClass: string;
href: string;
pressedBehavior: "opacity" | "mask";
pressedOpacity: number;
pressedMaskColor: string;
hoverBehavior: "opacity" | "mask";
hoverOpacity: string | number;
hoverMaskColor: string;
}> & Omit<{
readonly size: "small" | "medium" | "large";
readonly type: string;
readonly color: import("../../composables").ColorName;
readonly textColor: string;
readonly icon: string;
readonly borderColor: string;
readonly gradient: boolean;
readonly tag: string;
readonly sizesConfig: Record<string, any>;
readonly fontSizesConfig: Record<string, any>;
readonly loading: boolean;
readonly block: boolean;
readonly disabled: boolean;
readonly textOpacity: string | number;
readonly backgroundOpacity: string | number;
readonly plain: boolean;
readonly round: boolean;
readonly iconRight: string;
readonly iconColor: string;
readonly pressedBehavior: "opacity" | "mask";
readonly pressedOpacity: number;
readonly pressedMaskColor: string;
readonly hoverBehavior: "opacity" | "mask";
readonly hoverOpacity: string | number;
readonly hoverMaskColor: string;
readonly replace?: boolean | undefined;
readonly preset?: import("../../composables").PresetPropValue | undefined;
readonly target?: string | undefined;
readonly to?: string | Record<string, any> | undefined;
readonly append?: boolean | undefined;
readonly exact?: boolean | undefined;
readonly activeClass?: string | undefined;
readonly exactActiveClass?: string | undefined;
readonly href?: string | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: import("vue").PropType<import("../../composables").ColorName>;
default: string;
};
textColor: {
type: StringConstructor;
default: string;
};
textOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
backgroundOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
borderColor: {
type: StringConstructor;
default: string;
};
gradient: {
type: BooleanConstructor;
default: boolean;
};
plain: {
type: BooleanConstructor;
default: boolean;
};
round: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<"small" | "medium" | "large">;
default: string;
validator: (v: string) => boolean;
};
icon: {
type: StringConstructor;
default: string;
};
iconRight: {
type: StringConstructor;
default: string;
};
iconColor: {
type: StringConstructor;
default: string;
};
to: {
type: import("vue").PropType<string | Record<string, any>>;
default: undefined;
};
replace: {
type: BooleanConstructor;
default: undefined;
};
append: {
type: BooleanConstructor;
default: undefined;
};
exact: {
type: BooleanConstructor;
default: undefined;
};
activeClass: {
type: StringConstructor;
default: undefined;
};
exactActiveClass: {
type: StringConstructor;
default: undefined;
};
href: {
type: StringConstructor;
default: undefined;
};
target: {
type: StringConstructor;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
pressedBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
pressedOpacity: {
type: NumberConstructor;
default: number;
};
pressedMaskColor: {
type: StringConstructor;
default: string;
};
hoverBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
hoverOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hoverMaskColor: {
type: StringConstructor;
default: string;
};
sizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
fontSizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
}>>, "size" | "replace" | "type" | "preset" | "target" | "color" | "textColor" | "icon" | "borderColor" | "gradient" | "tag" | "sizesConfig" | "fontSizesConfig" | "loading" | "block" | "disabled" | "textOpacity" | "backgroundOpacity" | "plain" | "round" | "iconRight" | "iconColor" | "to" | "append" | "exact" | "activeClass" | "exactActiveClass" | "href" | "pressedBehavior" | "pressedOpacity" | "pressedMaskColor" | "hoverBehavior" | "hoverOpacity" | "hoverMaskColor">;
"child:nextButton": Partial<{
size: "small" | "medium" | "large";
replace: boolean;
type: string;
preset: import("../../composables").PresetPropValue;
target: string;
color: import("../../composables").ColorName;
textColor: string;
icon: string;
borderColor: string;
gradient: boolean;
tag: string;
sizesConfig: Record<string, any>;
fontSizesConfig: Record<string, any>;
loading: boolean;
block: boolean;
disabled: boolean;
textOpacity: string | number;
backgroundOpacity: string | number;
plain: boolean;
round: boolean;
iconRight: string;
iconColor: string;
to: string | Record<string, any>;
append: boolean;
exact: boolean;
activeClass: string;
exactActiveClass: string;
href: string;
pressedBehavior: "opacity" | "mask";
pressedOpacity: number;
pressedMaskColor: string;
hoverBehavior: "opacity" | "mask";
hoverOpacity: string | number;
hoverMaskColor: string;
}> & Omit<{
readonly size: "small" | "medium" | "large";
readonly type: string;
readonly color: import("../../composables").ColorName;
readonly textColor: string;
readonly icon: string;
readonly borderColor: string;
readonly gradient: boolean;
readonly tag: string;
readonly sizesConfig: Record<string, any>;
readonly fontSizesConfig: Record<string, any>;
readonly loading: boolean;
readonly block: boolean;
readonly disabled: boolean;
readonly textOpacity: string | number;
readonly backgroundOpacity: string | number;
readonly plain: boolean;
readonly round: boolean;
readonly iconRight: string;
readonly iconColor: string;
readonly pressedBehavior: "opacity" | "mask";
readonly pressedOpacity: number;
readonly pressedMaskColor: string;
readonly hoverBehavior: "opacity" | "mask";
readonly hoverOpacity: string | number;
readonly hoverMaskColor: string;
readonly replace?: boolean | undefined;
readonly preset?: import("../../composables").PresetPropValue | undefined;
readonly target?: string | undefined;
readonly to?: string | Record<string, any> | undefined;
readonly append?: boolean | undefined;
readonly exact?: boolean | undefined;
readonly activeClass?: string | undefined;
readonly exactActiveClass?: string | undefined;
readonly href?: string | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: import("vue").PropType<import("../../composables").ColorName>;
default: string;
};
textColor: {
type: StringConstructor;
default: string;
};
textOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
backgroundOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
borderColor: {
type: StringConstructor;
default: string;
};
gradient: {
type: BooleanConstructor;
default: boolean;
};
plain: {
type: BooleanConstructor;
default: boolean;
};
round: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<"small" | "medium" | "large">;
default: string;
validator: (v: string) => boolean;
};
icon: {
type: StringConstructor;
default: string;
};
iconRight: {
type: StringConstructor;
default: string;
};
iconColor: {
type: StringConstructor;
default: string;
};
to: {
type: import("vue").PropType<string | Record<string, any>>;
default: undefined;
};
replace: {
type: BooleanConstructor;
default: undefined;
};
append: {
type: BooleanConstructor;
default: undefined;
};
exact: {
type: BooleanConstructor;
default: undefined;
};
activeClass: {
type: StringConstructor;
default: undefined;
};
exactActiveClass: {
type: StringConstructor;
default: undefined;
};
href: {
type: StringConstructor;
default: undefined;
};
target: {
type: StringConstructor;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
pressedBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
pressedOpacity: {
type: NumberConstructor;
default: number;
};
pressedMaskColor: {
type: StringConstructor;
default: string;
};
hoverBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
hoverOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hoverMaskColor: {
type: StringConstructor;
default: string;
};
sizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
fontSizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
}>>, "size" | "replace" | "type" | "preset" | "target" | "color" | "textColor" | "icon" | "borderColor" | "gradient" | "tag" | "sizesConfig" | "fontSizesConfig" | "loading" | "block" | "disabled" | "textOpacity" | "backgroundOpacity" | "plain" | "round" | "iconRight" | "iconColor" | "to" | "append" | "exact" | "activeClass" | "exactActiveClass" | "href" | "pressedBehavior" | "pressedOpacity" | "pressedMaskColor" | "hoverBehavior" | "hoverOpacity" | "hoverMaskColor">;
"child:middleButton": Partial<{
size: "small" | "medium" | "large";
replace: boolean;
type: string;
preset: import("../../composables").PresetPropValue;
target: string;
color: import("../../composables").ColorName;
textColor: string;
icon: string;
borderColor: string;
gradient: boolean;
tag: string;
sizesConfig: Record<string, any>;
fontSizesConfig: Record<string, any>;
loading: boolean;
block: boolean;
disabled: boolean;
textOpacity: string | number;
backgroundOpacity: string | number;
plain: boolean;
round: boolean;
iconRight: string;
iconColor: string;
to: string | Record<string, any>;
append: boolean;
exact: boolean;
activeClass: string;
exactActiveClass: string;
href: string;
pressedBehavior: "opacity" | "mask";
pressedOpacity: number;
pressedMaskColor: string;
hoverBehavior: "opacity" | "mask";
hoverOpacity: string | number;
hoverMaskColor: string;
}> & Omit<{
readonly size: "small" | "medium" | "large";
readonly type: string;
readonly color: import("../../composables").ColorName;
readonly textColor: string;
readonly icon: string;
readonly borderColor: string;
readonly gradient: boolean;
readonly tag: string;
readonly sizesConfig: Record<string, any>;
readonly fontSizesConfig: Record<string, any>;
readonly loading: boolean;
readonly block: boolean;
readonly disabled: boolean;
readonly textOpacity: string | number;
readonly backgroundOpacity: string | number;
readonly plain: boolean;
readonly round: boolean;
readonly iconRight: string;
readonly iconColor: string;
readonly pressedBehavior: "opacity" | "mask";
readonly pressedOpacity: number;
readonly pressedMaskColor: string;
readonly hoverBehavior: "opacity" | "mask";
readonly hoverOpacity: string | number;
readonly hoverMaskColor: string;
readonly replace?: boolean | undefined;
readonly preset?: import("../../composables").PresetPropValue | undefined;
readonly target?: string | undefined;
readonly to?: string | Record<string, any> | undefined;
readonly append?: boolean | undefined;
readonly exact?: boolean | undefined;
readonly activeClass?: string | undefined;
readonly exactActiveClass?: string | undefined;
readonly href?: string | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: import("vue").PropType<import("../../composables").ColorName>;
default: string;
};
textColor: {
type: StringConstructor;
default: string;
};
textOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
backgroundOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
borderColor: {
type: StringConstructor;
default: string;
};
gradient: {
type: BooleanConstructor;
default: boolean;
};
plain: {
type: BooleanConstructor;
default: boolean;
};
round: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<"small" | "medium" | "large">;
default: string;
validator: (v: string) => boolean;
};
icon: {
type: StringConstructor;
default: string;
};
iconRight: {
type: StringConstructor;
default: string;
};
iconColor: {
type: StringConstructor;
default: string;
};
to: {
type: import("vue").PropType<string | Record<string, any>>;
default: undefined;
};
replace: {
type: BooleanConstructor;
default: undefined;
};
append: {
type: BooleanConstructor;
default: undefined;
};
exact: {
type: BooleanConstructor;
default: undefined;
};
activeClass: {
type: StringConstructor;
default: undefined;
};
exactActiveClass: {
type: StringConstructor;
default: undefined;
};
href: {
type: StringConstructor;
default: undefined;
};
target: {
type: StringConstructor;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
pressedBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
pressedOpacity: {
type: NumberConstructor;
default: number;
};
pressedMaskColor: {
type: StringConstructor;
default: string;
};
hoverBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
hoverOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hoverMaskColor: {
type: StringConstructor;
default: string;
};
sizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
fontSizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
}>>, "size" | "replace" | "type" | "preset" | "target" | "color" | "textColor" | "icon" | "borderColor" | "gradient" | "tag" | "sizesConfig" | "fontSizesConfig" | "loading" | "block" | "disabled" | "textOpacity" | "backgroundOpacity" | "plain" | "round" | "iconRight" | "iconColor" | "to" | "append" | "exact" | "activeClass" | "exactActiveClass" | "href" | "pressedBehavior" | "pressedOpacity" | "pressedMaskColor" | "hoverBehavior" | "hoverOpacity" | "hoverMaskColor">;
"onUpdate:view": (...args: any[]) => any;
monthNames: string[];
ariaNextPeriodLabel: NonNullable<NonNullable<import("../../composables").TranslationProp | undefined> | undefined>;
ariaPreviousPeriodLabel: NonNullable<NonNullable<import("../../composables").TranslationProp | undefined> | undefined>;
ariaSwitchViewLabel: NonNullable<NonNullable<import("../../composables").TranslationProp | undefined> | undefined>;
"onHover:day": (...args: any[]) => any;
"onClick:day": (...args: any[]) => any;
weekdayNames: string[];
firstWeekday: NonNullable<NonNullable<("Monday" | "Sunday" | "monday" | "sunday") | undefined> | undefined>;
hideWeekDays: NonNullable<NonNullable<boolean | undefined> | undefined>;
showOtherMonths: NonNullable<NonNullable<boolean | undefined> | undefined>;
allowedDays: (date: Date) => boolean;
weekends: (date: Date) => boolean;
highlightWeekend: NonNullable<NonNullable<boolean | undefined> | undefined>;
highlightToday: NonNullable<NonNullable<boolean | undefined> | undefined>;
"onHover:month": (...args: any[]) => any;
"onClick:month": (...args: any[]) => any;
allowedMonths: (date: Date) => boolean;
"onHover:year": (...args: any[]) => any;
"onClick:year": (...args: any[]) => any;
allowedYears: (date: Date) => boolean;
startYear: NonNullable<NonNullable<string | number | undefined> | undefined>;
endYear: NonNullable<NonNullable<string | number | undefined> | undefined>;
weekendsColor: string;
resetOnClose: boolean;
formatDate: (date: Date) => string;
delimiter: string;
rangeDelimiter: string;
ariaToggleDropdownLabel: import("../../composables").TranslationProp;
ariaSelectedDateLabel: import("../../composables").TranslationProp;
closeOnChange: boolean;
isOpen: boolean;
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
$slots: Partial<Record<string, (_: any) => any>> & Partial<Record<NonNullable<string | number>, (_: any) => any>> & {
input?(_: {
valueText: string;
inputAttributes: {
'aria-invalid': boolean;
'aria-errormessage': string;
readonly: boolean;
disabled: NonNullable<boolean | undefined>;
tabindex: number;
placeholder: string;
value: string;
ariaLabel: string;
ariaRequired: NonNullable<boolean | undefined>;
ariaDisabled: NonNullable<boolean | undefined>;
ariaReadOnly: NonNullable<boolean | undefined>;
};
inputWrapperProps: {
focused: boolean | undefined;
error: boolean;
errorMessages: string[];
readonly: boolean;
label: string;
preset: NonNullable<import("../../composables").PresetPropValue | undefined>;
color: string;
name: string;
loading: NonNullable<boolean | undefined>;
success: NonNullable<boolean | undefined>;
disabled: NonNullable<boolean | undefined>;
rules: import("../../composables").ValidationRule<any>[];
dirty: NonNullable<boolean | undefined>;
errorCount: NonNullable<string | number | undefined>;
messages: NonNullable<string | string[] | undefined>;
immediateValidation: NonNullable<boolean | undefined>;
requiredMark: NonNullable<boolean | undefined>;
counter: NonNullable<boolean | undefined>;
placeholder: string;
background: string;
innerLabel: NonNullable<boolean | undefined>;
inputAriaLabel: NonNullable<import("../../composables").TranslationProp | undefined>;
inputAriaLabelledby: string;
inputAriaDescribedby: string;
onClick?: ((...args: any[]) => any) | undefined;
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
modelValue?: any;
"onClick-prepend"?: ((...args: any[]) => any) | undefined;
"onClick-append"?: ((...args: any[]) => any) | undefined;
"onClick-prepend-inner"?: ((...args: any[]) => any) | undefined;
"onClick-append-inner"?: ((...args: any[]) => any) | undefined;
"onClick-field"?: ((...args: any[]) => any) | undefined;
};
inputListeners: {
focus: () => void;
blur: () => void;
};
}): any;
prependInner?(_: any): any;
};
});