UNPKG

@vuetify/nightly

Version:

Vue Material Component Framework

1,019 lines (1,018 loc) • 50 kB
// Styles // Types import type { VDatePickerHeaderSlots } from './VDatePickerHeader.js'; import type { VDatePickerMonthSlots } from './VDatePickerMonth.js'; import type { VDatePickerMonthsSlots } from './VDatePickerMonths.js'; import type { VDatePickerYearsSlots } from './VDatePickerYears.js'; import type { VPickerSlots } from '../../labs/VPicker/VPicker.js'; import type { GenericProps } from '../../util/index.js'; // Types export type VDatePickerSlots = Omit<VPickerSlots, 'header' | 'default'> & Omit<VDatePickerHeaderSlots, 'default'> & VDatePickerYearsSlots & VDatePickerMonthsSlots & VDatePickerMonthSlots & { header: { header: string; transition: string; }; }; export declare const makeVDatePickerProps: <Defaults extends { theme?: unknown; class?: unknown; style?: unknown; border?: unknown; elevation?: unknown; rounded?: unknown; tile?: unknown; tag?: unknown; height?: unknown; maxHeight?: unknown; maxWidth?: unknown; minHeight?: unknown; minWidth?: unknown; width?: unknown; location?: unknown; position?: unknown; color?: unknown; bgColor?: unknown; divided?: unknown; landscape?: unknown; title?: unknown; hideHeader?: unknown; hideTitle?: unknown; active?: unknown; controlHeight?: unknown; nextIcon?: unknown; prevIcon?: unknown; modeIcon?: unknown; text?: unknown; viewMode?: unknown; allowedDates?: unknown; disabled?: unknown; month?: unknown; showAdjacentMonths?: unknown; weekdays?: unknown; weeksInMonth?: unknown; firstDayOfWeek?: unknown; firstDayOfYear?: unknown; weekdayFormat?: unknown; hideWeekdays?: unknown; multiple?: unknown; showWeek?: unknown; transition?: unknown; reverseTransition?: unknown; year?: unknown; allowedMonths?: unknown; min?: unknown; max?: unknown; allowedYears?: unknown; header?: unknown; headerColor?: unknown; modelValue?: unknown; } = {}>(defaults?: Defaults | undefined) => { theme: unknown extends Defaults["theme"] ? StringConstructor : { type: import("vue").PropType<unknown extends Defaults["theme"] ? string : string | Defaults["theme"]>; default: unknown extends Defaults["theme"] ? string : string | Defaults["theme"]; }; class: unknown extends Defaults["class"] ? import("vue").PropType<any> : { type: import("vue").PropType<unknown extends Defaults["class"] ? any : any>; default: unknown extends Defaults["class"] ? any : any; }; style: unknown extends Defaults["style"] ? { type: import("vue").PropType<import("vue").StyleValue>; default: null; } : Omit<{ type: import("vue").PropType<import("vue").StyleValue>; default: null; }, "default" | "type"> & { type: import("vue").PropType<unknown extends Defaults["style"] ? import("vue").StyleValue : Defaults["style"] | import("vue").StyleValue>; default: unknown extends Defaults["style"] ? import("vue").StyleValue : Defaults["style"] | NonNullable<import("vue").StyleValue>; }; border: unknown extends Defaults["border"] ? (BooleanConstructor | NumberConstructor | StringConstructor)[] : { type: import("vue").PropType<unknown extends Defaults["border"] ? string | number | boolean : string | number | boolean | Defaults["border"]>; default: unknown extends Defaults["border"] ? string | number | boolean : Defaults["border"] | NonNullable<string | number | boolean>; }; elevation: unknown extends Defaults["elevation"] ? { type: (NumberConstructor | StringConstructor)[]; validator(v: any): boolean; } : Omit<{ type: (NumberConstructor | StringConstructor)[]; validator(v: any): boolean; }, "default" | "type"> & { type: import("vue").PropType<unknown extends Defaults["elevation"] ? string | number : string | number | Defaults["elevation"]>; default: unknown extends Defaults["elevation"] ? string | number : Defaults["elevation"] | NonNullable<string | number>; }; rounded: unknown extends Defaults["rounded"] ? { type: (BooleanConstructor | NumberConstructor | StringConstructor)[]; default: undefined; } : Omit<{ type: (BooleanConstructor | NumberConstructor | StringConstructor)[]; default: undefined; }, "default" | "type"> & { type: import("vue").PropType<unknown extends Defaults["rounded"] ? string | number | boolean : string | number | boolean | Defaults["rounded"]>; default: unknown extends Defaults["rounded"] ? string | number | boolean : Defaults["rounded"] | NonNullable<string | number | boolean>; }; tile: unknown extends Defaults["tile"] ? BooleanConstructor : { type: import("vue").PropType<unknown extends Defaults["tile"] ? boolean : boolean | Defaults["tile"]>; default: unknown extends Defaults["tile"] ? boolean : boolean | Defaults["tile"]; }; tag: unknown extends Defaults["tag"] ? { type: import("vue").PropType<string | import("../../util/index.js").JSXComponent>; default: string; } : Omit<{ type: import("vue").PropType<string | import("../../util/index.js").JSXComponent>; default: string; }, "default" | "type"> & { type: import("vue").PropType<unknown extends Defaults["tag"] ? string | import("../../util/index.js").JSXComponent : string | Defaults["tag"] | import("../../util/index.js").JSXComponent>; default: unknown extends Defaults["tag"] ? string | import("../../util/index.js").JSXComponent : Defaults["tag"] | NonNullable<string | import("../../util/index.js").JSXComponent>; }; height: unknown extends Defaults["height"] ? (NumberConstructor | StringConstructor)[] : { type: import("vue").PropType<unknown extends Defaults["height"] ? string | number : string | number | Defaults["height"]>; default: unknown extends Defaults["height"] ? string | number : Defaults["height"] | NonNullable<string | number>; }; maxHeight: unknown extends Defaults["maxHeight"] ? (NumberConstructor | StringConstructor)[] : { type: import("vue").PropType<unknown extends Defaults["maxHeight"] ? string | number : string | number | Defaults["maxHeight"]>; default: unknown extends Defaults["maxHeight"] ? string | number : Defaults["maxHeight"] | NonNullable<string | number>; }; maxWidth: unknown extends Defaults["maxWidth"] ? (NumberConstructor | StringConstructor)[] : { type: import("vue").PropType<unknown extends Defaults["maxWidth"] ? string | number : string | number | Defaults["maxWidth"]>; default: unknown extends Defaults["maxWidth"] ? string | number : Defaults["maxWidth"] | NonNullable<string | number>; }; minHeight: unknown extends Defaults["minHeight"] ? (NumberConstructor | StringConstructor)[] : { type: import("vue").PropType<unknown extends Defaults["minHeight"] ? string | number : string | number | Defaults["minHeight"]>; default: unknown extends Defaults["minHeight"] ? string | number : Defaults["minHeight"] | NonNullable<string | number>; }; minWidth: unknown extends Defaults["minWidth"] ? (NumberConstructor | StringConstructor)[] : { type: import("vue").PropType<unknown extends Defaults["minWidth"] ? string | number : string | number | Defaults["minWidth"]>; default: unknown extends Defaults["minWidth"] ? string | number : Defaults["minWidth"] | NonNullable<string | number>; }; width: unknown extends Defaults["width"] ? (NumberConstructor | StringConstructor)[] : { type: import("vue").PropType<unknown extends Defaults["width"] ? string | number : string | number | Defaults["width"]>; default: unknown extends Defaults["width"] ? string | number : Defaults["width"] | NonNullable<string | number>; }; location: unknown extends Defaults["location"] ? import("vue").PropType<import("../../util/index.js").Anchor | null> : { type: import("vue").PropType<unknown extends Defaults["location"] ? import("../../util/index.js").Anchor | null : Defaults["location"] | import("../../util/index.js").Anchor | null>; default: unknown extends Defaults["location"] ? import("../../util/index.js").Anchor | null : Defaults["location"] | NonNullable<import("../../util/index.js").Anchor | null>; }; position: unknown extends Defaults["position"] ? { type: import("vue").PropType<"absolute" | "fixed" | "relative" | "static" | "sticky">; validator: (v: any) => boolean; } : Omit<{ type: import("vue").PropType<"absolute" | "fixed" | "relative" | "static" | "sticky">; validator: (v: any) => boolean; }, "default" | "type"> & { type: import("vue").PropType<unknown extends Defaults["position"] ? "absolute" | "fixed" | "relative" | "static" | "sticky" : "absolute" | "fixed" | "relative" | "static" | "sticky" | Defaults["position"]>; default: unknown extends Defaults["position"] ? "absolute" | "fixed" | "relative" | "static" | "sticky" : Defaults["position"] | NonNullable<"absolute" | "fixed" | "relative" | "static" | "sticky">; }; color: unknown extends Defaults["color"] ? StringConstructor : { type: import("vue").PropType<unknown extends Defaults["color"] ? string : string | Defaults["color"]>; default: unknown extends Defaults["color"] ? string : string | Defaults["color"]; }; bgColor: unknown extends Defaults["bgColor"] ? StringConstructor : { type: import("vue").PropType<unknown extends Defaults["bgColor"] ? string : string | Defaults["bgColor"]>; default: unknown extends Defaults["bgColor"] ? string : string | Defaults["bgColor"]; }; divided: unknown extends Defaults["divided"] ? BooleanConstructor : { type: import("vue").PropType<unknown extends Defaults["divided"] ? boolean : boolean | Defaults["divided"]>; default: unknown extends Defaults["divided"] ? boolean : boolean | Defaults["divided"]; }; landscape: unknown extends Defaults["landscape"] ? BooleanConstructor : { type: import("vue").PropType<unknown extends Defaults["landscape"] ? boolean : boolean | Defaults["landscape"]>; default: unknown extends Defaults["landscape"] ? boolean : boolean | Defaults["landscape"]; }; title: unknown extends Defaults["title"] ? { type: import("vue").PropType<string>; default: string; } : Omit<{ type: import("vue").PropType<string>; default: string; }, "default" | "type"> & { type: import("vue").PropType<unknown extends Defaults["title"] ? string : string | Defaults["title"]>; default: unknown extends Defaults["title"] ? string : string | Defaults["title"]; }; hideHeader: unknown extends Defaults["hideHeader"] ? BooleanConstructor : { type: import("vue").PropType<unknown extends Defaults["hideHeader"] ? boolean : boolean | Defaults["hideHeader"]>; default: unknown extends Defaults["hideHeader"] ? boolean : boolean | Defaults["hideHeader"]; }; hideTitle: unknown extends Defaults["hideTitle"] ? BooleanConstructor : { type: import("vue").PropType<unknown extends Defaults["hideTitle"] ? boolean : boolean | Defaults["hideTitle"]>; default: unknown extends Defaults["hideTitle"] ? boolean : boolean | Defaults["hideTitle"]; }; active: unknown extends Defaults["active"] ? { type: import("vue").PropType<string | string[]>; default: undefined; } : Omit<{ type: import("vue").PropType<string | string[]>; default: undefined; }, "default" | "type"> & { type: import("vue").PropType<unknown extends Defaults["active"] ? string | string[] : string | string[] | Defaults["active"]>; default: unknown extends Defaults["active"] ? string | string[] : Defaults["active"] | NonNullable<string | string[]>; }; controlHeight: unknown extends Defaults["controlHeight"] ? (NumberConstructor | StringConstructor)[] : { type: import("vue").PropType<unknown extends Defaults["controlHeight"] ? string | number : string | number | Defaults["controlHeight"]>; default: unknown extends Defaults["controlHeight"] ? string | number : Defaults["controlHeight"] | NonNullable<string | number>; }; nextIcon: unknown extends Defaults["nextIcon"] ? { type: import("vue").PropType<import("../../composables/icons.js").IconValue>; default: string; } : Omit<{ type: import("vue").PropType<import("../../composables/icons.js").IconValue>; default: string; }, "default" | "type"> & { type: import("vue").PropType<unknown extends Defaults["nextIcon"] ? import("../../composables/icons.js").IconValue : Defaults["nextIcon"] | import("../../composables/icons.js").IconValue>; default: unknown extends Defaults["nextIcon"] ? import("../../composables/icons.js").IconValue : Defaults["nextIcon"] | NonNullable<import("../../composables/icons.js").IconValue>; }; prevIcon: unknown extends Defaults["prevIcon"] ? { type: import("vue").PropType<import("../../composables/icons.js").IconValue>; default: string; } : Omit<{ type: import("vue").PropType<import("../../composables/icons.js").IconValue>; default: string; }, "default" | "type"> & { type: import("vue").PropType<unknown extends Defaults["prevIcon"] ? import("../../composables/icons.js").IconValue : Defaults["prevIcon"] | import("../../composables/icons.js").IconValue>; default: unknown extends Defaults["prevIcon"] ? import("../../composables/icons.js").IconValue : Defaults["prevIcon"] | NonNullable<import("../../composables/icons.js").IconValue>; }; modeIcon: unknown extends Defaults["modeIcon"] ? { type: import("vue").PropType<import("../../composables/icons.js").IconValue>; default: string; } : Omit<{ type: import("vue").PropType<import("../../composables/icons.js").IconValue>; default: string; }, "default" | "type"> & { type: import("vue").PropType<unknown extends Defaults["modeIcon"] ? import("../../composables/icons.js").IconValue : Defaults["modeIcon"] | import("../../composables/icons.js").IconValue>; default: unknown extends Defaults["modeIcon"] ? import("../../composables/icons.js").IconValue : Defaults["modeIcon"] | NonNullable<import("../../composables/icons.js").IconValue>; }; text: unknown extends Defaults["text"] ? StringConstructor : { type: import("vue").PropType<unknown extends Defaults["text"] ? string : string | Defaults["text"]>; default: unknown extends Defaults["text"] ? string : string | Defaults["text"]; }; viewMode: unknown extends Defaults["viewMode"] ? { type: import("vue").PropType<"month" | "months" | "year">; default: string; } : Omit<{ type: import("vue").PropType<"month" | "months" | "year">; default: string; }, "default" | "type"> & { type: import("vue").PropType<unknown extends Defaults["viewMode"] ? "month" | "months" | "year" : "month" | "months" | "year" | Defaults["viewMode"]>; default: unknown extends Defaults["viewMode"] ? "month" | "months" | "year" : Defaults["viewMode"] | NonNullable<"month" | "months" | "year">; }; allowedDates: unknown extends Defaults["allowedDates"] ? import("vue").PropType<unknown[] | ((date: unknown) => boolean)> : { type: import("vue").PropType<unknown extends Defaults["allowedDates"] ? unknown[] | ((date: unknown) => boolean) : unknown[] | ((date: unknown) => boolean) | Defaults["allowedDates"]>; default: unknown extends Defaults["allowedDates"] ? unknown[] | ((date: unknown) => boolean) : Defaults["allowedDates"] | NonNullable<unknown[] | ((date: unknown) => boolean)>; }; disabled: unknown extends Defaults["disabled"] ? { type: BooleanConstructor; default: null; } : Omit<{ type: BooleanConstructor; default: null; }, "default" | "type"> & { type: import("vue").PropType<unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"]>; default: unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"]; }; month: unknown extends Defaults["month"] ? (NumberConstructor | StringConstructor)[] : { type: import("vue").PropType<unknown extends Defaults["month"] ? string | number : string | number | Defaults["month"]>; default: unknown extends Defaults["month"] ? string | number : Defaults["month"] | NonNullable<string | number>; }; showAdjacentMonths: unknown extends Defaults["showAdjacentMonths"] ? BooleanConstructor : { type: import("vue").PropType<unknown extends Defaults["showAdjacentMonths"] ? boolean : boolean | Defaults["showAdjacentMonths"]>; default: unknown extends Defaults["showAdjacentMonths"] ? boolean : boolean | Defaults["showAdjacentMonths"]; }; weekdays: unknown extends Defaults["weekdays"] ? { type: import("vue").PropType<import("../../composables/calendar.js").CalendarWeekdays[]>; default: () => number[]; } : Omit<{ type: import("vue").PropType<import("../../composables/calendar.js").CalendarWeekdays[]>; default: () => number[]; }, "default" | "type"> & { type: import("vue").PropType<unknown extends Defaults["weekdays"] ? import("../../composables/calendar.js").CalendarWeekdays[] : import("../../composables/calendar.js").CalendarWeekdays[] | Defaults["weekdays"]>; default: unknown extends Defaults["weekdays"] ? import("../../composables/calendar.js").CalendarWeekdays[] : import("../../composables/calendar.js").CalendarWeekdays[] | Defaults["weekdays"]; }; weeksInMonth: unknown extends Defaults["weeksInMonth"] ? Omit<{ type: import("vue").PropType<"dynamic" | "static">; default: string; }, "default" | "type"> & { type: import("vue").PropType<"dynamic" | "static">; default: NonNullable<"dynamic" | "static">; } : Omit<Omit<{ type: import("vue").PropType<"dynamic" | "static">; default: string; }, "default" | "type"> & { type: import("vue").PropType<"dynamic" | "static">; default: NonNullable<"dynamic" | "static">; }, "default" | "type"> & { type: import("vue").PropType<unknown extends Defaults["weeksInMonth"] ? "dynamic" | "static" : "dynamic" | "static" | Defaults["weeksInMonth"]>; default: unknown extends Defaults["weeksInMonth"] ? "dynamic" | "static" : Defaults["weeksInMonth"] | NonNullable<"dynamic" | "static">; }; firstDayOfWeek: unknown extends Defaults["firstDayOfWeek"] ? { type: (NumberConstructor | StringConstructor)[]; default: undefined; } : Omit<{ type: (NumberConstructor | StringConstructor)[]; default: undefined; }, "default" | "type"> & { type: import("vue").PropType<unknown extends Defaults["firstDayOfWeek"] ? string | number : string | number | Defaults["firstDayOfWeek"]>; default: unknown extends Defaults["firstDayOfWeek"] ? string | number : Defaults["firstDayOfWeek"] | NonNullable<string | number>; }; firstDayOfYear: unknown extends Defaults["firstDayOfYear"] ? { type: (NumberConstructor | StringConstructor)[]; default: undefined; } : Omit<{ type: (NumberConstructor | StringConstructor)[]; default: undefined; }, "default" | "type"> & { type: import("vue").PropType<unknown extends Defaults["firstDayOfYear"] ? string | number : string | number | Defaults["firstDayOfYear"]>; default: unknown extends Defaults["firstDayOfYear"] ? string | number : Defaults["firstDayOfYear"] | NonNullable<string | number>; }; weekdayFormat: unknown extends Defaults["weekdayFormat"] ? import("vue").PropType<"long" | "narrow" | "short" | undefined> : { type: import("vue").PropType<unknown extends Defaults["weekdayFormat"] ? "long" | "narrow" | "short" | undefined : "long" | "narrow" | "short" | Defaults["weekdayFormat"] | undefined>; default: unknown extends Defaults["weekdayFormat"] ? "long" | "narrow" | "short" | undefined : Defaults["weekdayFormat"] | NonNullable<"long" | "narrow" | "short" | undefined>; }; hideWeekdays: unknown extends Defaults["hideWeekdays"] ? BooleanConstructor : { type: import("vue").PropType<unknown extends Defaults["hideWeekdays"] ? boolean : boolean | Defaults["hideWeekdays"]>; default: unknown extends Defaults["hideWeekdays"] ? boolean : boolean | Defaults["hideWeekdays"]; }; multiple: unknown extends Defaults["multiple"] ? import("vue").PropType<number | "range" | boolean | (string & {})> : { type: import("vue").PropType<unknown extends Defaults["multiple"] ? number | "range" | boolean | (string & {}) : number | "range" | boolean | Defaults["multiple"] | (string & {})>; default: unknown extends Defaults["multiple"] ? number | "range" | boolean | (string & {}) : Defaults["multiple"] | NonNullable<number | "range" | boolean | (string & {})>; }; showWeek: unknown extends Defaults["showWeek"] ? BooleanConstructor : { type: import("vue").PropType<unknown extends Defaults["showWeek"] ? boolean : boolean | Defaults["showWeek"]>; default: unknown extends Defaults["showWeek"] ? boolean : boolean | Defaults["showWeek"]; }; transition: unknown extends Defaults["transition"] ? { type: StringConstructor; default: string; } : Omit<{ type: StringConstructor; default: string; }, "default" | "type"> & { type: import("vue").PropType<unknown extends Defaults["transition"] ? string : string | Defaults["transition"]>; default: unknown extends Defaults["transition"] ? string : string | Defaults["transition"]; }; reverseTransition: unknown extends Defaults["reverseTransition"] ? { type: StringConstructor; default: string; } : Omit<{ type: StringConstructor; default: string; }, "default" | "type"> & { type: import("vue").PropType<unknown extends Defaults["reverseTransition"] ? string : string | Defaults["reverseTransition"]>; default: unknown extends Defaults["reverseTransition"] ? string : string | Defaults["reverseTransition"]; }; year: unknown extends Defaults["year"] ? NumberConstructor : { type: import("vue").PropType<unknown extends Defaults["year"] ? number : number | Defaults["year"]>; default: unknown extends Defaults["year"] ? number : number | Defaults["year"]; }; allowedMonths: unknown extends Defaults["allowedMonths"] ? import("vue").PropType<number[] | ((date: number) => boolean)> : { type: import("vue").PropType<unknown extends Defaults["allowedMonths"] ? number[] | ((date: number) => boolean) : number[] | ((date: number) => boolean) | Defaults["allowedMonths"]>; default: unknown extends Defaults["allowedMonths"] ? number[] | ((date: number) => boolean) : Defaults["allowedMonths"] | NonNullable<number[] | ((date: number) => boolean)>; }; min: unknown extends Defaults["min"] ? import("vue").PropType<unknown> : { type: import("vue").PropType<unknown extends Defaults["min"] ? unknown : unknown>; default: unknown extends Defaults["min"] ? unknown : {} | Defaults["min"]; }; max: unknown extends Defaults["max"] ? import("vue").PropType<unknown> : { type: import("vue").PropType<unknown extends Defaults["max"] ? unknown : unknown>; default: unknown extends Defaults["max"] ? unknown : {} | Defaults["max"]; }; allowedYears: unknown extends Defaults["allowedYears"] ? import("vue").PropType<number[] | ((date: number) => boolean)> : { type: import("vue").PropType<unknown extends Defaults["allowedYears"] ? number[] | ((date: number) => boolean) : number[] | ((date: number) => boolean) | Defaults["allowedYears"]>; default: unknown extends Defaults["allowedYears"] ? number[] | ((date: number) => boolean) : Defaults["allowedYears"] | NonNullable<number[] | ((date: number) => boolean)>; }; header: unknown extends Defaults["header"] ? { type: StringConstructor; default: string; } : Omit<{ type: StringConstructor; default: string; }, "default" | "type"> & { type: import("vue").PropType<unknown extends Defaults["header"] ? string : string | Defaults["header"]>; default: unknown extends Defaults["header"] ? string : string | Defaults["header"]; }; headerColor: unknown extends Defaults["headerColor"] ? StringConstructor : { type: import("vue").PropType<unknown extends Defaults["headerColor"] ? string : string | Defaults["headerColor"]>; default: unknown extends Defaults["headerColor"] ? string : string | Defaults["headerColor"]; }; modelValue: unknown extends Defaults["modelValue"] ? null : { type: import("vue").PropType<unknown extends Defaults["modelValue"] ? any : any>; default: unknown extends Defaults["modelValue"] ? any : any; }; }; export declare const VDatePicker: { new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<{ style: string | false | import("vue").StyleValue[] | import("vue").CSSProperties | null; tile: boolean; tag: string | import("../../util/index.js").JSXComponent; divided: boolean; landscape: boolean; title: string; hideHeader: boolean; hideTitle: boolean; nextIcon: import("../../composables/icons.js").IconValue; prevIcon: import("../../composables/icons.js").IconValue; modeIcon: import("../../composables/icons.js").IconValue; viewMode: "month" | "months" | "year"; disabled: boolean; showAdjacentMonths: boolean; weekdays: import("../../composables/calendar.js").CalendarWeekdays[]; weeksInMonth: "dynamic" | "static"; hideWeekdays: boolean; showWeek: boolean; transition: string; reverseTransition: string; header: string; } & { theme?: string | undefined; class?: any; border?: string | number | boolean | undefined; elevation?: string | number | undefined; rounded?: string | number | boolean | undefined; height?: string | number | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; width?: string | number | undefined; location?: import("../../util/index.js").Anchor | null | undefined; position?: "absolute" | "fixed" | "relative" | "static" | "sticky" | undefined; color?: string | undefined; bgColor?: string | undefined; active?: string | string[] | undefined; controlHeight?: string | number | undefined; text?: string | undefined; allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined; month?: string | number | undefined; firstDayOfWeek?: string | number | undefined; firstDayOfYear?: string | number | undefined; weekdayFormat?: "long" | "narrow" | "short" | undefined; year?: number | undefined; allowedMonths?: number[] | ((date: number) => boolean) | undefined; min?: unknown; max?: unknown; allowedYears?: number[] | ((date: number) => boolean) | undefined; headerColor?: string | undefined; } & { "onUpdate:month"?: ((date: any) => any) | undefined; "onUpdate:viewMode"?: ((date: any) => any) | undefined; "onUpdate:year"?: ((date: any) => any) | undefined; }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Omit<{ "update:modelValue": (date: any) => true; "update:month": (date: any) => true; "update:year": (date: any) => true; // 'update:inputMode': (date: any) => true, "update:viewMode": (date: any) => true; }, "$children" | "modelValue" | "multiple" | "update:modelValue" | "v-slot:actions" | "v-slot:append" | "v-slot:day" | "v-slot:header" | "v-slot:month" | "v-slot:prepend" | "v-slot:title" | "v-slot:year" | "v-slots">, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, { style: import("vue").StyleValue; rounded: string | number | boolean; tile: boolean; tag: string | import("../../util/index.js").JSXComponent; divided: boolean; landscape: boolean; title: string; hideHeader: boolean; hideTitle: boolean; active: string | string[]; nextIcon: import("../../composables/icons.js").IconValue; prevIcon: import("../../composables/icons.js").IconValue; modeIcon: import("../../composables/icons.js").IconValue; viewMode: "month" | "months" | "year"; disabled: boolean; showAdjacentMonths: boolean; weekdays: import("../../composables/calendar.js").CalendarWeekdays[]; weeksInMonth: "dynamic" | "static"; firstDayOfWeek: string | number; firstDayOfYear: string | number; hideWeekdays: boolean; showWeek: boolean; transition: string; reverseTransition: string; header: string; }, true, {}, import("vue").SlotsType<Partial<{ actions: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]; title: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]; prepend: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]; append: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]; day: (arg: { props: { onClick: () => void; }; item: any; i: number; }) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]; month: (arg: { month: { text: string; value: number; }; i: number; props: { onClick: () => void; }; }) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]; year: (arg: { year: { text: string; value: number; }; i: number; props: { active: boolean; color?: string | undefined; rounded: boolean; text: string; variant: "flat" | "text"; onClick: () => void; }; }) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]; header: (arg: { header: string; transition: string; }) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]; }>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, { style: string | false | import("vue").StyleValue[] | import("vue").CSSProperties | null; tile: boolean; tag: string | import("../../util/index.js").JSXComponent; divided: boolean; landscape: boolean; title: string; hideHeader: boolean; hideTitle: boolean; nextIcon: import("../../composables/icons.js").IconValue; prevIcon: import("../../composables/icons.js").IconValue; modeIcon: import("../../composables/icons.js").IconValue; viewMode: "month" | "months" | "year"; disabled: boolean; showAdjacentMonths: boolean; weekdays: import("../../composables/calendar.js").CalendarWeekdays[]; weeksInMonth: "dynamic" | "static"; hideWeekdays: boolean; showWeek: boolean; transition: string; reverseTransition: string; header: string; } & { theme?: string | undefined; class?: any; border?: string | number | boolean | undefined; elevation?: string | number | undefined; rounded?: string | number | boolean | undefined; height?: string | number | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; width?: string | number | undefined; location?: import("../../util/index.js").Anchor | null | undefined; position?: "absolute" | "fixed" | "relative" | "static" | "sticky" | undefined; color?: string | undefined; bgColor?: string | undefined; active?: string | string[] | undefined; controlHeight?: string | number | undefined; text?: string | undefined; allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined; month?: string | number | undefined; firstDayOfWeek?: string | number | undefined; firstDayOfYear?: string | number | undefined; weekdayFormat?: "long" | "narrow" | "short" | undefined; year?: number | undefined; allowedMonths?: number[] | ((date: number) => boolean) | undefined; min?: unknown; max?: unknown; allowedYears?: number[] | ((date: number) => boolean) | undefined; headerColor?: string | undefined; } & { "onUpdate:month"?: ((date: any) => any) | undefined; "onUpdate:viewMode"?: ((date: any) => any) | undefined; "onUpdate:year"?: ((date: any) => any) | undefined; }, {}, {}, {}, {}, { style: import("vue").StyleValue; rounded: string | number | boolean; tile: boolean; tag: string | import("../../util/index.js").JSXComponent; divided: boolean; landscape: boolean; title: string; hideHeader: boolean; hideTitle: boolean; active: string | string[]; nextIcon: import("../../composables/icons.js").IconValue; prevIcon: import("../../composables/icons.js").IconValue; modeIcon: import("../../composables/icons.js").IconValue; viewMode: "month" | "months" | "year"; disabled: boolean; showAdjacentMonths: boolean; weekdays: import("../../composables/calendar.js").CalendarWeekdays[]; weeksInMonth: "dynamic" | "static"; firstDayOfWeek: string | number; firstDayOfYear: string | number; hideWeekdays: boolean; showWeek: boolean; transition: string; reverseTransition: string; header: string; }>; __isFragment?: undefined; __isTeleport?: undefined; __isSuspense?: undefined; } & import("vue").ComponentOptionsBase<{ style: string | false | import("vue").StyleValue[] | import("vue").CSSProperties | null; tile: boolean; tag: string | import("../../util/index.js").JSXComponent; divided: boolean; landscape: boolean; title: string; hideHeader: boolean; hideTitle: boolean; nextIcon: import("../../composables/icons.js").IconValue; prevIcon: import("../../composables/icons.js").IconValue; modeIcon: import("../../composables/icons.js").IconValue; viewMode: "month" | "months" | "year"; disabled: boolean; showAdjacentMonths: boolean; weekdays: import("../../composables/calendar.js").CalendarWeekdays[]; weeksInMonth: "dynamic" | "static"; hideWeekdays: boolean; showWeek: boolean; transition: string; reverseTransition: string; header: string; } & { theme?: string | undefined; class?: any; border?: string | number | boolean | undefined; elevation?: string | number | undefined; rounded?: string | number | boolean | undefined; height?: string | number | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; width?: string | number | undefined; location?: import("../../util/index.js").Anchor | null | undefined; position?: "absolute" | "fixed" | "relative" | "static" | "sticky" | undefined; color?: string | undefined; bgColor?: string | undefined; active?: string | string[] | undefined; controlHeight?: string | number | undefined; text?: string | undefined; allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined; month?: string | number | undefined; firstDayOfWeek?: string | number | undefined; firstDayOfYear?: string | number | undefined; weekdayFormat?: "long" | "narrow" | "short" | undefined; year?: number | undefined; allowedMonths?: number[] | ((date: number) => boolean) | undefined; min?: unknown; max?: unknown; allowedYears?: number[] | ((date: number) => boolean) | undefined; headerColor?: string | undefined; } & { "onUpdate:month"?: ((date: any) => any) | undefined; "onUpdate:viewMode"?: ((date: any) => any) | undefined; "onUpdate:year"?: ((date: any) => any) | undefined; }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Omit<{ "update:modelValue": (date: any) => true; "update:month": (date: any) => true; "update:year": (date: any) => true; // 'update:inputMode': (date: any) => true, "update:viewMode": (date: any) => true; }, "$children" | "modelValue" | "multiple" | "update:modelValue" | "v-slot:actions" | "v-slot:append" | "v-slot:day" | "v-slot:header" | "v-slot:month" | "v-slot:prepend" | "v-slot:title" | "v-slot:year" | "v-slots">, string, { style: import("vue").StyleValue; rounded: string | number | boolean; tile: boolean; tag: string | import("../../util/index.js").JSXComponent; divided: boolean; landscape: boolean; title: string; hideHeader: boolean; hideTitle: boolean; active: string | string[]; nextIcon: import("../../composables/icons.js").IconValue; prevIcon: import("../../composables/icons.js").IconValue; modeIcon: import("../../composables/icons.js").IconValue; viewMode: "month" | "months" | "year"; disabled: boolean; showAdjacentMonths: boolean; weekdays: import("../../composables/calendar.js").CalendarWeekdays[]; weeksInMonth: "dynamic" | "static"; firstDayOfWeek: string | number; firstDayOfYear: string | number; hideWeekdays: boolean; showWeek: boolean; transition: string; reverseTransition: string; header: string; }, {}, string, import("vue").SlotsType<Partial<{ actions: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]; title: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]; prepend: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]; append: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]; day: (arg: { props: { onClick: () => void; }; item: any; i: number; }) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]; month: (arg: { month: { text: string; value: number; }; i: number; props: { onClick: () => void; }; }) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]; year: (arg: { year: { text: string; value: number; }; i: number; props: { active: boolean; color?: string | undefined; rounded: boolean; text: string; variant: "flat" | "text"; onClick: () => void; }; }) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]; header: (arg: { header: string; transition: string; }) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]; }>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new <T, Multiple extends number | "range" | boolean | (string & {}) = false, TModel = Multiple extends string | number | true ? T[] : T>(props: { modelValue?: TModel | undefined; "onUpdate:modelValue"?: ((value: TModel) => void) | undefined; multiple?: Multiple | undefined; }, slots: VDatePickerSlots) => GenericProps<{ modelValue?: TModel | undefined; "onUpdate:modelValue"?: ((value: TModel) => void) | undefined; multiple?: Multiple | undefined; }, VDatePickerSlots>) & import("../../util/index.js").FilterPropsOptions<{ theme: StringConstructor; class: import("vue").PropType<any>; style: { type: import("vue").PropType<import("vue").StyleValue>; default: null; }; border: (BooleanConstructor | NumberConstructor | StringConstructor)[]; elevation: { type: (NumberConstructor | StringConstructor)[]; validator(v: any): boolean; }; rounded: { type: (BooleanConstructor | NumberConstructor | StringConstructor)[]; default: undefined; }; tile: BooleanConstructor; tag: { type: import("vue").PropType<string | import("../../util/index.js").JSXComponent>; default: string; }; height: (NumberConstructor | StringConstructor)[]; maxHeight: (NumberConstructor | StringConstructor)[]; maxWidth: (NumberConstructor | StringConstructor)[]; minHeight: (NumberConstructor | StringConstructor)[]; minWidth: (NumberConstructor | StringConstructor)[]; width: (NumberConstructor | StringConstructor)[]; location: import("vue").PropType<import("../../util/index.js").Anchor | null>; position: { type: import("vue").PropType<"absolute" | "fixed" | "relative" | "static" | "sticky">; validator: (v: any) => boolean; }; color: StringConstructor; bgColor: StringConstructor; divided: BooleanConstructor; landscape: BooleanConstructor; title: { type: import("vue").PropType<string>; default: string; }; hideHeader: BooleanConstructor; hideTitle: BooleanConstructor; active: { type: import("vue").PropType<string | string[]>; default: undefined; }; controlHeight: (NumberConstructor | StringConstructor)[]; nextIcon: { type: import("vue").PropType<import("../../composables/icons.js").IconValue>; default: string; }; prevIcon: { type: import("vue").PropType<import("../../composables/icons.js").IconValue>; default: string; }; modeIcon: { type: import("vue").PropType<import("../../composables/icons.js").IconValue>; default: string; }; text: StringConstructor; viewMode: { type: import("vue").PropType<"month" | "months" | "year">; default: string; }; allowedDates: import("vue").PropType<unknown[] | ((date: unknown) => boolean)>; disabled: { type: BooleanConstructor; default: null; }; month: (NumberConstructor | StringConstructor)[]; showAdjacentMonths: BooleanConstructor; weekdays: { type: import("vue").PropType<import("../../composables/calendar.js").CalendarWeekdays[]>; default: () => number[]; }; weeksInMonth: Omit<{ type: import("vue").PropType<"dynamic" | "static">; default: string; }, "default" | "type"> & { type: import("vue").PropType<"dynamic" | "static">; default: NonNullable<"dynamic" | "static">; }; firstDayOfWeek: { type: (NumberConstructor | StringConstructor)[]; default: undefined; }; firstDayOfYear: { type: (NumberConstructor | StringConstructor)[]; default: undefined; }; weekdayFormat: import("vue").PropType<"long" | "narrow" | "short" | undefined>; hideWeekdays: BooleanConstructor; multiple: import("vue").PropType<number | "range" | boolean | (string & {})>; showWeek: BooleanConstructor; transition: { type: StringConstructor; default: string; }; reverseTransition: { type: StringConstructor; default: string; }; year: NumberConstructor; allowedMonths: import("vue").PropType<number[] | ((date: number) => boolean)>; min: import("vue").PropType<unknown>; max: import("vue").PropType<unknown>; allowedYears: import("vue").PropType<number[] | ((date: number) => boolean)>; header: { type: StringConstructor; default: string; }; headerColor: StringConstructor; modelValue: null; }, import("vue").ExtractPropTypes<{ theme: StringConstructor; class: import("vue").PropType<any>; style: { type: import("vue").PropType<import("vue").StyleValue>; default: null; }; border: (BooleanConstructor | NumberConstructor | StringConstructor)[]; elevation: { type: (NumberConstructor | StringConstructor)[]; validator(v: any): boolean; }; rounded: { type: (BooleanConstructor | NumberConstructor | StringConstructor)[]; default: undefined; }; tile: BooleanConstructor; tag: { type: import("vue").PropType<string | import("../../util/index.js").JSXComponent>; default: string; }; height: (NumberConstructor | StringConstructor)[]; maxHeight: (NumberConstructor | StringConstructor)[]; maxWidth: (NumberConstructor | StringConstructor)[]; minHeight: (NumberConstructor | StringConstructor)[]; minWidth: (NumberConstructor | StringConstructor)[]; width: (NumberConstructor | StringConstructor)[]; location: import("vue").PropType<import("../../util/index.js").Anchor | null>; position: { type: import("vue").PropType<"absolute" | "fixed" | "relative" | "static" | "sticky">; validator: (v: any) => boolean; }; color: StringConstructor; bgColor: StringConstructor; divided: BooleanConstructor; landscape: BooleanConstructor; title: { type: import("vue").PropType<string>; default: string; }; hideHeader: BooleanConstructor; hideTitle: BooleanConstructor; active: { type: import("vue").PropType<string | string[]>; default: undefined; }; controlHeight: (NumberConstructor | StringConstructor)[]; nextIcon: { type: import("vue").PropType<import("../../composables/icons.js").IconValue>; default: string; }; prevIcon: { type: import("vue").PropType<import("../../composables/icons.js").IconValue>; default: string; }; modeIcon: { type: import("vue").PropType<import("../../composables/icons.js").IconValue>; default: string; }; text: StringConstructor; viewMode: { type: import("vue").PropType<"month" | "months" | "year">; default: string; }; allowedDates: import("vue").PropType<unknown[] | ((date: unknown) => boolean)>; disabled: { type: BooleanConstructor; default: null; }; month: (NumberConstructor | StringConstructor)[]; showAdjacentMonths: BooleanConstructor; weekdays: { type: import("vue").PropType<import("../../composables/calendar.js").CalendarWeekdays[]>; default: () => number[]; }; weeksInMonth: Omit<{ type: import("vue").PropType<"dynamic" | "static">; default: string; }, "default" | "type"> & { type: import("vue").PropType<"dynamic" | "static">; default: NonNullable<"dynamic" | "static">; }; firstDayOfWeek: { type: (NumberConstructor | StringConstructor)[]; default: undefined; }; firstDayOfYear: { type: (NumberConstructor | StringConstructor)[]; default: undefined; }; weekdayFormat: import("vue").PropType<"long" | "narrow" | "short" | undefined>; hideWeekdays: BooleanConstructor; multiple: import("vue").PropType<number | "range" | boolean | (string & {})>; showWeek: BooleanConstructor; transition: { type: StringConstructor; default: string; }; reverseTransition: { type: StringConstructor; default: string; }; year: NumberConstructor; allowedMonths: import("vue").PropType<number[] | ((date: number) => boolean)>; min: import("vue").PropType<unknown>; max: import("vue").PropType<unknown>; allowedYears: import("vue").PropType<number[] | ((date: number) => boolean)>; header: { type: StringConstructor; default: string; }; headerColor: StringConstructor; modelValue: null; }>>; export type VDatePicker = Insta