xdesign-vue-next
Version:
XDesign Component for vue-next
1,074 lines • 86.4 kB
TypeScript
import { TdDatePickerProps, TdDateRangePickerProps, TdDatePickerPanelProps, TdDateRangePickerPanelProps } from './type';
import './style';
export * from './type';
export declare type DatePickerProps = TdDatePickerProps;
export interface DatePickerPanelProps extends TdDatePickerPanelProps, Pick<TdDatePickerProps, 'modelValue'> {
}
export declare type DateRangePickerProps = TdDateRangePickerProps;
export interface DateRangePickerPanelProps extends TdDateRangePickerPanelProps, Pick<TdDateRangePickerProps, 'modelValue'> {
}
export declare const DatePicker: {
new (...args: any[]): {
$: import("vue").ComponentInternalInstance;
$data: {};
$props: {
value?: import("./type").DateValue;
disabled?: boolean;
size?: import("..").SizeEnum;
status?: "error" | "default" | "success" | "warning";
mode?: "month" | "year" | "quarter" | "week" | "date";
placeholder?: string;
format?: string;
modelValue?: import("./type").DateValue;
defaultValue?: import("./type").DateValue;
clearable?: boolean;
allowInput?: boolean;
valueType?: import("./type").DatePickerValueType;
enableTimePicker?: boolean;
presetsPlacement?: "left" | "top" | "bottom" | "right";
defaultTime?: string;
key?: string | number | symbol;
style?: unknown;
readonly onFocus?: (context: {
value: import("./type").DateValue;
e: FocusEvent;
}) => void;
readonly onBlur?: (context: {
value: import("./type").DateValue;
e: FocusEvent;
}) => void;
readonly onChange?: (value: import("./type").DateValue, context: {
dayjsValue?: import("dayjs").Dayjs;
trigger?: import("./type").DatePickerTriggerSource;
}) => void;
class?: unknown;
ref?: import("vue").VNodeRef;
ref_for?: boolean;
ref_key?: string;
onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void)[];
onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void)[];
onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void)[];
onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void)[];
onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void)[];
onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void)[];
readonly prefixIcon?: (h: typeof import("vue").h) => import("..").SlotReturnValue;
readonly suffixIcon?: (h: typeof import("vue").h) => import("..").SlotReturnValue;
readonly tips?: string | ((h: typeof import("vue").h) => import("..").SlotReturnValue);
readonly inputProps?: unknown;
readonly popupProps?: unknown;
readonly firstDayOfWeek?: number;
readonly presets?: import("./type").PresetDate;
readonly onPick?: (value: import("./type").DateValue) => void;
readonly disableDate?: unknown;
readonly timePickerProps?: unknown;
readonly onConfirm?: (context: {
date: Date;
e: MouseEvent;
}) => void;
readonly onPresetClick?: (context: {
preset: import("./type").PresetDate;
e: MouseEvent;
}) => void;
};
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import("vue").Slot<any>;
}>;
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
$emit: (event: string, ...args: any[]) => void;
$el: any;
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
allowInput: BooleanConstructor;
clearable: BooleanConstructor;
defaultTime: {
type: StringConstructor;
default: string;
};
disableDate: {
type: import("vue").PropType<import("./type").DisableDate>;
};
disabled: BooleanConstructor;
enableTimePicker: BooleanConstructor;
firstDayOfWeek: {
type: NumberConstructor;
validator(val: number): boolean;
};
format: {
type: StringConstructor;
default: any;
};
inputProps: {
type: import("vue").PropType<import("..").TdInputProps>;
};
mode: {
type: import("vue").PropType<"month" | "year" | "quarter" | "week" | "date">;
default: "month" | "year" | "quarter" | "week" | "date";
validator(val: "month" | "year" | "quarter" | "week" | "date"): boolean;
};
placeholder: {
type: import("vue").PropType<string>;
default: string;
};
popupProps: {
type: import("vue").PropType<import("..").TdPopupProps>;
};
prefixIcon: {
type: import("vue").PropType<(h: typeof import("vue").h) => import("..").SlotReturnValue>;
};
presets: {
type: import("vue").PropType<import("./type").PresetDate>;
};
presetsPlacement: {
type: import("vue").PropType<"left" | "top" | "bottom" | "right">;
default: "left" | "top" | "bottom" | "right";
validator(val: "left" | "top" | "bottom" | "right"): boolean;
};
size: {
type: import("vue").PropType<import("..").SizeEnum>;
default: import("..").SizeEnum;
validator(val: import("..").SizeEnum): boolean;
};
status: {
type: import("vue").PropType<"error" | "default" | "success" | "warning">;
default: "error" | "default" | "success" | "warning";
validator(val: "error" | "default" | "success" | "warning"): boolean;
};
suffixIcon: {
type: import("vue").PropType<(h: typeof import("vue").h) => import("..").SlotReturnValue>;
};
timePickerProps: {
type: import("vue").PropType<import("..").TdTimePickerProps>;
};
tips: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
};
value: {
type: import("vue").PropType<import("./type").DateValue>;
default: import("./type").DateValue;
};
modelValue: {
type: import("vue").PropType<import("./type").DateValue>;
default: import("./type").DateValue;
};
defaultValue: {
type: import("vue").PropType<import("./type").DateValue>;
default: import("./type").DateValue;
};
valueType: {
type: import("vue").PropType<import("./type").DatePickerValueType>;
default: string;
};
onBlur: import("vue").PropType<(context: {
value: import("./type").DateValue;
e: FocusEvent;
}) => void>;
onChange: import("vue").PropType<(value: import("./type").DateValue, context: {
dayjsValue?: import("dayjs").Dayjs;
trigger?: import("./type").DatePickerTriggerSource;
}) => void>;
onConfirm: import("vue").PropType<(context: {
date: Date;
e: MouseEvent;
}) => void>;
onFocus: import("vue").PropType<(context: {
value: import("./type").DateValue;
e: FocusEvent;
}) => void>;
onPick: import("vue").PropType<(value: import("./type").DateValue) => void>;
onPresetClick: import("vue").PropType<(context: {
preset: import("./type").PresetDate;
e: MouseEvent;
}) => void>;
}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
value: import("./type").DateValue;
disabled: boolean;
size: import("..").SizeEnum;
status: "error" | "default" | "success" | "warning";
mode: "month" | "year" | "quarter" | "week" | "date";
placeholder: string;
format: string;
modelValue: import("./type").DateValue;
defaultValue: import("./type").DateValue;
clearable: boolean;
allowInput: boolean;
valueType: import("./type").DatePickerValueType;
enableTimePicker: boolean;
presetsPlacement: "left" | "top" | "bottom" | "right";
defaultTime: string;
}, {}, string, {}> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof import("vue").nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
} & Readonly<import("vue").ExtractPropTypes<{
allowInput: BooleanConstructor;
clearable: BooleanConstructor;
defaultTime: {
type: StringConstructor;
default: string;
};
disableDate: {
type: import("vue").PropType<import("./type").DisableDate>;
};
disabled: BooleanConstructor;
enableTimePicker: BooleanConstructor;
firstDayOfWeek: {
type: NumberConstructor;
validator(val: number): boolean;
};
format: {
type: StringConstructor;
default: any;
};
inputProps: {
type: import("vue").PropType<import("..").TdInputProps>;
};
mode: {
type: import("vue").PropType<"month" | "year" | "quarter" | "week" | "date">;
default: "month" | "year" | "quarter" | "week" | "date";
validator(val: "month" | "year" | "quarter" | "week" | "date"): boolean;
};
placeholder: {
type: import("vue").PropType<string>;
default: string;
};
popupProps: {
type: import("vue").PropType<import("..").TdPopupProps>;
};
prefixIcon: {
type: import("vue").PropType<(h: typeof import("vue").h) => import("..").SlotReturnValue>;
};
presets: {
type: import("vue").PropType<import("./type").PresetDate>;
};
presetsPlacement: {
type: import("vue").PropType<"left" | "top" | "bottom" | "right">;
default: "left" | "top" | "bottom" | "right";
validator(val: "left" | "top" | "bottom" | "right"): boolean;
};
size: {
type: import("vue").PropType<import("..").SizeEnum>;
default: import("..").SizeEnum;
validator(val: import("..").SizeEnum): boolean;
};
status: {
type: import("vue").PropType<"error" | "default" | "success" | "warning">;
default: "error" | "default" | "success" | "warning";
validator(val: "error" | "default" | "success" | "warning"): boolean;
};
suffixIcon: {
type: import("vue").PropType<(h: typeof import("vue").h) => import("..").SlotReturnValue>;
};
timePickerProps: {
type: import("vue").PropType<import("..").TdTimePickerProps>;
};
tips: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
};
value: {
type: import("vue").PropType<import("./type").DateValue>;
default: import("./type").DateValue;
};
modelValue: {
type: import("vue").PropType<import("./type").DateValue>;
default: import("./type").DateValue;
};
defaultValue: {
type: import("vue").PropType<import("./type").DateValue>;
default: import("./type").DateValue;
};
valueType: {
type: import("vue").PropType<import("./type").DatePickerValueType>;
default: string;
};
onBlur: import("vue").PropType<(context: {
value: import("./type").DateValue;
e: FocusEvent;
}) => void>;
onChange: import("vue").PropType<(value: import("./type").DateValue, context: {
dayjsValue?: import("dayjs").Dayjs;
trigger?: import("./type").DatePickerTriggerSource;
}) => void>;
onConfirm: import("vue").PropType<(context: {
date: Date;
e: MouseEvent;
}) => void>;
onFocus: import("vue").PropType<(context: {
value: import("./type").DateValue;
e: FocusEvent;
}) => void>;
onPick: import("vue").PropType<(value: import("./type").DateValue) => void>;
onPresetClick: import("vue").PropType<(context: {
preset: import("./type").PresetDate;
e: MouseEvent;
}) => void>;
}>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
allowInput: BooleanConstructor;
clearable: BooleanConstructor;
defaultTime: {
type: StringConstructor;
default: string;
};
disableDate: {
type: import("vue").PropType<import("./type").DisableDate>;
};
disabled: BooleanConstructor;
enableTimePicker: BooleanConstructor;
firstDayOfWeek: {
type: NumberConstructor;
validator(val: number): boolean;
};
format: {
type: StringConstructor;
default: any;
};
inputProps: {
type: import("vue").PropType<import("..").TdInputProps>;
};
mode: {
type: import("vue").PropType<"month" | "year" | "quarter" | "week" | "date">;
default: "month" | "year" | "quarter" | "week" | "date";
validator(val: "month" | "year" | "quarter" | "week" | "date"): boolean;
};
placeholder: {
type: import("vue").PropType<string>;
default: string;
};
popupProps: {
type: import("vue").PropType<import("..").TdPopupProps>;
};
prefixIcon: {
type: import("vue").PropType<(h: typeof import("vue").h) => import("..").SlotReturnValue>;
};
presets: {
type: import("vue").PropType<import("./type").PresetDate>;
};
presetsPlacement: {
type: import("vue").PropType<"left" | "top" | "bottom" | "right">;
default: "left" | "top" | "bottom" | "right";
validator(val: "left" | "top" | "bottom" | "right"): boolean;
};
size: {
type: import("vue").PropType<import("..").SizeEnum>;
default: import("..").SizeEnum;
validator(val: import("..").SizeEnum): boolean;
};
status: {
type: import("vue").PropType<"error" | "default" | "success" | "warning">;
default: "error" | "default" | "success" | "warning";
validator(val: "error" | "default" | "success" | "warning"): boolean;
};
suffixIcon: {
type: import("vue").PropType<(h: typeof import("vue").h) => import("..").SlotReturnValue>;
};
timePickerProps: {
type: import("vue").PropType<import("..").TdTimePickerProps>;
};
tips: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
};
value: {
type: import("vue").PropType<import("./type").DateValue>;
default: import("./type").DateValue;
};
modelValue: {
type: import("vue").PropType<import("./type").DateValue>;
default: import("./type").DateValue;
};
defaultValue: {
type: import("vue").PropType<import("./type").DateValue>;
default: import("./type").DateValue;
};
valueType: {
type: import("vue").PropType<import("./type").DatePickerValueType>;
default: string;
};
onBlur: import("vue").PropType<(context: {
value: import("./type").DateValue;
e: FocusEvent;
}) => void>;
onChange: import("vue").PropType<(value: import("./type").DateValue, context: {
dayjsValue?: import("dayjs").Dayjs;
trigger?: import("./type").DatePickerTriggerSource;
}) => void>;
onConfirm: import("vue").PropType<(context: {
date: Date;
e: MouseEvent;
}) => void>;
onFocus: import("vue").PropType<(context: {
value: import("./type").DateValue;
e: FocusEvent;
}) => void>;
onPick: import("vue").PropType<(value: import("./type").DateValue) => void>;
onPresetClick: import("vue").PropType<(context: {
preset: import("./type").PresetDate;
e: MouseEvent;
}) => void>;
}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
value: import("./type").DateValue;
disabled: boolean;
size: import("..").SizeEnum;
status: "error" | "default" | "success" | "warning";
mode: "month" | "year" | "quarter" | "week" | "date";
placeholder: string;
format: string;
modelValue: import("./type").DateValue;
defaultValue: import("./type").DateValue;
clearable: boolean;
allowInput: boolean;
valueType: import("./type").DatePickerValueType;
enableTimePicker: boolean;
presetsPlacement: "left" | "top" | "bottom" | "right";
defaultTime: string;
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
export declare const DatePickerPanel: {
new (...args: any[]): {
$: import("vue").ComponentInternalInstance;
$data: {};
$props: {
value?: import("./type").DateValue;
disabled?: boolean;
mode?: "month" | "year" | "quarter" | "week" | "date";
format?: string;
modelValue?: import("./type").DateValue;
defaultValue?: import("./type").DateValue;
enableTimePicker?: boolean;
presetsPlacement?: "left" | "top" | "bottom" | "right";
defaultTime?: string;
key?: string | number | symbol;
style?: unknown;
readonly onChange?: (value: import("./type").DateValue, context: {
dayjsValue?: import("dayjs").Dayjs;
e?: MouseEvent;
trigger?: import("./type").DatePickerTriggerSource;
}) => void;
class?: unknown;
ref?: import("vue").VNodeRef;
ref_for?: boolean;
ref_key?: string;
onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void)[];
onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void)[];
onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void)[];
onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void)[];
onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void)[];
onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void)[];
readonly firstDayOfWeek?: number;
readonly onCellClick?: (context: {
date: Date;
e: MouseEvent;
}) => void;
readonly onMonthChange?: (context: {
month: number;
date: Date;
e?: MouseEvent;
trigger: import("./type").DatePickerMonthChangeTrigger;
}) => void;
readonly presets?: import("./type").PresetDate;
readonly disableDate?: unknown;
readonly timePickerProps?: unknown;
readonly onConfirm?: (context: {
date: Date;
e: MouseEvent;
}) => void;
readonly onPanelClick?: (context: {
e: MouseEvent;
}) => void;
readonly onPresetClick?: (context: {
preset: import("./type").PresetDate;
e: MouseEvent;
}) => void;
readonly onTimeChange?: (context: {
time: string;
date: Date;
trigger: import("./type").DatePickerTimeChangeTrigger;
e?: MouseEvent;
}) => void;
readonly onYearChange?: (context: {
year: number;
date: Date;
trigger: import("./type").DatePickerYearChangeTrigger;
e?: MouseEvent;
}) => void;
};
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import("vue").Slot<any>;
}>;
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
$emit: (event: string, ...args: any[]) => void;
$el: any;
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
defaultTime: {
type: StringConstructor;
default: string;
};
onCellClick: import("vue").PropType<(context: {
date: Date;
e: MouseEvent;
}) => void>;
onChange: import("vue").PropType<(value: import("./type").DateValue, context: {
dayjsValue?: import("dayjs").Dayjs;
e?: MouseEvent;
trigger?: import("./type").DatePickerTriggerSource;
}) => void>;
onConfirm: import("vue").PropType<(context: {
date: Date;
e: MouseEvent;
}) => void>;
onMonthChange: import("vue").PropType<(context: {
month: number;
date: Date;
e?: MouseEvent;
trigger: import("./type").DatePickerMonthChangeTrigger;
}) => void>;
onPanelClick: import("vue").PropType<(context: {
e: MouseEvent;
}) => void>;
onPresetClick: import("vue").PropType<(context: {
preset: import("./type").PresetDate;
e: MouseEvent;
}) => void>;
onTimeChange: import("vue").PropType<(context: {
time: string;
date: Date;
trigger: import("./type").DatePickerTimeChangeTrigger;
e?: MouseEvent;
}) => void>;
onYearChange: import("vue").PropType<(context: {
year: number;
date: Date;
trigger: import("./type").DatePickerYearChangeTrigger;
e?: MouseEvent;
}) => void>;
value: {
type: import("vue").PropType<import("./type").DateValue>;
default: import("./type").DateValue;
};
defaultValue: {
type: import("vue").PropType<import("./type").DateValue>;
default: import("./type").DateValue;
};
modelValue: {
type: import("vue").PropType<import("./type").DateValue>;
default: import("./type").DateValue;
};
disabled: BooleanConstructor;
disableDate: {
type: import("vue").PropType<import("./type").DisableDate>;
};
enableTimePicker: BooleanConstructor;
firstDayOfWeek: {
type: NumberConstructor;
validator(val: number): boolean;
};
format: {
type: StringConstructor;
default: any;
};
mode: {
type: import("vue").PropType<"month" | "year" | "quarter" | "week" | "date">;
default: "month" | "year" | "quarter" | "week" | "date";
validator(val: "month" | "year" | "quarter" | "week" | "date"): boolean;
};
presets: {
type: import("vue").PropType<import("./type").PresetDate>;
};
presetsPlacement: {
type: import("vue").PropType<"left" | "top" | "bottom" | "right">;
default: "left" | "top" | "bottom" | "right";
validator(val: "left" | "top" | "bottom" | "right"): boolean;
};
timePickerProps: {
type: import("vue").PropType<import("..").TdTimePickerProps>;
};
}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
value: import("./type").DateValue;
disabled: boolean;
mode: "month" | "year" | "quarter" | "week" | "date";
format: string;
modelValue: import("./type").DateValue;
defaultValue: import("./type").DateValue;
enableTimePicker: boolean;
presetsPlacement: "left" | "top" | "bottom" | "right";
defaultTime: string;
}, {}, string, {}> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof import("vue").nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
} & Readonly<import("vue").ExtractPropTypes<{
defaultTime: {
type: StringConstructor;
default: string;
};
onCellClick: import("vue").PropType<(context: {
date: Date;
e: MouseEvent;
}) => void>;
onChange: import("vue").PropType<(value: import("./type").DateValue, context: {
dayjsValue?: import("dayjs").Dayjs;
e?: MouseEvent;
trigger?: import("./type").DatePickerTriggerSource;
}) => void>;
onConfirm: import("vue").PropType<(context: {
date: Date;
e: MouseEvent;
}) => void>;
onMonthChange: import("vue").PropType<(context: {
month: number;
date: Date;
e?: MouseEvent;
trigger: import("./type").DatePickerMonthChangeTrigger;
}) => void>;
onPanelClick: import("vue").PropType<(context: {
e: MouseEvent;
}) => void>;
onPresetClick: import("vue").PropType<(context: {
preset: import("./type").PresetDate;
e: MouseEvent;
}) => void>;
onTimeChange: import("vue").PropType<(context: {
time: string;
date: Date;
trigger: import("./type").DatePickerTimeChangeTrigger;
e?: MouseEvent;
}) => void>;
onYearChange: import("vue").PropType<(context: {
year: number;
date: Date;
trigger: import("./type").DatePickerYearChangeTrigger;
e?: MouseEvent;
}) => void>;
value: {
type: import("vue").PropType<import("./type").DateValue>;
default: import("./type").DateValue;
};
defaultValue: {
type: import("vue").PropType<import("./type").DateValue>;
default: import("./type").DateValue;
};
modelValue: {
type: import("vue").PropType<import("./type").DateValue>;
default: import("./type").DateValue;
};
disabled: BooleanConstructor;
disableDate: {
type: import("vue").PropType<import("./type").DisableDate>;
};
enableTimePicker: BooleanConstructor;
firstDayOfWeek: {
type: NumberConstructor;
validator(val: number): boolean;
};
format: {
type: StringConstructor;
default: any;
};
mode: {
type: import("vue").PropType<"month" | "year" | "quarter" | "week" | "date">;
default: "month" | "year" | "quarter" | "week" | "date";
validator(val: "month" | "year" | "quarter" | "week" | "date"): boolean;
};
presets: {
type: import("vue").PropType<import("./type").PresetDate>;
};
presetsPlacement: {
type: import("vue").PropType<"left" | "top" | "bottom" | "right">;
default: "left" | "top" | "bottom" | "right";
validator(val: "left" | "top" | "bottom" | "right"): boolean;
};
timePickerProps: {
type: import("vue").PropType<import("..").TdTimePickerProps>;
};
}>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
defaultTime: {
type: StringConstructor;
default: string;
};
onCellClick: import("vue").PropType<(context: {
date: Date;
e: MouseEvent;
}) => void>;
onChange: import("vue").PropType<(value: import("./type").DateValue, context: {
dayjsValue?: import("dayjs").Dayjs;
e?: MouseEvent;
trigger?: import("./type").DatePickerTriggerSource;
}) => void>;
onConfirm: import("vue").PropType<(context: {
date: Date;
e: MouseEvent;
}) => void>;
onMonthChange: import("vue").PropType<(context: {
month: number;
date: Date;
e?: MouseEvent;
trigger: import("./type").DatePickerMonthChangeTrigger;
}) => void>;
onPanelClick: import("vue").PropType<(context: {
e: MouseEvent;
}) => void>;
onPresetClick: import("vue").PropType<(context: {
preset: import("./type").PresetDate;
e: MouseEvent;
}) => void>;
onTimeChange: import("vue").PropType<(context: {
time: string;
date: Date;
trigger: import("./type").DatePickerTimeChangeTrigger;
e?: MouseEvent;
}) => void>;
onYearChange: import("vue").PropType<(context: {
year: number;
date: Date;
trigger: import("./type").DatePickerYearChangeTrigger;
e?: MouseEvent;
}) => void>;
value: {
type: import("vue").PropType<import("./type").DateValue>;
default: import("./type").DateValue;
};
defaultValue: {
type: import("vue").PropType<import("./type").DateValue>;
default: import("./type").DateValue;
};
modelValue: {
type: import("vue").PropType<import("./type").DateValue>;
default: import("./type").DateValue;
};
disabled: BooleanConstructor;
disableDate: {
type: import("vue").PropType<import("./type").DisableDate>;
};
enableTimePicker: BooleanConstructor;
firstDayOfWeek: {
type: NumberConstructor;
validator(val: number): boolean;
};
format: {
type: StringConstructor;
default: any;
};
mode: {
type: import("vue").PropType<"month" | "year" | "quarter" | "week" | "date">;
default: "month" | "year" | "quarter" | "week" | "date";
validator(val: "month" | "year" | "quarter" | "week" | "date"): boolean;
};
presets: {
type: import("vue").PropType<import("./type").PresetDate>;
};
presetsPlacement: {
type: import("vue").PropType<"left" | "top" | "bottom" | "right">;
default: "left" | "top" | "bottom" | "right";
validator(val: "left" | "top" | "bottom" | "right"): boolean;
};
timePickerProps: {
type: import("vue").PropType<import("..").TdTimePickerProps>;
};
}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
value: import("./type").DateValue;
disabled: boolean;
mode: "month" | "year" | "quarter" | "week" | "date";
format: string;
modelValue: import("./type").DateValue;
defaultValue: import("./type").DateValue;
enableTimePicker: boolean;
presetsPlacement: "left" | "top" | "bottom" | "right";
defaultTime: string;
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
export declare const DateRangePicker: {
new (...args: any[]): {
$: import("vue").ComponentInternalInstance;
$data: {};
$props: {
value?: import("./type").DateRangeValue;
disabled?: boolean;
size?: import("..").SizeEnum;
status?: "error" | "default" | "success" | "warning";
mode?: "month" | "year" | "quarter" | "week" | "date";
separator?: string;
format?: string;
modelValue?: import("./type").DateRangeValue;
defaultValue?: import("./type").DateRangeValue;
clearable?: boolean;
allowInput?: boolean;
enableTimePicker?: boolean;
presetsPlacement?: "left" | "top" | "bottom" | "right";
defaultTime?: string[];
panelPreselection?: boolean;
key?: string | number | symbol;
style?: unknown;
readonly onFocus?: (context: {
value: import("./type").DateRangeValue;
partial: import("./type").DateRangePickerPartial;
e: FocusEvent;
}) => void;
readonly onBlur?: (context: {
value: import("./type").DateRangeValue;
partial: import("./type").DateRangePickerPartial;
e: FocusEvent;
}) => void;
readonly onChange?: (value: import("./type").DateRangeValue, context: {
dayjsValue?: import("dayjs").Dayjs[];
trigger?: import("./type").DatePickerTriggerSource;
}) => void;
readonly onInput?: (context: {
input: string;
value: import("./type").DateRangeValue;
partial: import("./type").DateRangePickerPartial;
e: InputEvent;
}) => void;
class?: unknown;
readonly placeholder?: string | string[];
ref?: import("vue").VNodeRef;
ref_for?: boolean;
ref_key?: string;
onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void)[];
onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void)[];
onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void)[];
onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void)[];
onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void)[];
onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void)[];
readonly prefixIcon?: (h: typeof import("vue").h) => import("..").SlotReturnValue;
readonly suffixIcon?: (h: typeof import("vue").h) => import("..").SlotReturnValue;
readonly tips?: string | ((h: typeof import("vue").h) => import("..").SlotReturnValue);
readonly popupProps?: unknown;
readonly valueType?: "YYYY-MM-DD" | "Date" | "time-stamp" | "YYYY" | "YYYY-MM" | "YYYY-MM-DD HH" | "YYYY-MM-DD HH:mm" | "YYYY-MM-DD HH:mm:ss" | "YYYY-MM-DD HH:mm:ss:SSS";
readonly firstDayOfWeek?: number;
readonly rangeInputProps?: unknown;
readonly presets?: import("./type").PresetRange;
readonly onPick?: (value: import("./type").DateValue, context: import("./type").PickContext) => void;
readonly disableDate?: unknown;
readonly timePickerProps?: unknown;
readonly onConfirm?: (context: {
date: Date[];
e: MouseEvent;
partial: import("./type").DateRangePickerPartial;
}) => void;
readonly onPresetClick?: (context: {
preset: import("./type").PresetDate;
e: MouseEvent;
}) => void;
};
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import("vue").Slot<any>;
}>;
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
$emit: (event: string, ...args: any[]) => void;
$el: any;
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
allowInput: BooleanConstructor;
clearable: BooleanConstructor;
defaultTime: {
type: import("vue").PropType<string[]>;
default: () => string[];
};
disableDate: {
type: import("vue").PropType<import("./type").DisableRangeDate>;
};
disabled: BooleanConstructor;
enableTimePicker: BooleanConstructor;
firstDayOfWeek: {
type: NumberConstructor;
validator(val: number): boolean;
};
format: {
type: StringConstructor;
default: string;
};
mode: {
type: import("vue").PropType<"month" | "year" | "quarter" | "week" | "date">;
default: "month" | "year" | "quarter" | "week" | "date";
validator(val: "month" | "year" | "quarter" | "week" | "date"): boolean;
};
panelPreselection: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: import("vue").PropType<string | string[]>;
};
popupProps: {
type: import("vue").PropType<import("..").TdPopupProps>;
};
prefixIcon: {
type: import("vue").PropType<(h: typeof import("vue").h) => import("..").SlotReturnValue>;
};
presets: {
type: import("vue").PropType<import("./type").PresetRange>;
};
presetsPlacement: {
type: import("vue").PropType<"left" | "top" | "bottom" | "right">;
default: "left" | "top" | "bottom" | "right";
validator(val: "left" | "top" | "bottom" | "right"): boolean;
};
rangeInputProps: {
type: import("vue").PropType<import("..").TdRangeInputProps>;
};
separator: {
type: StringConstructor;
default: string;
};
size: {
type: import("vue").PropType<import("..").SizeEnum>;
default: import("..").SizeEnum;
validator(val: import("..").SizeEnum): boolean;
};
status: {
type: import("vue").PropType<"error" | "default" | "success" | "warning">;
default: "error" | "default" | "success" | "warning";
validator(val: "error" | "default" | "success" | "warning"): boolean;
};
suffixIcon: