@quasar/quasar-ui-qcalendar
Version:
QCalendar - Day/Month/Week Calendars, Popups, Date Pickers, Schedules, Agendas, Planners and Tasks for your Vue Apps
447 lines (446 loc) • 18 kB
TypeScript
import { VNode } from 'vue';
import { Timestamp } from '../utils/Timestamp';
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
useNavigation: BooleanConstructor;
now: {
type: StringConstructor;
validator: (v: string) => boolean;
default: string;
};
maxDays: {
readonly type: import("vue").PropType<import("../composables/useMaxDays").MaxDaysProps["maxDays"]>;
readonly default: 1;
};
columnCount: {
readonly type: import("vue").PropType<import("../composables/useColumn").ColumnProps["columnCount"]>;
readonly default: 0;
readonly validator: typeof import("..").validateNumber;
};
columnIndexStart: {
readonly type: import("vue").PropType<import("../composables/useColumn").ColumnProps["columnIndexStart"]>;
readonly default: 0;
readonly validator: typeof import("..").validateNumber;
};
view: {
readonly type: import("vue").PropType<import("../composables/useInterval").IntervalProps["view"]>;
readonly validator: (v: string) => boolean;
readonly default: "day";
};
shortIntervalLabel: BooleanConstructor;
intervalHeight: {
readonly type: import("vue").PropType<import("../composables/useInterval").IntervalProps["intervalHeight"]>;
readonly default: 40;
readonly validator: typeof import("..").validateNumber;
};
intervalMinutes: {
readonly type: import("vue").PropType<import("../composables/useInterval").IntervalProps["intervalMinutes"]>;
readonly default: 60;
readonly validator: typeof import("..").validateNumber;
};
intervalStart: {
readonly type: import("vue").PropType<import("../composables/useInterval").IntervalProps["intervalStart"]>;
readonly default: 0;
readonly validator: typeof import("..").validateNumber;
};
intervalCount: {
readonly type: import("vue").PropType<import("../composables/useInterval").IntervalProps["intervalCount"]>;
readonly default: 24;
readonly validator: typeof import("..").validateNumber;
};
intervalStyle: {
readonly type: import("vue").PropType<import("../composables/useInterval").IntervalProps["intervalStyle"]>;
readonly default: null;
};
intervalClass: {
readonly type: import("vue").PropType<import("../composables/useInterval").IntervalProps["intervalClass"]>;
readonly default: null;
};
weekdayStyle: {
readonly type: import("vue").PropType<import("../composables/useInterval").IntervalProps["weekdayStyle"]>;
readonly default: null;
};
weekdayClass: {
readonly type: import("vue").PropType<import("../composables/useInterval").IntervalProps["weekdayClass"]>;
readonly default: null;
};
showIntervalLabel: {
readonly type: import("vue").PropType<import("../composables/useInterval").IntervalProps["showIntervalLabel"]>;
readonly default: null;
};
hour24Format: BooleanConstructor;
timeClicksClamped: BooleanConstructor;
dateHeader: {
readonly type: import("vue").PropType<import("../composables/useInterval").IntervalProps["dateHeader"]>;
readonly default: "stacked";
readonly validator: (v: string) => boolean;
};
modelResources: {
readonly type: import("vue").PropType<import("../composables/useInterval").ResourceProps["modelResources"]>;
};
resourceKey: {
readonly type: import("vue").PropType<import("../composables/useInterval").ResourceProps["resourceKey"]>;
readonly default: "id";
};
resourceLabel: {
readonly type: import("vue").PropType<import("../composables/useInterval").ResourceProps["resourceLabel"]>;
readonly default: "label";
};
resourceHeight: {
readonly type: import("vue").PropType<import("../composables/useInterval").ResourceProps["resourceHeight"]>;
readonly default: 0;
readonly validator: typeof import("..").validateNumber;
};
resourceMinHeight: {
readonly type: import("vue").PropType<import("../composables/useInterval").ResourceProps["resourceMinHeight"]>;
readonly default: 70;
readonly validator: typeof import("..").validateNumber;
};
resourceStyle: {
readonly type: import("vue").PropType<import("../composables/useInterval").ResourceProps["resourceStyle"]>;
readonly default: null;
};
resourceClass: {
readonly type: import("vue").PropType<import("../composables/useInterval").ResourceProps["resourceClass"]>;
readonly default: null;
};
cellWidth: {
readonly type: import("vue").PropType<import("../composables/useInterval").ResourceProps["cellWidth"]>;
readonly default: 100;
};
intervalHeaderHeight: {
readonly type: import("vue").PropType<import("../composables/useInterval").ResourceProps["intervalHeaderHeight"]>;
readonly default: 20;
readonly validator: typeof import("..").validateNumber;
};
noSticky: import("vue").PropType<import("../composables/useInterval").ResourceProps["noSticky"]>;
modelValue: {
type: StringConstructor;
default: string;
validator: (v: string) => boolean;
};
weekdays: {
type: () => number[];
default: () => number[];
};
dateType: {
type: () => "round" | "rounded" | "square";
default: string;
validator: (v: string) => boolean;
};
weekdayAlign: {
type: () => "left" | "center" | "right";
default: string;
validator: (v: string) => boolean;
};
dateAlign: {
type: () => "left" | "center" | "right";
default: string;
validator: (v: string) => boolean;
};
bordered: BooleanConstructor;
dark: BooleanConstructor;
noAria: BooleanConstructor;
noActiveDate: BooleanConstructor;
noHeader: BooleanConstructor;
noScroll: BooleanConstructor;
shortWeekdayLabel: BooleanConstructor;
noDefaultHeaderText: BooleanConstructor;
noDefaultHeaderBtn: BooleanConstructor;
minWeekdayLabel: {
type: import("vue").PropType<number | string>;
default: number;
};
weekdayBreakpoints: {
type: () => number[];
default: () => number[];
validator: (v: number[]) => boolean;
};
locale: {
type: StringConstructor;
default: string;
};
animated: BooleanConstructor;
transitionPrev: {
type: StringConstructor;
default: string;
};
transitionNext: {
type: StringConstructor;
default: string;
};
disabledDays: () => string[];
disabledBefore: StringConstructor;
disabledAfter: StringConstructor;
disabledWeekdays: {
type: () => number[];
default: () => string[] | Set<string>;
};
dragEnterFunc: import("vue").PropType<(_event: Event, _type: string, _scope: any) => boolean>;
dragOverFunc: import("vue").PropType<(_event: Event, _type: string, _scope: any) => boolean>;
dragLeaveFunc: import("vue").PropType<(_event: Event, _type: string, _scope: any) => boolean>;
dropFunc: import("vue").PropType<(_event: Event, _type: string, _scope: any) => boolean>;
selectedDates: {
type: import("vue").PropType<string[] | Set<string>>;
default: () => string[] | Set<string>;
};
selectedStartEndDates: {
type: () => string[];
default: () => string[];
};
hoverable: BooleanConstructor;
focusable: BooleanConstructor;
focusType: {
type: () => ("day" | "date" | "weekday" | "interval" | "time" | "resource" | "task")[];
default: () => ("day" | "date" | "weekday" | "interval" | "time" | "resource" | "task")[];
validator: (v: string[]) => boolean;
};
}>, () => VNode, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
useNavigation: BooleanConstructor;
now: {
type: StringConstructor;
validator: (v: string) => boolean;
default: string;
};
maxDays: {
readonly type: import("vue").PropType<import("../composables/useMaxDays").MaxDaysProps["maxDays"]>;
readonly default: 1;
};
columnCount: {
readonly type: import("vue").PropType<import("../composables/useColumn").ColumnProps["columnCount"]>;
readonly default: 0;
readonly validator: typeof import("..").validateNumber;
};
columnIndexStart: {
readonly type: import("vue").PropType<import("../composables/useColumn").ColumnProps["columnIndexStart"]>;
readonly default: 0;
readonly validator: typeof import("..").validateNumber;
};
view: {
readonly type: import("vue").PropType<import("../composables/useInterval").IntervalProps["view"]>;
readonly validator: (v: string) => boolean;
readonly default: "day";
};
shortIntervalLabel: BooleanConstructor;
intervalHeight: {
readonly type: import("vue").PropType<import("../composables/useInterval").IntervalProps["intervalHeight"]>;
readonly default: 40;
readonly validator: typeof import("..").validateNumber;
};
intervalMinutes: {
readonly type: import("vue").PropType<import("../composables/useInterval").IntervalProps["intervalMinutes"]>;
readonly default: 60;
readonly validator: typeof import("..").validateNumber;
};
intervalStart: {
readonly type: import("vue").PropType<import("../composables/useInterval").IntervalProps["intervalStart"]>;
readonly default: 0;
readonly validator: typeof import("..").validateNumber;
};
intervalCount: {
readonly type: import("vue").PropType<import("../composables/useInterval").IntervalProps["intervalCount"]>;
readonly default: 24;
readonly validator: typeof import("..").validateNumber;
};
intervalStyle: {
readonly type: import("vue").PropType<import("../composables/useInterval").IntervalProps["intervalStyle"]>;
readonly default: null;
};
intervalClass: {
readonly type: import("vue").PropType<import("../composables/useInterval").IntervalProps["intervalClass"]>;
readonly default: null;
};
weekdayStyle: {
readonly type: import("vue").PropType<import("../composables/useInterval").IntervalProps["weekdayStyle"]>;
readonly default: null;
};
weekdayClass: {
readonly type: import("vue").PropType<import("../composables/useInterval").IntervalProps["weekdayClass"]>;
readonly default: null;
};
showIntervalLabel: {
readonly type: import("vue").PropType<import("../composables/useInterval").IntervalProps["showIntervalLabel"]>;
readonly default: null;
};
hour24Format: BooleanConstructor;
timeClicksClamped: BooleanConstructor;
dateHeader: {
readonly type: import("vue").PropType<import("../composables/useInterval").IntervalProps["dateHeader"]>;
readonly default: "stacked";
readonly validator: (v: string) => boolean;
};
modelResources: {
readonly type: import("vue").PropType<import("../composables/useInterval").ResourceProps["modelResources"]>;
};
resourceKey: {
readonly type: import("vue").PropType<import("../composables/useInterval").ResourceProps["resourceKey"]>;
readonly default: "id";
};
resourceLabel: {
readonly type: import("vue").PropType<import("../composables/useInterval").ResourceProps["resourceLabel"]>;
readonly default: "label";
};
resourceHeight: {
readonly type: import("vue").PropType<import("../composables/useInterval").ResourceProps["resourceHeight"]>;
readonly default: 0;
readonly validator: typeof import("..").validateNumber;
};
resourceMinHeight: {
readonly type: import("vue").PropType<import("../composables/useInterval").ResourceProps["resourceMinHeight"]>;
readonly default: 70;
readonly validator: typeof import("..").validateNumber;
};
resourceStyle: {
readonly type: import("vue").PropType<import("../composables/useInterval").ResourceProps["resourceStyle"]>;
readonly default: null;
};
resourceClass: {
readonly type: import("vue").PropType<import("../composables/useInterval").ResourceProps["resourceClass"]>;
readonly default: null;
};
cellWidth: {
readonly type: import("vue").PropType<import("../composables/useInterval").ResourceProps["cellWidth"]>;
readonly default: 100;
};
intervalHeaderHeight: {
readonly type: import("vue").PropType<import("../composables/useInterval").ResourceProps["intervalHeaderHeight"]>;
readonly default: 20;
readonly validator: typeof import("..").validateNumber;
};
noSticky: import("vue").PropType<import("../composables/useInterval").ResourceProps["noSticky"]>;
modelValue: {
type: StringConstructor;
default: string;
validator: (v: string) => boolean;
};
weekdays: {
type: () => number[];
default: () => number[];
};
dateType: {
type: () => "round" | "rounded" | "square";
default: string;
validator: (v: string) => boolean;
};
weekdayAlign: {
type: () => "left" | "center" | "right";
default: string;
validator: (v: string) => boolean;
};
dateAlign: {
type: () => "left" | "center" | "right";
default: string;
validator: (v: string) => boolean;
};
bordered: BooleanConstructor;
dark: BooleanConstructor;
noAria: BooleanConstructor;
noActiveDate: BooleanConstructor;
noHeader: BooleanConstructor;
noScroll: BooleanConstructor;
shortWeekdayLabel: BooleanConstructor;
noDefaultHeaderText: BooleanConstructor;
noDefaultHeaderBtn: BooleanConstructor;
minWeekdayLabel: {
type: import("vue").PropType<number | string>;
default: number;
};
weekdayBreakpoints: {
type: () => number[];
default: () => number[];
validator: (v: number[]) => boolean;
};
locale: {
type: StringConstructor;
default: string;
};
animated: BooleanConstructor;
transitionPrev: {
type: StringConstructor;
default: string;
};
transitionNext: {
type: StringConstructor;
default: string;
};
disabledDays: () => string[];
disabledBefore: StringConstructor;
disabledAfter: StringConstructor;
disabledWeekdays: {
type: () => number[];
default: () => string[] | Set<string>;
};
dragEnterFunc: import("vue").PropType<(_event: Event, _type: string, _scope: any) => boolean>;
dragOverFunc: import("vue").PropType<(_event: Event, _type: string, _scope: any) => boolean>;
dragLeaveFunc: import("vue").PropType<(_event: Event, _type: string, _scope: any) => boolean>;
dropFunc: import("vue").PropType<(_event: Event, _type: string, _scope: any) => boolean>;
selectedDates: {
type: import("vue").PropType<string[] | Set<string>>;
default: () => string[] | Set<string>;
};
selectedStartEndDates: {
type: () => string[];
default: () => string[];
};
hoverable: BooleanConstructor;
focusable: BooleanConstructor;
focusType: {
type: () => ("day" | "date" | "weekday" | "interval" | "time" | "resource" | "task")[];
default: () => ("day" | "date" | "weekday" | "interval" | "time" | "resource" | "task")[];
validator: (v: string[]) => boolean;
};
}>> & Readonly<{}>, {
view: "day" | "month" | "week" | "month-interval";
columnCount: string | number;
dark: boolean;
focusable: boolean;
columnIndexStart: string | number;
now: string;
maxDays: number;
shortIntervalLabel: boolean;
intervalHeight: string | number;
intervalMinutes: string | number;
intervalStart: string | number;
intervalCount: string | number;
intervalStyle: ((_scope: import("../composables/useInterval").Scope) => any) | undefined;
intervalClass: ((_scope: import("../composables/useInterval").Scope) => string) | undefined;
weekdayStyle: ((_scope: import("../composables/useInterval").Scope) => any) | undefined;
weekdayClass: ((_scope: import("../composables/useInterval").Scope) => string) | undefined;
showIntervalLabel: ((_timestamp: Timestamp) => any) | undefined;
hour24Format: boolean;
timeClicksClamped: boolean;
dateHeader: "inline" | "stacked" | "inverted";
modelValue: string;
weekdays: number[];
dateType: "square" | "round" | "rounded";
weekdayAlign: "center" | "left" | "right";
dateAlign: "center" | "left" | "right";
bordered: boolean;
noAria: boolean;
noActiveDate: boolean;
noHeader: boolean;
noScroll: boolean;
shortWeekdayLabel: boolean;
noDefaultHeaderText: boolean;
noDefaultHeaderBtn: boolean;
minWeekdayLabel: string | number;
weekdayBreakpoints: number[];
locale: string;
animated: boolean;
transitionPrev: string;
transitionNext: string;
disabledWeekdays: number[];
selectedDates: string[] | Set<string>;
selectedStartEndDates: string[];
hoverable: boolean;
focusType: ("time" | "interval" | "day" | "weekday" | "date" | "resource" | "task")[];
resourceKey: string;
resourceLabel: string;
resourceHeight: string | number;
resourceMinHeight: string | number;
resourceStyle: ((_scope: any) => any) | undefined;
resourceClass: ((_scope: any) => string) | undefined;
cellWidth: string | number;
intervalHeaderHeight: string | number;
useNavigation: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export default _default;