@arco-design/web-vue
Version:
Arco Design Vue 2.0: A Vue.js 3 UI Library
1,115 lines (1,114 loc) • 245 kB
TypeScript
import type { App } from 'vue';
import type { ArcoOptions } from '../_utils/types';
import _DatePicker from './pickers/date-picker';
import _WeekPicker from './pickers/week-picker';
import _MonthPicker from './pickers/month-picker';
import _YearPicker from './pickers/year-picker';
import _QuarterPicker from './pickers/quarter-picker';
import _RangePicker from './range-picker';
export type { ShortcutType } from './interface';
declare const DatePicker: {
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
modelValue: {
type: import("vue").PropType<string | number | Date>;
};
defaultValue: {
type: import("vue").PropType<string | number | Date>;
};
format: {
type: import("vue").PropType<string | ((current: Date) => string)>;
};
dayStartOfWeek: {
type: import("vue").PropType<import("./interface").WeekStart>;
default: number;
};
showTime: {
type: BooleanConstructor;
};
timePickerProps: {
type: import("vue").PropType<Partial<import("../time-picker/interface").TimePickerProps>>;
};
disabled: {
type: BooleanConstructor;
};
disabledDate: {
type: import("vue").PropType<(current?: Date | undefined) => boolean>;
};
disabledTime: {
type: import("vue").PropType<(current: Date) => import("./interface").DisabledTimeProps>;
};
showNowBtn: {
type: BooleanConstructor;
default: boolean;
};
}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
disabled: boolean;
dayStartOfWeek: import("./interface").WeekStart;
showTime: boolean;
showNowBtn: boolean;
}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import("vue").ExtractPropTypes<{
modelValue: {
type: import("vue").PropType<string | number | Date>;
};
defaultValue: {
type: import("vue").PropType<string | number | Date>;
};
format: {
type: import("vue").PropType<string | ((current: Date) => string)>;
};
dayStartOfWeek: {
type: import("vue").PropType<import("./interface").WeekStart>;
default: number;
};
showTime: {
type: BooleanConstructor;
};
timePickerProps: {
type: import("vue").PropType<Partial<import("../time-picker/interface").TimePickerProps>>;
};
disabled: {
type: BooleanConstructor;
};
disabledDate: {
type: import("vue").PropType<(current?: Date | undefined) => boolean>;
};
disabledTime: {
type: import("vue").PropType<(current: Date) => import("./interface").DisabledTimeProps>;
};
showNowBtn: {
type: BooleanConstructor;
default: boolean;
};
}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
disabled: boolean;
dayStartOfWeek: import("./interface").WeekStart;
showTime: boolean;
showNowBtn: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
modelValue: {
type: import("vue").PropType<string | number | Date>;
};
defaultValue: {
type: import("vue").PropType<string | number | Date>;
};
format: {
type: import("vue").PropType<string | ((current: Date) => string)>;
};
dayStartOfWeek: {
type: import("vue").PropType<import("./interface").WeekStart>;
default: number;
};
showTime: {
type: BooleanConstructor;
};
timePickerProps: {
type: import("vue").PropType<Partial<import("../time-picker/interface").TimePickerProps>>;
};
disabled: {
type: BooleanConstructor;
};
disabledDate: {
type: import("vue").PropType<(current?: Date | undefined) => boolean>;
};
disabledTime: {
type: import("vue").PropType<(current: Date) => import("./interface").DisabledTimeProps>;
};
showNowBtn: {
type: BooleanConstructor;
default: boolean;
};
}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
disabled: boolean;
dayStartOfWeek: import("./interface").WeekStart;
showTime: boolean;
showNowBtn: boolean;
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
WeekPicker: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
modelValue: {
type: import("vue").PropType<string | number | Date>;
};
defaultValue: {
type: import("vue").PropType<string | number | Date>;
};
format: {
type: StringConstructor;
default: string;
};
valueFormat: {
type: StringConstructor;
default: string;
};
dayStartOfWeek: {
type: import("vue").PropType<import("./interface").WeekStart>;
default: number;
};
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
modelValue: {
type: import("vue").PropType<string | number | Date>;
};
defaultValue: {
type: import("vue").PropType<string | number | Date>;
};
format: {
type: StringConstructor;
default: string;
};
valueFormat: {
type: StringConstructor;
default: string;
};
dayStartOfWeek: {
type: import("vue").PropType<import("./interface").WeekStart>;
default: number;
};
}>> & Readonly<{}>, {
format: string;
dayStartOfWeek: import("./interface").WeekStart;
valueFormat: string;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
MonthPicker: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
modelValue: {
type: import("vue").PropType<string | number | Date>;
};
defaultValue: {
type: import("vue").PropType<string | number | Date>;
};
format: {
type: StringConstructor;
default: string;
};
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
modelValue: {
type: import("vue").PropType<string | number | Date>;
};
defaultValue: {
type: import("vue").PropType<string | number | Date>;
};
format: {
type: StringConstructor;
default: string;
};
}>> & Readonly<{}>, {
format: string;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
YearPicker: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
modelValue: {
type: import("vue").PropType<string | number | Date>;
};
defaultValue: {
type: import("vue").PropType<string | number | Date>;
};
format: {
type: StringConstructor;
default: string;
};
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
modelValue: {
type: import("vue").PropType<string | number | Date>;
};
defaultValue: {
type: import("vue").PropType<string | number | Date>;
};
format: {
type: StringConstructor;
default: string;
};
}>> & Readonly<{}>, {
format: string;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
QuarterPicker: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
modelValue: {
type: import("vue").PropType<string | number | Date>;
};
defaultValue: {
type: import("vue").PropType<string | number | Date>;
};
format: {
type: StringConstructor;
default: string;
};
valueFormat: {
type: StringConstructor;
default: string;
};
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
modelValue: {
type: import("vue").PropType<string | number | Date>;
};
defaultValue: {
type: import("vue").PropType<string | number | Date>;
};
format: {
type: StringConstructor;
default: string;
};
valueFormat: {
type: StringConstructor;
default: string;
};
}>> & Readonly<{}>, {
format: string;
valueFormat: string;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
RangePicker: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
mode: {
type: import("vue").PropType<"month" | "year" | "date" | "week" | "quarter">;
default: string;
};
modelValue: {
type: import("vue").PropType<(string | number | Date)[]>;
};
defaultValue: {
type: import("vue").PropType<(string | number | Date)[]>;
};
pickerValue: {
type: import("vue").PropType<(string | number | Date)[]>;
};
defaultPickerValue: {
type: import("vue").PropType<(string | number | Date)[]>;
};
disabled: {
type: import("vue").PropType<boolean | boolean[]>;
default: boolean;
};
dayStartOfWeek: {
type: import("vue").PropType<import("./interface").WeekStart>;
default: number;
};
format: {
type: StringConstructor;
};
valueFormat: {
type: import("vue").PropType<string>;
};
showTime: {
type: BooleanConstructor;
};
timePickerProps: {
type: import("vue").PropType<Partial<import("../time-picker/interface").TimePickerProps>>;
};
placeholder: {
type: import("vue").PropType<string[]>;
};
disabledDate: {
type: import("vue").PropType<(current: Date, type: "start" | "end") => boolean>;
};
disabledTime: {
type: import("vue").PropType<(current: Date, type: "start" | "end") => import("./interface").DisabledTimeProps>;
};
separator: {
type: StringConstructor;
};
exchangeTime: {
type: BooleanConstructor;
default: boolean;
};
popupContainer: {
type: import("vue").PropType<string | HTMLElement>;
};
locale: {
type: import("vue").PropType<Record<string, any>>;
};
hideTrigger: {
type: BooleanConstructor;
};
allowClear: {
type: BooleanConstructor;
default: boolean;
};
readonly: {
type: BooleanConstructor;
};
error: {
type: BooleanConstructor;
};
size: {
type: import("vue").PropType<"mini" | "small" | "medium" | "large">;
};
shortcuts: {
type: import("vue").PropType<import("./interface").ShortcutType[]>;
default: () => never[];
};
shortcutsPosition: {
type: import("vue").PropType<"bottom" | "left" | "right">;
default: string;
};
position: {
type: import("vue").PropType<"br" | "tr" | "top" | "bottom" | "tl" | "bl">;
default: string;
};
popupVisible: {
type: BooleanConstructor;
default: undefined;
};
defaultPopupVisible: {
type: BooleanConstructor;
};
triggerProps: {
type: import("vue").PropType<import("..").TriggerProps>;
};
unmountOnClose: {
type: BooleanConstructor;
};
previewShortcut: {
type: BooleanConstructor;
default: boolean;
};
showConfirmBtn: {
type: BooleanConstructor;
};
disabledInput: {
type: BooleanConstructor;
default: boolean;
};
abbreviation: {
type: BooleanConstructor;
default: boolean;
};
}>, {
prefixCls: string;
refInput: import("vue").Ref<any, any>;
computedFormat: import("vue").ComputedRef<string>;
computedPlaceholder: import("vue").ComputedRef<string[]>;
panelVisible: import("vue").ComputedRef<boolean>;
panelValue: import("vue").ComputedRef<(import("dayjs").Dayjs | undefined)[]>;
inputValue: import("vue").Ref<(string | undefined)[] | undefined, (string | undefined)[] | undefined>;
focusedIndex: import("vue").Ref<number, number>;
triggerDisabled: import("vue").ComputedRef<boolean>;
mergedSize: import("vue").ComputedRef<"mini" | "small" | "medium" | "large" | undefined>;
mergedError: import("vue").ComputedRef<boolean>;
onPanelVisibleChange: (visible: boolean) => void;
onInputClear: (e: Event) => void;
onInputChange: (e: any) => void;
onInputPressEnter: () => void;
rangePanelProps: import("vue").ComputedRef<{
prefixCls: string;
format: string;
value: (import("dayjs").Dayjs | undefined)[];
showConfirmBtn: boolean;
confirmBtnDisabled: boolean | undefined;
timePickerValue: import("dayjs").Dayjs[];
timePickerProps: {
visible: boolean;
size?: "mini" | "small" | "medium" | "large" | undefined;
type?: "time" | "time-range" | undefined;
disabled?: boolean | undefined;
readonly?: boolean | undefined;
error?: boolean | undefined;
allowClear?: boolean | undefined;
placeholder?: string | string[] | undefined;
format: string;
modelValue?: import("../time-picker/interface").TimeValue | import("../time-picker/interface").TimeValue[] | undefined;
position?: "br" | "tr" | "top" | "bottom" | "tl" | "bl" | undefined;
popupVisible?: boolean | undefined;
defaultPopupVisible?: boolean | undefined;
unmountOnClose?: boolean | undefined;
triggerProps?: Record<string, unknown> | undefined;
disableConfirm?: boolean | undefined;
use12Hours?: boolean | undefined;
step?: {
hour?: number | undefined;
minute?: number | undefined;
second?: number | undefined;
} | undefined;
disabledHours?: (() => number[]) | undefined;
disabledMinutes?: ((selectedHour?: number | undefined) => number[]) | undefined;
disabledSeconds?: ((selectedHour?: number | undefined, selectedMinute?: number | undefined) => number[]) | undefined;
hideDisabledOptions?: boolean | undefined;
};
extra: import("vue").Slot<any> | undefined;
dateRender: import("vue").Slot<any> | undefined;
startHeaderProps: {
headerValue: import("dayjs").Dayjs;
headerOperations: Pick<any, string>;
headerIcons: {
prev: import("vue").Slot<any> | undefined;
prevDouble: import("vue").Slot<any> | undefined;
next: import("vue").Slot<any> | undefined;
nextDouble: import("vue").Slot<any> | undefined;
};
};
endHeaderProps: {
headerValue: import("dayjs").Dayjs;
headerOperations: Pick<any, string>;
headerIcons: {
prev: import("vue").Slot<any> | undefined;
prevDouble: import("vue").Slot<any> | undefined;
next: import("vue").Slot<any> | undefined;
nextDouble: import("vue").Slot<any> | undefined;
};
};
footerValue: {
clone: () => import("dayjs").Dayjs;
isValid: () => boolean;
year: {
(): number;
(value: number): import("dayjs").Dayjs;
};
month: {
(): number;
(value: number): import("dayjs").Dayjs;
};
date: {
(): number;
(value: number): import("dayjs").Dayjs;
};
day: {
(): 0 | 1 | 2 | 4 | 3 | 5 | 6;
(value: number): import("dayjs").Dayjs;
};
hour: {
(): number;
(value: number): import("dayjs").Dayjs;
};
minute: {
(): number;
(value: number): import("dayjs").Dayjs;
};
second: {
(): number;
(value: number): import("dayjs").Dayjs;
};
millisecond: {
(): number;
(value: number): import("dayjs").Dayjs;
};
set: (unit: import("dayjs").UnitType, value: number) => import("dayjs").Dayjs;
get: (unit: import("dayjs").UnitType) => number;
add: {
(value: number, unit?: import("dayjs").ManipulateType | undefined): import("dayjs").Dayjs;
(value: number, unit: import("dayjs").QUnitType): import("dayjs").Dayjs;
};
subtract: {
(value: number, unit?: import("dayjs").ManipulateType | undefined): import("dayjs").Dayjs;
(value: number, unit: import("dayjs").QUnitType): import("dayjs").Dayjs;
};
startOf: {
(unit: import("dayjs").OpUnitType): import("dayjs").Dayjs;
(unit: "D" | "M" | "s" | "y" | "millisecond" | "second" | "minute" | "hour" | "day" | "month" | "year" | "date" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "months" | "years" | "dates" | "d" | "h" | "m" | "ms" | "week" | "weeks" | "w" | "quarter" | "quarters" | "Q"): import("dayjs").Dayjs;
};
endOf: {
(unit: import("dayjs").OpUnitType): import("dayjs").Dayjs;
(unit: "D" | "M" | "s" | "y" | "millisecond" | "second" | "minute" | "hour" | "day" | "month" | "year" | "date" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "months" | "years" | "dates" | "d" | "h" | "m" | "ms" | "week" | "weeks" | "w" | "quarter" | "quarters" | "Q"): import("dayjs").Dayjs;
};
format: (template?: string | undefined) => string;
diff: (date?: string | number | Date | import("dayjs").Dayjs | null | undefined, unit?: "D" | "M" | "s" | "y" | "millisecond" | "second" | "minute" | "hour" | "day" | "month" | "year" | "date" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "months" | "years" | "dates" | "d" | "h" | "m" | "ms" | "week" | "weeks" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
valueOf: () => number;
unix: () => number;
daysInMonth: () => number;
toDate: () => Date;
toJSON: () => string;
toISOString: () => string;
toString: () => string;
utcOffset: () => number;
isBefore: {
(date?: string | number | Date | import("dayjs").Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined): boolean;
(date?: string | number | Date | import("dayjs").Dayjs | null | undefined, unit?: import("dayjs").QUnitType | undefined): boolean;
};
isSame: {
(date?: string | number | Date | import("dayjs").Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined): boolean;
(date?: string | number | Date | import("dayjs").Dayjs | null | undefined, unit?: import("dayjs").QUnitType | undefined): boolean;
};
isAfter: {
(date?: string | number | Date | import("dayjs").Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined): boolean;
(date?: string | number | Date | import("dayjs").Dayjs | null | undefined, unit?: import("dayjs").QUnitType | undefined): boolean;
};
locale: {
(): string;
(preset: string | ILocale, object?: Partial<ILocale> | undefined): import("dayjs").Dayjs;
};
isBetween: (a: string | number | Date | import("dayjs").Dayjs | null | undefined, b: string | number | Date | import("dayjs").Dayjs | null | undefined, c?: import("dayjs").OpUnitType | null | undefined, d?: "()" | "[]" | "[)" | "(]" | undefined) => boolean;
week: {
(): number;
(value: number): import("dayjs").Dayjs;
};
weekYear: () => number;
quarter: {
(): number;
(quarter: number): import("dayjs").Dayjs;
};
}[];
disabled: boolean[];
visible: boolean;
onCellClick: (date: import("dayjs").Dayjs) => void;
onCellMouseEnter: (date: import("dayjs").Dayjs) => void;
onShortcutClick: (value: (import("dayjs").Dayjs | undefined)[], shortcut: import("./interface").ShortcutType) => void;
onShortcutMouseEnter: ((value: (import("dayjs").Dayjs | undefined)[]) => void) | undefined;
onShortcutMouseLeave: (() => void) | undefined;
onConfirm: () => void;
onTimePickerSelect: (time: import("dayjs").Dayjs, type: "start" | "end") => void;
startHeaderMode: "month" | "year" | undefined;
endHeaderMode: "month" | "year" | undefined;
onStartHeaderLabelClick: (type: "month" | "year") => void;
onEndHeaderLabelClick: (type: "month" | "year") => void;
onStartHeaderSelect: (date: import("dayjs").Dayjs) => void;
onEndHeaderSelect: (date: import("dayjs").Dayjs) => void;
mode: "month" | "year" | "date" | "week" | "quarter";
hideTrigger: boolean;
dayStartOfWeek: import("./interface").WeekStart;
showTime: boolean;
disabledDate: ((current: Date, type: "start" | "end") => boolean) | undefined;
disabledTime: ((current: Date, type: "start" | "end") => import("./interface").DisabledTimeProps) | undefined;
shortcuts: import("./interface").ShortcutType[];
abbreviation: boolean;
shortcutsPosition: "bottom" | "left" | "right";
}>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
change: (value: (import("./interface").CalendarValue | undefined)[] | undefined, date: (Date | undefined)[] | undefined, dateString: (string | undefined)[] | undefined) => true;
'update:modelValue': (value: (import("./interface").CalendarValue | undefined)[] | undefined) => true;
select: (value: (import("./interface").CalendarValue | undefined)[], date: (Date | undefined)[], dateString: (string | undefined)[]) => true;
'popup-visible-change': (visible: boolean) => true;
'update:popupVisible': (visible: boolean) => true;
ok: (value: import("./interface").CalendarValue[], date: Date[], dateString: string[]) => true;
clear: () => true;
'select-shortcut': (shortcut: import("./interface").ShortcutType) => true;
'picker-value-change': (value: import("./interface").CalendarValue[], date: Date[], dateString: string[]) => true;
'update:pickerValue': (value: import("./interface").CalendarValue[]) => true;
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
mode: {
type: import("vue").PropType<"month" | "year" | "date" | "week" | "quarter">;
default: string;
};
modelValue: {
type: import("vue").PropType<(string | number | Date)[]>;
};
defaultValue: {
type: import("vue").PropType<(string | number | Date)[]>;
};
pickerValue: {
type: import("vue").PropType<(string | number | Date)[]>;
};
defaultPickerValue: {
type: import("vue").PropType<(string | number | Date)[]>;
};
disabled: {
type: import("vue").PropType<boolean | boolean[]>;
default: boolean;
};
dayStartOfWeek: {
type: import("vue").PropType<import("./interface").WeekStart>;
default: number;
};
format: {
type: StringConstructor;
};
valueFormat: {
type: import("vue").PropType<string>;
};
showTime: {
type: BooleanConstructor;
};
timePickerProps: {
type: import("vue").PropType<Partial<import("../time-picker/interface").TimePickerProps>>;
};
placeholder: {
type: import("vue").PropType<string[]>;
};
disabledDate: {
type: import("vue").PropType<(current: Date, type: "start" | "end") => boolean>;
};
disabledTime: {
type: import("vue").PropType<(current: Date, type: "start" | "end") => import("./interface").DisabledTimeProps>;
};
separator: {
type: StringConstructor;
};
exchangeTime: {
type: BooleanConstructor;
default: boolean;
};
popupContainer: {
type: import("vue").PropType<string | HTMLElement>;
};
locale: {
type: import("vue").PropType<Record<string, any>>;
};
hideTrigger: {
type: BooleanConstructor;
};
allowClear: {
type: BooleanConstructor;
default: boolean;
};
readonly: {
type: BooleanConstructor;
};
error: {
type: BooleanConstructor;
};
size: {
type: import("vue").PropType<"mini" | "small" | "medium" | "large">;
};
shortcuts: {
type: import("vue").PropType<import("./interface").ShortcutType[]>;
default: () => never[];
};
shortcutsPosition: {
type: import("vue").PropType<"bottom" | "left" | "right">;
default: string;
};
position: {
type: import("vue").PropType<"br" | "tr" | "top" | "bottom" | "tl" | "bl">;
default: string;
};
popupVisible: {
type: BooleanConstructor;
default: undefined;
};
defaultPopupVisible: {
type: BooleanConstructor;
};
triggerProps: {
type: import("vue").PropType<import("..").TriggerProps>;
};
unmountOnClose: {
type: BooleanConstructor;
};
previewShortcut: {
type: BooleanConstructor;
default: boolean;
};
showConfirmBtn: {
type: BooleanConstructor;
};
disabledInput: {
type: BooleanConstructor;
default: boolean;
};
abbreviation: {
type: BooleanConstructor;
default: boolean;
};
}>> & Readonly<{
onClear?: (() => any) | undefined;
onChange?: ((value: (import("./interface").CalendarValue | undefined)[] | undefined, date: (Date | undefined)[] | undefined, dateString: (string | undefined)[] | undefined) => any) | undefined;
"onUpdate:modelValue"?: ((value: (import("./interface").CalendarValue | undefined)[] | undefined) => any) | undefined;
onSelect?: ((value: (import("./interface").CalendarValue | undefined)[], date: (Date | undefined)[], dateString: (string | undefined)[]) => any) | undefined;
"onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
"onPopup-visible-change"?: ((visible: boolean) => any) | undefined;
onOk?: ((value: import("./interface").CalendarValue[], date: Date[], dateString: string[]) => any) | undefined;
"onSelect-shortcut"?: ((shortcut: import("./interface").ShortcutType) => any) | undefined;
"onPicker-value-change"?: ((value: import("./interface").CalendarValue[], date: Date[], dateString: string[]) => any) | undefined;
"onUpdate:pickerValue"?: ((value: import("./interface").CalendarValue[]) => any) | undefined;
}>, {
disabled: boolean | boolean[];
readonly: boolean;
error: boolean;
allowClear: boolean;
mode: "month" | "year" | "date" | "week" | "quarter";
disabledInput: boolean;
position: "br" | "tr" | "top" | "bottom" | "tl" | "bl";
popupVisible: boolean;
defaultPopupVisible: boolean;
unmountOnClose: boolean;
hideTrigger: boolean;
dayStartOfWeek: import("./interface").WeekStart;
showTime: boolean;
shortcuts: import("./interface").ShortcutType[];
showConfirmBtn: boolean;
abbreviation: boolean;
shortcutsPosition: "bottom" | "left" | "right";
exchangeTime: boolean;
previewShortcut: boolean;
}, {}, {
RangePickerPanel: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
mode: {
type: import("vue").PropType<import("./interface").Mode>;
default: string;
};
value: {
type: import("vue").PropType<(import("dayjs").Dayjs | undefined)[]>;
default: () => never[];
};
footerValue: {
type: import("vue").PropType<(import("dayjs").Dayjs | undefined)[]>;
};
timePickerValue: {
type: import("vue").PropType<import("dayjs").Dayjs[]>;
};
showTime: {
type: BooleanConstructor;
};
showConfirmBtn: {
type: BooleanConstructor;
};
prefixCls: {
type: StringConstructor;
required: true;
};
shortcuts: {
type: import("vue").PropType<import("./interface").ShortcutType[]>;
default: () => never[];
};
shortcutsPosition: {
type: import("vue").PropType<"bottom" | "left" | "right">;
default: string;
};
format: {
type: StringConstructor;
required: true;
};
dayStartOfWeek: {
type: import("vue").PropType<import("./interface").WeekStart>;
default: number;
};
disabledDate: {
type: import("vue").PropType<import("./interface").RangeDisabledDate>;
};
disabledTime: {
type: import("vue").PropType<import("./interface").RangeDisabledTime>;
};
timePickerProps: {
type: import("vue").PropType<Partial<import("../time-picker/interface").TimePickerProps> | undefined>;
};
extra: {
type: import("vue").PropType<import("../_components/render-function").RenderFunc>;
};
dateRender: {
type: import("vue").PropType<import("../_components/render-function").RenderFunc>;
};
hideTrigger: {
type: BooleanConstructor;
};
startHeaderProps: {
type: import("vue").PropType<import("./interface").StartHeaderProps>;
default: () => {};
};
endHeaderProps: {
type: import("vue").PropType<Record<string, any>>;
default: () => {};
};
confirmBtnDisabled: {
type: BooleanConstructor;
};
disabled: {
type: import("vue").PropType<boolean[]>;
default: () => boolean[];
};
visible: {
type: BooleanConstructor;
};
startHeaderMode: {
type: import("vue").PropType<"month" | "year">;
};
endHeaderMode: {
type: import("vue").PropType<"month" | "year">;
};
abbreviation: {
type: BooleanConstructor;
};
}>, {
pick: typeof import("../_utils/pick").default;
classNames: import("vue").ComputedRef<(string | {
[x: string]: boolean | 0;
})[]>;
showShortcuts: import("vue").ComputedRef<number | false>;
shortcutsProps: {
prefixCls: string;
shortcuts: import("./interface").ShortcutType[];
onItemClick: (shortcut: import("./interface").ShortcutType) => void;
onItemMouseEnter: (shortcut: import("./interface").ShortcutType) => void;
onItemMouseLeave: (shortcut: import("./interface").ShortcutType) => void;
};
startPanelProps: import("vue").ComputedRef<{
rangeValues: (import("dayjs").Dayjs | undefined)[];
disabledDate: ((current: Date) => boolean) | undefined;
dateRender: ((props: any) => import("vue").VNodeTypes | undefined) | undefined;
onSelect: (date: import("dayjs").Dayjs) => void;
onCellMouseEnter: (date: import("dayjs").Dayjs) => void;
onHeaderLabelClick: (type: "month" | "year") => void;
headerValue: import("dayjs").Dayjs;
headerOperations: Pick<any, string>;
headerIcons: {
prev: import("vue").Slot<any> | undefined;
prevDouble: import("vue").Slot<any> | undefined;
next: import("vue").Slot<any> | undefined;
nextDouble: import("vue").Slot<any> | undefined;
};
}>;
endPanelProps: import("vue").ComputedRef<{
rangeValues: (import("dayjs").Dayjs | undefined)[];
disabledDate: ((current: Date) => boolean) | undefined;
dateRender: ((props: any) => import("vue").VNodeTypes | undefined) | undefined;
onSelect: (date: import("dayjs").Dayjs) => void;
onCellMouseEnter: (date: import("dayjs").Dayjs) => void;
onHeaderLabelClick: (type: "month" | "year") => void;
}>;
getDisabledTimeFunc: (index: 0 | 1) => ((current: Date) => false | import("./interface").DisabledTimeProps) | undefined;
onConfirmBtnClick: () => void;
currentDateView: import("vue").Ref<string, string>;
onStartTimePickerSelect: (time: import("dayjs").Dayjs) => void;
onEndTimePickerSelect: (time: import("dayjs").Dayjs) => void;
onStartHeaderPanelSelect: (date: import("dayjs").Dayjs) => void;
onEndHeaderPanelSelect: (date: import("dayjs").Dayjs) => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cell-click" | "cell-mouse-enter" | "time-picker-select" | "shortcut-click" | "shortcut-mouse-enter" | "shortcut-mouse-leave" | "confirm" | "start-header-label-click" | "end-header-label-click" | "start-header-select" | "end-header-select")[], "cell-click" | "cell-mouse-enter" | "confirm" | "time-picker-select" | "shortcut-click" | "shortcut-mouse-enter" | "shortcut-mouse-leave" | "start-header-label-click" | "end-header-label-click" | "start-header-select" | "end-header-select", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
mode: {
type: import("vue").PropType<import("./interface").Mode>;
default: string;
};
value: {
type: import("vue").PropType<(import("dayjs").Dayjs | undefined)[]>;
default: () => never[];
};
footerValue: {
type: import("vue").PropType<(import("dayjs").Dayjs | undefined)[]>;
};
timePickerValue: {
type: import("vue").PropType<import("dayjs").Dayjs[]>;
};
showTime: {
type: BooleanConstructor;
};
showConfirmBtn: {
type: BooleanConstructor;
};
prefixCls: {
type: StringConstructor;
required: true;
};
shortcuts: {
type: import("vue").PropType<import("./interface").ShortcutType[]>;
default: () => never[];
};
shortcutsPosition: {
type: import("vue").PropType<"bottom" | "left" | "right">;
default: string;
};
format: {
type: StringConstructor;
required: true;
};
dayStartOfWeek: {
type: import("vue").PropType<import("./interface").WeekStart>;
default: number;
};
disabledDate: {
type: import("vue").PropType<import("./interface").RangeDisabledDate>;
};
disabledTime: {
type: import("vue").PropType<import("./interface").RangeDisabledTime>;
};
timePickerProps: {
type: import("vue").PropType<Partial<import("../time-picker/interface").TimePickerProps> | undefined>;
};
extra: {
type: import("vue").PropType<import("../_components/render-function").RenderFunc>;
};
dateRender: {
type: import("vue").PropType<import("../_components/render-function").RenderFunc>;
};
hideTrigger: {
type: BooleanConstructor;
};
startHeaderProps: {
type: import("vue").PropType<import("./interface").StartHeaderProps>;
default: () => {};
};
endHeaderProps: {
type: import("vue").PropType<Record<string, any>>;
default: () => {};
};
confirmBtnDisabled: {
type: BooleanConstructor;
};
disabled: {
type: import("vue").PropType<boolean[]>;
default: () => boolean[];
};
visible: {
type: BooleanConstructor;
};
startHeaderMode: {
type: import("vue").PropType<"month" | "year">;
};
endHeaderMode: {
type: import("vue").PropType<"month" | "year">;
};
abbreviation: {
type: BooleanConstructor;
};
}>> & Readonly<{
"onCell-click"?: ((...args: any[]) => any) | undefined;
"onCell-mouse-enter"?: ((...args: any[]) => any) | undefined;
onConfirm?: ((...args: any[]) => any) | undefined;
"onTime-picker-select"?: ((...args: any[]) => any) | undefined;
"onShortcut-click"?: ((...args: any[]) => any) | undefined;
"onShortcut-mouse-enter"?: ((...args: any[]) => any) | undefined;
"onShortcut-mouse-leave"?: ((...args: any[]) => any) | undefined;
"onStart-header-label-click"?: ((...args: any[]) => any) | undefined;
"onEnd-header-label-click"?: ((...args: any[]) => any) | undefined;
"onStart-header-select"?: ((...args: any[]) => any) | undefined;
"onEnd-header-select"?: ((...args: any[]) => any) | undefined;
}>, {
disabled: boolean[];
value: (import("dayjs").Dayjs | undefined)[];
mode: import("./interface").Mode;
visible: boolean;
hideTrigger: boolean;
dayStartOfWeek: import("./interface").WeekStart;
showTime: boolean;
shortcuts: import("./interface").ShortcutType[];
showConfirmBtn: boolean;
confirmBtnDisabled: boolean;
abbreviation: boolean;
shortcutsPosition: "bottom" | "left" | "right";
startHeaderProps: import("./interface").StartHeaderProps;
endHeaderProps: Record<string, any>;
}, {}, {
PanelShortcuts: import("vue").DefineComponent<{
prefixCls: string;
shortcuts: import("./interface").ShortcutType[];
}, {
datePickerT: (key: string, ...args: any[]) => any;
onItemClick: (item: import("./interface").ShortcutType) => void;
onItemMouseEnter: (item: import("./interface").ShortcutType) => void;
onItemMouseLeave: (item: import("./interface").ShortcutType) => void;
onNowClick: () => void;
isFunction: typeof import("../_utils/is").isFunction;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("item-click" | "item-mouse-enter" | "item-mouse-leave" | "now-click")[], "item-click" | "item-mouse-enter" | "item-mouse-leave" | "now-click", import("vue").PublicProps, Readonly<{
prefixCls: string;
shortcuts: import("./interface").ShortcutType[];
}> & Readonly<{
"onItem-click"?: ((...args: any[]) => any) | undefined;
"onItem-mouse-enter"?: ((...args: any[]) => any) | undefined;
"onItem-mouse-leave"?: ((...args: any[]) => any) | undefined;
"onNow-click"?: ((...args: any[]) => any) | undefined;
}>, {
showNowBtn: boolean;
shortcuts: import("./interface").ShortcutType[];
}, {}, {
Button: {
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
type: {
type: import("vue").PropType<"text" | "dashed" | "outline" | "primary" | "secondary">;
};
shape: {
type: import("vue").PropType<"circle" | "round" | "square">;
};
status: {
type: import("vue").PropType<"normal" | "success" | "warning" | "danger">;
};
size: {
type: import("vue").PropType<"mini" | "small" | "medium" | "large">;
};
long: {
type: BooleanConstructor;
default: boolean;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
};
htmlType: {
type: import("vue").PropType<string>;
default: string;
};
autofocus: {
type: BooleanConstructor;
default: boolean;
};
href: StringConstructor;
}>> & Readonly<{
onClick?: ((ev: MouseEvent) => any) | undefined;
}>, {
prefixCls: string;
cls: import("vue").ComputedRef<(string | {
[x: string]: boolean;
})[]>;
mergedDisabled: import("vue").ComputedRef<boolean>;
handleClick: (ev: MouseEvent) => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
click: (ev: MouseEvent) => true;
}, import("vue").PublicProps, {
disabled: boolean;
autofocus: boolean;
loading: boolean;
long: boolean;
htmlType: string;
}, true, {}, {}, {
IconLoading: any;
} & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import("vue").ExtractPropTypes<{
type: {
type: import("vue").PropType<"text" | "dashed" | "outline" | "primary" | "secondary">;
};
shape: {
type: import("vue").PropType<"circle" | "round" | "square">;
};
status: {
type: import("vue").PropType<"normal" | "success" | "warning" | "danger">;
};
size: {
type: import("vue").PropType<"mini" | "small" | "medium" | "large">;
};
long: {
type: BooleanConstructor;
default: boolean;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
};
htmlType: {
type: import("vue").PropType<string>;
default: string;
};
autofocus: {
type: BooleanConstructor;
default: boolean;
};
href: StringConstructor;
}>> & Readonly<{
onClick?: ((ev: MouseEvent) => any) | undefined;
}>, {
prefixCls: string;
cls: import("vue").ComputedRef<(string | {
[x: string]: boolean;
})[]>;
mergedDisabled: import("vue").ComputedRef<boolean>;
handleClick: (ev: MouseEvent) => void;
}, {}, {}, {}, {
disabled: boolean;
autofocus: boolean;
loading: boolean;
long: boolean;
htmlType: string;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
type: {
type: import("vue").PropType<"text" | "dashed" | "outline" | "primary" | "secondary">;
};
shape: {
type: import("vue").PropType<"circle" | "round" | "square">;
};
status: {
type: import("vue").PropType<"normal" | "success" | "warning" | "danger">;
};
size: {
type: import("vue").PropType<"mini" | "small" | "medium" | "large">;