tdesign-vue-next
Version:
TDesign Component for vue-next
1,245 lines • 65.9 kB
TypeScript
import { TdDatePickerProps, TdDateRangePickerProps, TdDatePickerPanelProps, TdDateRangePickerPanelProps } from './type';
import './style';
export * from './type';
export type DatePickerProps = TdDatePickerProps;
export interface DatePickerPanelProps extends TdDatePickerPanelProps, Pick<TdDatePickerProps, 'modelValue'> {
}
export type DateRangePickerProps = TdDateRangePickerProps;
export interface DateRangePickerPanelProps extends TdDateRangePickerPanelProps, Pick<TdDateRangePickerProps, 'modelValue'> {
}
export declare const DatePicker: {
new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
allowInput: BooleanConstructor;
borderless: BooleanConstructor;
clearable: BooleanConstructor;
defaultTime: {
type: StringConstructor;
default: string;
};
disableDate: {
type: import("vue").PropType<TdDatePickerProps["disableDate"]>;
};
disabled: {
type: BooleanConstructor;
default: any;
};
enableTimePicker: BooleanConstructor;
firstDayOfWeek: {
type: NumberConstructor;
validator(val: TdDatePickerProps["firstDayOfWeek"]): boolean;
};
format: {
type: StringConstructor;
default: any;
};
inputProps: {
type: import("vue").PropType<TdDatePickerProps["inputProps"]>;
};
label: {
type: import("vue").PropType<TdDatePickerProps["label"]>;
};
mode: {
type: import("vue").PropType<TdDatePickerProps["mode"]>;
default: TdDatePickerProps["mode"];
validator(val: TdDatePickerProps["mode"]): boolean;
};
multiple: BooleanConstructor;
needConfirm: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: import("vue").PropType<TdDatePickerProps["placeholder"]>;
default: TdDatePickerProps["placeholder"];
};
popupProps: {
type: import("vue").PropType<TdDatePickerProps["popupProps"]>;
};
prefixIcon: {
type: import("vue").PropType<TdDatePickerProps["prefixIcon"]>;
};
presets: {
type: import("vue").PropType<TdDatePickerProps["presets"]>;
};
presetsPlacement: {
type: import("vue").PropType<TdDatePickerProps["presetsPlacement"]>;
default: TdDatePickerProps["presetsPlacement"];
validator(val: TdDatePickerProps["presetsPlacement"]): boolean;
};
readonly: {
type: BooleanConstructor;
default: any;
};
selectInputProps: {
type: import("vue").PropType<TdDatePickerProps["selectInputProps"]>;
};
size: {
type: import("vue").PropType<TdDatePickerProps["size"]>;
default: TdDatePickerProps["size"];
validator(val: TdDatePickerProps["size"]): boolean;
};
status: {
type: import("vue").PropType<TdDatePickerProps["status"]>;
default: TdDatePickerProps["status"];
validator(val: TdDatePickerProps["status"]): boolean;
};
suffixIcon: {
type: import("vue").PropType<TdDatePickerProps["suffixIcon"]>;
};
timePickerProps: {
type: import("vue").PropType<TdDatePickerProps["timePickerProps"]>;
};
tips: {
type: import("vue").PropType<TdDatePickerProps["tips"]>;
};
value: {
type: import("vue").PropType<TdDatePickerProps["value"]>;
default: TdDatePickerProps["value"];
};
modelValue: {
type: import("vue").PropType<TdDatePickerProps["value"]>;
default: TdDatePickerProps["value"];
};
defaultValue: {
type: import("vue").PropType<TdDatePickerProps["defaultValue"]>;
default: TdDatePickerProps["defaultValue"];
};
valueDisplay: {
type: import("vue").PropType<TdDatePickerProps["valueDisplay"]>;
};
valueType: {
type: import("vue").PropType<TdDatePickerProps["valueType"]>;
default: TdDatePickerProps["valueType"];
};
onBlur: import("vue").PropType<TdDatePickerProps["onBlur"]>;
onChange: import("vue").PropType<TdDatePickerProps["onChange"]>;
onConfirm: import("vue").PropType<TdDatePickerProps["onConfirm"]>;
onFocus: import("vue").PropType<TdDatePickerProps["onFocus"]>;
onPick: import("vue").PropType<TdDatePickerProps["onPick"]>;
onPresetClick: import("vue").PropType<TdDatePickerProps["onPresetClick"]>;
}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
allowInput: BooleanConstructor;
borderless: BooleanConstructor;
clearable: BooleanConstructor;
defaultTime: {
type: StringConstructor;
default: string;
};
disableDate: {
type: import("vue").PropType<TdDatePickerProps["disableDate"]>;
};
disabled: {
type: BooleanConstructor;
default: any;
};
enableTimePicker: BooleanConstructor;
firstDayOfWeek: {
type: NumberConstructor;
validator(val: TdDatePickerProps["firstDayOfWeek"]): boolean;
};
format: {
type: StringConstructor;
default: any;
};
inputProps: {
type: import("vue").PropType<TdDatePickerProps["inputProps"]>;
};
label: {
type: import("vue").PropType<TdDatePickerProps["label"]>;
};
mode: {
type: import("vue").PropType<TdDatePickerProps["mode"]>;
default: TdDatePickerProps["mode"];
validator(val: TdDatePickerProps["mode"]): boolean;
};
multiple: BooleanConstructor;
needConfirm: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: import("vue").PropType<TdDatePickerProps["placeholder"]>;
default: TdDatePickerProps["placeholder"];
};
popupProps: {
type: import("vue").PropType<TdDatePickerProps["popupProps"]>;
};
prefixIcon: {
type: import("vue").PropType<TdDatePickerProps["prefixIcon"]>;
};
presets: {
type: import("vue").PropType<TdDatePickerProps["presets"]>;
};
presetsPlacement: {
type: import("vue").PropType<TdDatePickerProps["presetsPlacement"]>;
default: TdDatePickerProps["presetsPlacement"];
validator(val: TdDatePickerProps["presetsPlacement"]): boolean;
};
readonly: {
type: BooleanConstructor;
default: any;
};
selectInputProps: {
type: import("vue").PropType<TdDatePickerProps["selectInputProps"]>;
};
size: {
type: import("vue").PropType<TdDatePickerProps["size"]>;
default: TdDatePickerProps["size"];
validator(val: TdDatePickerProps["size"]): boolean;
};
status: {
type: import("vue").PropType<TdDatePickerProps["status"]>;
default: TdDatePickerProps["status"];
validator(val: TdDatePickerProps["status"]): boolean;
};
suffixIcon: {
type: import("vue").PropType<TdDatePickerProps["suffixIcon"]>;
};
timePickerProps: {
type: import("vue").PropType<TdDatePickerProps["timePickerProps"]>;
};
tips: {
type: import("vue").PropType<TdDatePickerProps["tips"]>;
};
value: {
type: import("vue").PropType<TdDatePickerProps["value"]>;
default: TdDatePickerProps["value"];
};
modelValue: {
type: import("vue").PropType<TdDatePickerProps["value"]>;
default: TdDatePickerProps["value"];
};
defaultValue: {
type: import("vue").PropType<TdDatePickerProps["defaultValue"]>;
default: TdDatePickerProps["defaultValue"];
};
valueDisplay: {
type: import("vue").PropType<TdDatePickerProps["valueDisplay"]>;
};
valueType: {
type: import("vue").PropType<TdDatePickerProps["valueType"]>;
default: TdDatePickerProps["valueType"];
};
onBlur: import("vue").PropType<TdDatePickerProps["onBlur"]>;
onChange: import("vue").PropType<TdDatePickerProps["onChange"]>;
onConfirm: import("vue").PropType<TdDatePickerProps["onConfirm"]>;
onFocus: import("vue").PropType<TdDatePickerProps["onFocus"]>;
onPick: import("vue").PropType<TdDatePickerProps["onPick"]>;
onPresetClick: import("vue").PropType<TdDatePickerProps["onPresetClick"]>;
}>>, {
disabled: boolean;
value: import("./type").DateValue | import("./type").DateMultipleValue;
format: string;
mode: "date" | "month" | "year" | "quarter" | "week";
valueType: import("./type").DatePickerValueType;
enableTimePicker: boolean;
multiple: boolean;
size: import("..").SizeEnum;
status: "error" | "default" | "success" | "warning";
defaultValue: import("./type").DateValue | import("./type").DateMultipleValue;
placeholder: string;
modelValue: import("./type").DateValue | import("./type").DateMultipleValue;
readonly: boolean;
borderless: boolean;
clearable: boolean;
allowInput: boolean;
presetsPlacement: "left" | "right" | "top" | "bottom";
needConfirm: boolean;
defaultTime: string;
}, true, {}, {}, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import("vue").ExtractPropTypes<{
allowInput: BooleanConstructor;
borderless: BooleanConstructor;
clearable: BooleanConstructor;
defaultTime: {
type: StringConstructor;
default: string;
};
disableDate: {
type: import("vue").PropType<TdDatePickerProps["disableDate"]>;
};
disabled: {
type: BooleanConstructor;
default: any;
};
enableTimePicker: BooleanConstructor;
firstDayOfWeek: {
type: NumberConstructor;
validator(val: TdDatePickerProps["firstDayOfWeek"]): boolean;
};
format: {
type: StringConstructor;
default: any;
};
inputProps: {
type: import("vue").PropType<TdDatePickerProps["inputProps"]>;
};
label: {
type: import("vue").PropType<TdDatePickerProps["label"]>;
};
mode: {
type: import("vue").PropType<TdDatePickerProps["mode"]>;
default: TdDatePickerProps["mode"];
validator(val: TdDatePickerProps["mode"]): boolean;
};
multiple: BooleanConstructor;
needConfirm: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: import("vue").PropType<TdDatePickerProps["placeholder"]>;
default: TdDatePickerProps["placeholder"];
};
popupProps: {
type: import("vue").PropType<TdDatePickerProps["popupProps"]>;
};
prefixIcon: {
type: import("vue").PropType<TdDatePickerProps["prefixIcon"]>;
};
presets: {
type: import("vue").PropType<TdDatePickerProps["presets"]>;
};
presetsPlacement: {
type: import("vue").PropType<TdDatePickerProps["presetsPlacement"]>;
default: TdDatePickerProps["presetsPlacement"];
validator(val: TdDatePickerProps["presetsPlacement"]): boolean;
};
readonly: {
type: BooleanConstructor;
default: any;
};
selectInputProps: {
type: import("vue").PropType<TdDatePickerProps["selectInputProps"]>;
};
size: {
type: import("vue").PropType<TdDatePickerProps["size"]>;
default: TdDatePickerProps["size"];
validator(val: TdDatePickerProps["size"]): boolean;
};
status: {
type: import("vue").PropType<TdDatePickerProps["status"]>;
default: TdDatePickerProps["status"];
validator(val: TdDatePickerProps["status"]): boolean;
};
suffixIcon: {
type: import("vue").PropType<TdDatePickerProps["suffixIcon"]>;
};
timePickerProps: {
type: import("vue").PropType<TdDatePickerProps["timePickerProps"]>;
};
tips: {
type: import("vue").PropType<TdDatePickerProps["tips"]>;
};
value: {
type: import("vue").PropType<TdDatePickerProps["value"]>;
default: TdDatePickerProps["value"];
};
modelValue: {
type: import("vue").PropType<TdDatePickerProps["value"]>;
default: TdDatePickerProps["value"];
};
defaultValue: {
type: import("vue").PropType<TdDatePickerProps["defaultValue"]>;
default: TdDatePickerProps["defaultValue"];
};
valueDisplay: {
type: import("vue").PropType<TdDatePickerProps["valueDisplay"]>;
};
valueType: {
type: import("vue").PropType<TdDatePickerProps["valueType"]>;
default: TdDatePickerProps["valueType"];
};
onBlur: import("vue").PropType<TdDatePickerProps["onBlur"]>;
onChange: import("vue").PropType<TdDatePickerProps["onChange"]>;
onConfirm: import("vue").PropType<TdDatePickerProps["onConfirm"]>;
onFocus: import("vue").PropType<TdDatePickerProps["onFocus"]>;
onPick: import("vue").PropType<TdDatePickerProps["onPick"]>;
onPresetClick: import("vue").PropType<TdDatePickerProps["onPresetClick"]>;
}>>, () => JSX.Element, {}, {}, {}, {
disabled: boolean;
value: import("./type").DateValue | import("./type").DateMultipleValue;
format: string;
mode: "date" | "month" | "year" | "quarter" | "week";
valueType: import("./type").DatePickerValueType;
enableTimePicker: boolean;
multiple: boolean;
size: import("..").SizeEnum;
status: "error" | "default" | "success" | "warning";
defaultValue: import("./type").DateValue | import("./type").DateMultipleValue;
placeholder: string;
modelValue: import("./type").DateValue | import("./type").DateMultipleValue;
readonly: boolean;
borderless: boolean;
clearable: boolean;
allowInput: boolean;
presetsPlacement: "left" | "right" | "top" | "bottom";
needConfirm: boolean;
defaultTime: string;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
allowInput: BooleanConstructor;
borderless: BooleanConstructor;
clearable: BooleanConstructor;
defaultTime: {
type: StringConstructor;
default: string;
};
disableDate: {
type: import("vue").PropType<TdDatePickerProps["disableDate"]>;
};
disabled: {
type: BooleanConstructor;
default: any;
};
enableTimePicker: BooleanConstructor;
firstDayOfWeek: {
type: NumberConstructor;
validator(val: TdDatePickerProps["firstDayOfWeek"]): boolean;
};
format: {
type: StringConstructor;
default: any;
};
inputProps: {
type: import("vue").PropType<TdDatePickerProps["inputProps"]>;
};
label: {
type: import("vue").PropType<TdDatePickerProps["label"]>;
};
mode: {
type: import("vue").PropType<TdDatePickerProps["mode"]>;
default: TdDatePickerProps["mode"];
validator(val: TdDatePickerProps["mode"]): boolean;
};
multiple: BooleanConstructor;
needConfirm: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: import("vue").PropType<TdDatePickerProps["placeholder"]>;
default: TdDatePickerProps["placeholder"];
};
popupProps: {
type: import("vue").PropType<TdDatePickerProps["popupProps"]>;
};
prefixIcon: {
type: import("vue").PropType<TdDatePickerProps["prefixIcon"]>;
};
presets: {
type: import("vue").PropType<TdDatePickerProps["presets"]>;
};
presetsPlacement: {
type: import("vue").PropType<TdDatePickerProps["presetsPlacement"]>;
default: TdDatePickerProps["presetsPlacement"];
validator(val: TdDatePickerProps["presetsPlacement"]): boolean;
};
readonly: {
type: BooleanConstructor;
default: any;
};
selectInputProps: {
type: import("vue").PropType<TdDatePickerProps["selectInputProps"]>;
};
size: {
type: import("vue").PropType<TdDatePickerProps["size"]>;
default: TdDatePickerProps["size"];
validator(val: TdDatePickerProps["size"]): boolean;
};
status: {
type: import("vue").PropType<TdDatePickerProps["status"]>;
default: TdDatePickerProps["status"];
validator(val: TdDatePickerProps["status"]): boolean;
};
suffixIcon: {
type: import("vue").PropType<TdDatePickerProps["suffixIcon"]>;
};
timePickerProps: {
type: import("vue").PropType<TdDatePickerProps["timePickerProps"]>;
};
tips: {
type: import("vue").PropType<TdDatePickerProps["tips"]>;
};
value: {
type: import("vue").PropType<TdDatePickerProps["value"]>;
default: TdDatePickerProps["value"];
};
modelValue: {
type: import("vue").PropType<TdDatePickerProps["value"]>;
default: TdDatePickerProps["value"];
};
defaultValue: {
type: import("vue").PropType<TdDatePickerProps["defaultValue"]>;
default: TdDatePickerProps["defaultValue"];
};
valueDisplay: {
type: import("vue").PropType<TdDatePickerProps["valueDisplay"]>;
};
valueType: {
type: import("vue").PropType<TdDatePickerProps["valueType"]>;
default: TdDatePickerProps["valueType"];
};
onBlur: import("vue").PropType<TdDatePickerProps["onBlur"]>;
onChange: import("vue").PropType<TdDatePickerProps["onChange"]>;
onConfirm: import("vue").PropType<TdDatePickerProps["onConfirm"]>;
onFocus: import("vue").PropType<TdDatePickerProps["onFocus"]>;
onPick: import("vue").PropType<TdDatePickerProps["onPick"]>;
onPresetClick: import("vue").PropType<TdDatePickerProps["onPresetClick"]>;
}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
disabled: boolean;
value: import("./type").DateValue | import("./type").DateMultipleValue;
format: string;
mode: "date" | "month" | "year" | "quarter" | "week";
valueType: import("./type").DatePickerValueType;
enableTimePicker: boolean;
multiple: boolean;
size: import("..").SizeEnum;
status: "error" | "default" | "success" | "warning";
defaultValue: import("./type").DateValue | import("./type").DateMultipleValue;
placeholder: string;
modelValue: import("./type").DateValue | import("./type").DateMultipleValue;
readonly: boolean;
borderless: boolean;
clearable: boolean;
allowInput: boolean;
presetsPlacement: "left" | "right" | "top" | "bottom";
needConfirm: boolean;
defaultTime: string;
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
export declare const DatePickerPanel: {
new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
defaultTime: {
type: StringConstructor;
default: string;
};
onCellClick: import("vue").PropType<TdDatePickerPanelProps["onCellClick"]>;
onChange: import("vue").PropType<TdDatePickerPanelProps["onChange"]>;
onConfirm: import("vue").PropType<TdDatePickerPanelProps["onConfirm"]>;
onMonthChange: import("vue").PropType<TdDatePickerPanelProps["onMonthChange"]>;
onPanelClick: import("vue").PropType<TdDatePickerPanelProps["onPanelClick"]>;
onPresetClick: import("vue").PropType<TdDatePickerPanelProps["onPresetClick"]>;
onTimeChange: import("vue").PropType<TdDatePickerPanelProps["onTimeChange"]>;
onYearChange: import("vue").PropType<TdDatePickerPanelProps["onYearChange"]>;
value: {
type: import("vue").PropType<TdDatePickerProps["value"]>;
default: TdDatePickerProps["value"];
};
defaultValue: {
type: import("vue").PropType<TdDatePickerProps["defaultValue"]>;
default: TdDatePickerProps["defaultValue"];
};
modelValue: {
type: import("vue").PropType<TdDatePickerProps["value"]>;
default: TdDatePickerProps["value"];
};
disabled: {
type: BooleanConstructor;
default: any;
};
disableDate: {
type: import("vue").PropType<TdDatePickerProps["disableDate"]>;
};
enableTimePicker: BooleanConstructor;
firstDayOfWeek: {
type: NumberConstructor;
validator(val: TdDatePickerProps["firstDayOfWeek"]): boolean;
};
format: {
type: StringConstructor;
default: any;
};
mode: {
type: import("vue").PropType<TdDatePickerProps["mode"]>;
default: TdDatePickerProps["mode"];
validator(val: TdDatePickerProps["mode"]): boolean;
};
presets: {
type: import("vue").PropType<TdDatePickerProps["presets"]>;
};
presetsPlacement: {
type: import("vue").PropType<TdDatePickerProps["presetsPlacement"]>;
default: TdDatePickerProps["presetsPlacement"];
validator(val: TdDatePickerProps["presetsPlacement"]): boolean;
};
timePickerProps: {
type: import("vue").PropType<TdDatePickerProps["timePickerProps"]>;
};
}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
defaultTime: {
type: StringConstructor;
default: string;
};
onCellClick: import("vue").PropType<TdDatePickerPanelProps["onCellClick"]>;
onChange: import("vue").PropType<TdDatePickerPanelProps["onChange"]>;
onConfirm: import("vue").PropType<TdDatePickerPanelProps["onConfirm"]>;
onMonthChange: import("vue").PropType<TdDatePickerPanelProps["onMonthChange"]>;
onPanelClick: import("vue").PropType<TdDatePickerPanelProps["onPanelClick"]>;
onPresetClick: import("vue").PropType<TdDatePickerPanelProps["onPresetClick"]>;
onTimeChange: import("vue").PropType<TdDatePickerPanelProps["onTimeChange"]>;
onYearChange: import("vue").PropType<TdDatePickerPanelProps["onYearChange"]>;
value: {
type: import("vue").PropType<TdDatePickerProps["value"]>;
default: TdDatePickerProps["value"];
};
defaultValue: {
type: import("vue").PropType<TdDatePickerProps["defaultValue"]>;
default: TdDatePickerProps["defaultValue"];
};
modelValue: {
type: import("vue").PropType<TdDatePickerProps["value"]>;
default: TdDatePickerProps["value"];
};
disabled: {
type: BooleanConstructor;
default: any;
};
disableDate: {
type: import("vue").PropType<TdDatePickerProps["disableDate"]>;
};
enableTimePicker: BooleanConstructor;
firstDayOfWeek: {
type: NumberConstructor;
validator(val: TdDatePickerProps["firstDayOfWeek"]): boolean;
};
format: {
type: StringConstructor;
default: any;
};
mode: {
type: import("vue").PropType<TdDatePickerProps["mode"]>;
default: TdDatePickerProps["mode"];
validator(val: TdDatePickerProps["mode"]): boolean;
};
presets: {
type: import("vue").PropType<TdDatePickerProps["presets"]>;
};
presetsPlacement: {
type: import("vue").PropType<TdDatePickerProps["presetsPlacement"]>;
default: TdDatePickerProps["presetsPlacement"];
validator(val: TdDatePickerProps["presetsPlacement"]): boolean;
};
timePickerProps: {
type: import("vue").PropType<TdDatePickerProps["timePickerProps"]>;
};
}>>, {
disabled: boolean;
value: import("./type").DateValue | import("./type").DateMultipleValue;
format: string;
mode: "date" | "month" | "year" | "quarter" | "week";
enableTimePicker: boolean;
defaultValue: import("./type").DateValue | import("./type").DateMultipleValue;
modelValue: import("./type").DateValue | import("./type").DateMultipleValue;
presetsPlacement: "left" | "right" | "top" | "bottom";
defaultTime: string;
}, true, {}, {}, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import("vue").ExtractPropTypes<{
defaultTime: {
type: StringConstructor;
default: string;
};
onCellClick: import("vue").PropType<TdDatePickerPanelProps["onCellClick"]>;
onChange: import("vue").PropType<TdDatePickerPanelProps["onChange"]>;
onConfirm: import("vue").PropType<TdDatePickerPanelProps["onConfirm"]>;
onMonthChange: import("vue").PropType<TdDatePickerPanelProps["onMonthChange"]>;
onPanelClick: import("vue").PropType<TdDatePickerPanelProps["onPanelClick"]>;
onPresetClick: import("vue").PropType<TdDatePickerPanelProps["onPresetClick"]>;
onTimeChange: import("vue").PropType<TdDatePickerPanelProps["onTimeChange"]>;
onYearChange: import("vue").PropType<TdDatePickerPanelProps["onYearChange"]>;
value: {
type: import("vue").PropType<TdDatePickerProps["value"]>;
default: TdDatePickerProps["value"];
};
defaultValue: {
type: import("vue").PropType<TdDatePickerProps["defaultValue"]>;
default: TdDatePickerProps["defaultValue"];
};
modelValue: {
type: import("vue").PropType<TdDatePickerProps["value"]>;
default: TdDatePickerProps["value"];
};
disabled: {
type: BooleanConstructor;
default: any;
};
disableDate: {
type: import("vue").PropType<TdDatePickerProps["disableDate"]>;
};
enableTimePicker: BooleanConstructor;
firstDayOfWeek: {
type: NumberConstructor;
validator(val: TdDatePickerProps["firstDayOfWeek"]): boolean;
};
format: {
type: StringConstructor;
default: any;
};
mode: {
type: import("vue").PropType<TdDatePickerProps["mode"]>;
default: TdDatePickerProps["mode"];
validator(val: TdDatePickerProps["mode"]): boolean;
};
presets: {
type: import("vue").PropType<TdDatePickerProps["presets"]>;
};
presetsPlacement: {
type: import("vue").PropType<TdDatePickerProps["presetsPlacement"]>;
default: TdDatePickerProps["presetsPlacement"];
validator(val: TdDatePickerProps["presetsPlacement"]): boolean;
};
timePickerProps: {
type: import("vue").PropType<TdDatePickerProps["timePickerProps"]>;
};
}>>, () => JSX.Element, {}, {}, {}, {
disabled: boolean;
value: import("./type").DateValue | import("./type").DateMultipleValue;
format: string;
mode: "date" | "month" | "year" | "quarter" | "week";
enableTimePicker: boolean;
defaultValue: import("./type").DateValue | import("./type").DateMultipleValue;
modelValue: import("./type").DateValue | import("./type").DateMultipleValue;
presetsPlacement: "left" | "right" | "top" | "bottom";
defaultTime: string;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
defaultTime: {
type: StringConstructor;
default: string;
};
onCellClick: import("vue").PropType<TdDatePickerPanelProps["onCellClick"]>;
onChange: import("vue").PropType<TdDatePickerPanelProps["onChange"]>;
onConfirm: import("vue").PropType<TdDatePickerPanelProps["onConfirm"]>;
onMonthChange: import("vue").PropType<TdDatePickerPanelProps["onMonthChange"]>;
onPanelClick: import("vue").PropType<TdDatePickerPanelProps["onPanelClick"]>;
onPresetClick: import("vue").PropType<TdDatePickerPanelProps["onPresetClick"]>;
onTimeChange: import("vue").PropType<TdDatePickerPanelProps["onTimeChange"]>;
onYearChange: import("vue").PropType<TdDatePickerPanelProps["onYearChange"]>;
value: {
type: import("vue").PropType<TdDatePickerProps["value"]>;
default: TdDatePickerProps["value"];
};
defaultValue: {
type: import("vue").PropType<TdDatePickerProps["defaultValue"]>;
default: TdDatePickerProps["defaultValue"];
};
modelValue: {
type: import("vue").PropType<TdDatePickerProps["value"]>;
default: TdDatePickerProps["value"];
};
disabled: {
type: BooleanConstructor;
default: any;
};
disableDate: {
type: import("vue").PropType<TdDatePickerProps["disableDate"]>;
};
enableTimePicker: BooleanConstructor;
firstDayOfWeek: {
type: NumberConstructor;
validator(val: TdDatePickerProps["firstDayOfWeek"]): boolean;
};
format: {
type: StringConstructor;
default: any;
};
mode: {
type: import("vue").PropType<TdDatePickerProps["mode"]>;
default: TdDatePickerProps["mode"];
validator(val: TdDatePickerProps["mode"]): boolean;
};
presets: {
type: import("vue").PropType<TdDatePickerProps["presets"]>;
};
presetsPlacement: {
type: import("vue").PropType<TdDatePickerProps["presetsPlacement"]>;
default: TdDatePickerProps["presetsPlacement"];
validator(val: TdDatePickerProps["presetsPlacement"]): boolean;
};
timePickerProps: {
type: import("vue").PropType<TdDatePickerProps["timePickerProps"]>;
};
}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
disabled: boolean;
value: import("./type").DateValue | import("./type").DateMultipleValue;
format: string;
mode: "date" | "month" | "year" | "quarter" | "week";
enableTimePicker: boolean;
defaultValue: import("./type").DateValue | import("./type").DateMultipleValue;
modelValue: import("./type").DateValue | import("./type").DateMultipleValue;
presetsPlacement: "left" | "right" | "top" | "bottom";
defaultTime: string;
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
export declare const DateRangePicker: {
new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
allowInput: BooleanConstructor;
borderless: BooleanConstructor;
cancelRangeSelectLimit: BooleanConstructor;
clearable: BooleanConstructor;
defaultTime: {
type: import("vue").PropType<TdDateRangePickerProps["defaultTime"]>;
default: () => TdDateRangePickerProps["defaultTime"];
};
disableDate: {
type: import("vue").PropType<TdDateRangePickerProps["disableDate"]>;
};
disabled: {
type: BooleanConstructor;
default: any;
};
enableTimePicker: BooleanConstructor;
firstDayOfWeek: {
type: NumberConstructor;
validator(val: TdDateRangePickerProps["firstDayOfWeek"]): boolean;
};
format: {
type: StringConstructor;
default: string;
};
label: {
type: import("vue").PropType<TdDateRangePickerProps["label"]>;
};
mode: {
type: import("vue").PropType<TdDateRangePickerProps["mode"]>;
default: TdDateRangePickerProps["mode"];
validator(val: TdDateRangePickerProps["mode"]): boolean;
};
needConfirm: {
type: BooleanConstructor;
default: boolean;
};
panelPreselection: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: import("vue").PropType<TdDateRangePickerProps["placeholder"]>;
};
popupProps: {
type: import("vue").PropType<TdDateRangePickerProps["popupProps"]>;
};
prefixIcon: {
type: import("vue").PropType<TdDateRangePickerProps["prefixIcon"]>;
};
presets: {
type: import("vue").PropType<TdDateRangePickerProps["presets"]>;
};
presetsPlacement: {
type: import("vue").PropType<TdDateRangePickerProps["presetsPlacement"]>;
default: TdDateRangePickerProps["presetsPlacement"];
validator(val: TdDateRangePickerProps["presetsPlacement"]): boolean;
};
rangeInputProps: {
type: import("vue").PropType<TdDateRangePickerProps["rangeInputProps"]>;
};
readonly: {
type: BooleanConstructor;
default: any;
};
separator: {
type: StringConstructor;
default: string;
};
size: {
type: import("vue").PropType<TdDateRangePickerProps["size"]>;
default: TdDateRangePickerProps["size"];
validator(val: TdDateRangePickerProps["size"]): boolean;
};
status: {
type: import("vue").PropType<TdDateRangePickerProps["status"]>;
default: TdDateRangePickerProps["status"];
validator(val: TdDateRangePickerProps["status"]): boolean;
};
suffixIcon: {
type: import("vue").PropType<TdDateRangePickerProps["suffixIcon"]>;
};
timePickerProps: {
type: import("vue").PropType<TdDateRangePickerProps["timePickerProps"]>;
};
tips: {
type: import("vue").PropType<TdDateRangePickerProps["tips"]>;
};
value: {
type: import("vue").PropType<TdDateRangePickerProps["value"]>;
default: TdDateRangePickerProps["value"];
};
modelValue: {
type: import("vue").PropType<TdDateRangePickerProps["value"]>;
default: TdDateRangePickerProps["value"];
};
defaultValue: {
type: import("vue").PropType<TdDateRangePickerProps["defaultValue"]>;
default: () => TdDateRangePickerProps["defaultValue"];
};
valueType: {
type: import("vue").PropType<TdDateRangePickerProps["valueType"]>;
validator(val: TdDateRangePickerProps["valueType"]): boolean;
};
onBlur: import("vue").PropType<TdDateRangePickerProps["onBlur"]>;
onChange: import("vue").PropType<TdDateRangePickerProps["onChange"]>;
onConfirm: import("vue").PropType<TdDateRangePickerProps["onConfirm"]>;
onFocus: import("vue").PropType<TdDateRangePickerProps["onFocus"]>;
onInput: import("vue").PropType<TdDateRangePickerProps["onInput"]>;
onPick: import("vue").PropType<TdDateRangePickerProps["onPick"]>;
onPresetClick: import("vue").PropType<TdDateRangePickerProps["onPresetClick"]>;
}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
allowInput: BooleanConstructor;
borderless: BooleanConstructor;
cancelRangeSelectLimit: BooleanConstructor;
clearable: BooleanConstructor;
defaultTime: {
type: import("vue").PropType<TdDateRangePickerProps["defaultTime"]>;
default: () => TdDateRangePickerProps["defaultTime"];
};
disableDate: {
type: import("vue").PropType<TdDateRangePickerProps["disableDate"]>;
};
disabled: {
type: BooleanConstructor;
default: any;
};
enableTimePicker: BooleanConstructor;
firstDayOfWeek: {
type: NumberConstructor;
validator(val: TdDateRangePickerProps["firstDayOfWeek"]): boolean;
};
format: {
type: StringConstructor;
default: string;
};
label: {
type: import("vue").PropType<TdDateRangePickerProps["label"]>;
};
mode: {
type: import("vue").PropType<TdDateRangePickerProps["mode"]>;
default: TdDateRangePickerProps["mode"];
validator(val: TdDateRangePickerProps["mode"]): boolean;
};
needConfirm: {
type: BooleanConstructor;
default: boolean;
};
panelPreselection: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: import("vue").PropType<TdDateRangePickerProps["placeholder"]>;
};
popupProps: {
type: import("vue").PropType<TdDateRangePickerProps["popupProps"]>;
};
prefixIcon: {
type: import("vue").PropType<TdDateRangePickerProps["prefixIcon"]>;
};
presets: {
type: import("vue").PropType<TdDateRangePickerProps["presets"]>;
};
presetsPlacement: {
type: import("vue").PropType<TdDateRangePickerProps["presetsPlacement"]>;
default: TdDateRangePickerProps["presetsPlacement"];
validator(val: TdDateRangePickerProps["presetsPlacement"]): boolean;
};
rangeInputProps: {
type: import("vue").PropType<TdDateRangePickerProps["rangeInputProps"]>;
};
readonly: {
type: BooleanConstructor;
default: any;
};
separator: {
type: StringConstructor;
default: string;
};
size: {
type: import("vue").PropType<TdDateRangePickerProps["size"]>;
default: TdDateRangePickerProps["size"];
validator(val: TdDateRangePickerProps["size"]): boolean;
};
status: {
type: import("vue").PropType<TdDateRangePickerProps["status"]>;
default: TdDateRangePickerProps["status"];
validator(val: TdDateRangePickerProps["status"]): boolean;
};
suffixIcon: {
type: import("vue").PropType<TdDateRangePickerProps["suffixIcon"]>;
};
timePickerProps: {
type: import("vue").PropType<TdDateRangePickerProps["timePickerProps"]>;
};
tips: {
type: import("vue").PropType<TdDateRangePickerProps["tips"]>;
};
value: {
type: import("vue").PropType<TdDateRangePickerProps["value"]>;
default: TdDateRangePickerProps["value"];
};
modelValue: {
type: import("vue").PropType<TdDateRangePickerProps["value"]>;
default: TdDateRangePickerProps["value"];
};
defaultValue: {
type: import("vue").PropType<TdDateRangePickerProps["defaultValue"]>;
default: () => TdDateRangePickerProps["defaultValue"];
};
valueType: {
type: import("vue").PropType<TdDateRangePickerProps["valueType"]>;
validator(val: TdDateRangePickerProps["valueType"]): boolean;
};
onBlur: import("vue").PropType<TdDateRangePickerProps["onBlur"]>;
onChange: import("vue").PropType<TdDateRangePickerProps["onChange"]>;
onConfirm: import("vue").PropType<TdDateRangePickerProps["onConfirm"]>;
onFocus: import("vue").PropType<TdDateRangePickerProps["onFocus"]>;
onInput: import("vue").PropType<TdDateRangePickerProps["onInput"]>;
onPick: import("vue").PropType<TdDateRangePickerProps["onPick"]>;
onPresetClick: import("vue").PropType<TdDateRangePickerProps["onPresetClick"]>;
}>>, {
disabled: boolean;
value: import("./type").DateRangeValue;
format: string;
mode: "date" | "month" | "year" | "quarter" | "week";
enableTimePicker: boolean;
cancelRangeSelectLimit: boolean;
size: import("..").SizeEnum;
status: "error" | "default" | "success" | "warning";
defaultValue: import("./type").DateRangeValue;
modelValue: import("./type").DateRangeValue;
readonly: boolean;
separator: string;
borderless: boolean;
clearable: boolean;
allowInput: boolean;
presetsPlacement: "left" | "right" | "top" | "bottom";
needConfirm: boolean;
defaultTime: string[];
panelPreselection: boolean;
}, true, {}, {}, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import("vue").ExtractPropTypes<{
allowInput: BooleanConstructor;
borderless: BooleanConstructor;
cancelRangeSelectLimit: BooleanConstructor;
clearable: BooleanConstructor;
defaultTime: {
type: import("vue").PropType<TdDateRangePickerProps["defaultTime"]>;
default: () => TdDateRangePickerProps["defaultTime"];
};
disableDate: {
type: import("vue").PropType<TdDateRangePickerProps["disableDate"]>;
};
disabled: {
type: BooleanConstructor;
default: any;
};
enableTimePicker: BooleanConstructor;
firstDayOfWeek: {
type: NumberConstructor;
validator(val: TdDateRangePickerProps["firstDayOfWeek"]): boolean;
};
format: {
type: StringConstructor;
default: string;
};
label: {
type: import("vue").PropType<TdDateRangePickerProps["label"]>;
};
mode: {
type: import("vue").PropType<TdDateRangePickerProps["mode"]>;
default: TdDateRangePickerProps["mode"];
validator(val: TdDateRangePickerProps["mode"]): boolean;
};
needConfirm: {
type: BooleanConstructor;
default: boolean;
};
panelPreselection: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: import("vue").PropType<TdDateRangePickerProps["placeholder"]>;
};
popupProps: {
type: import("vue").PropType<TdDateRangePickerProps["popupProps"]>;
};
prefixIcon: {
type: import("vue").PropType<TdDateRangePickerProps["prefixIcon"]>;
};
presets: {
type: import("vue").PropType<TdDateRangePickerProps["presets"]>;
};
presetsPlacement: {
type: import("vue").PropType<TdDateRangePickerProps["presetsPlacement"]>;
default: TdDateRangePickerProps["presetsPlacement"];
validator(val: TdDateRangePickerProps["presetsPlacement"]): boolean;
};
rangeInputProps: {
type: import("vue").PropType<TdDateRangePickerProps["rangeInputProps"]>;
};
readonly: {
type: BooleanConstructor;
default: any;
};
separator: {
type: StringConstructor;
default: string;
};
size: {
type: import("vue").PropType<TdDateRangePickerProps["size"]>;
default: TdDateRangePickerProps["size"];
validator(val: TdDateRangePickerProps["size"]): boolean;
};
status: {
type: import("vue").PropType<TdDateRangePickerProps["status"]>;
default: TdDateRangePickerProps["status"];
validator(val: TdDateRangePickerProps["status"]): boolean;
};
suffixIcon: {
type: import("vue").PropType<TdDateRangePickerProps["suffixIcon"]>;
};
timePickerProps: {
type: import("vue").PropType<TdDateRangePickerProps["timePickerProps"]>;
};
tips: {
type: import("vue").PropType<TdDateRangePickerProps["tips"]>;
};
value: {
type: import("vue").PropType<TdDateRangePickerProps["value"]>;
default: TdDateRangePickerProps["value"];
};
modelValue: {
type: import("vue").PropType<TdDateRangePickerProps["value"]>;
default: TdDateRangePickerProps["value"];
};
defaultValue: {
type: import("vue").PropType<TdDateRangePickerProps["defaultValue"]>;
default: () => TdDateRangePickerProps["defaultValue"];
};
valueType: {
type: import("vue").PropType<TdDateRangePickerProps["valueType"]>;
validator(val: TdDateRangePickerProps["valueType"]): boolean;
};
onBlur: import("vue").PropType<TdDateRangePickerProps["onBlur"]>;
onChange: import("vue").PropType<TdDateRangePickerProps["onChange"]>;
onConfirm: import("vue").PropType<TdDateRangePickerProps["onConfirm"]>;
onFocus: import("vue").PropType<TdDateRangePickerProps["onFocus"]>;
onInput: import("vue").PropType<TdDateRangePickerProps["onInput"]>;
onPick: import("vue").PropType<TdDateRangePickerProps["onPick"]>;
onPresetClick: import("vue").PropType<TdDateRangePickerProps["onPresetClick"]>;
}>>, () => JSX.Element, {}, {}, {}, {
disabled: boolean;
value: import("./type").DateRangeValue;
format: string;
mode: "date" | "month" | "year" | "quarter" | "week";
enableTimePicker: boolean;
cancelRangeSelectLimit: boolean;
size: import("..").SizeEnum;
status: "error" | "default" | "success" | "warning";
defaultValue: import("./type").DateRangeValue;
modelValue: import("./type").DateRangeValue;
readonly: boolean;
separator: string;
borderless: boolean;
clearable: boolean;
allowInput: boolean;
presetsPlacement: "left" | "right" | "top" | "bottom";
needConfirm: boolean;
defaultTime: string[];
panelPreselection: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
allowInput: BooleanConstructor;
borderless: BooleanConstructor;
cancelRangeSelectLimit: BooleanConstructor;
clearable: BooleanConstructor;
defaultTime: {
type: import("vue").PropType<TdDateRangePickerProps["defaultTime"]>;
default: () => TdDateRangePickerProps["defaultTime"];
};
disableDate: {
type: import("vue").PropType<TdDateRangePickerProps["disableDate"]>;
};
disabled: {
type: BooleanConstructor;
default: any;
};
enableTimePicker: BooleanConstructor;
firstDayOfWeek: {
type: NumberConstructor;
validator(val: TdDateRangePickerProps["firstDayOfWeek"]): boolean;
};
format: {
type: StringConstructor;
default: string;
};
label: {
type: import("vue").PropType<TdDateRangePickerProps["label"]>;
};
mode: {
type: import("vue").PropType<TdDateRangePickerProps["mode"]>;
default: TdDateRangePickerProps["mode"];
validator(val: TdDateRangePickerProps["mode"]): boolean;
};
needConfirm: {
type: BooleanConstructor;
default: boolean;
};
panelPreselection: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: import("vue").PropType<TdDateRangePickerProps["placeholder"]>;
};
popupProps: {
type: import("vue").PropType<TdDateRangePickerProps["popupProps"]>;
};
prefixIcon: {
type: import("vue").PropType<TdDateRangePickerProps["prefixIcon"]>;
};
presets: {
type: import("vue").PropType<TdDateRangePickerProps["presets"]>;
};
presetsPlacement: {
type: import("vue").PropType<TdDateRangePickerProps["presetsPlacement"]>;
default: TdDateRangePickerProps["presetsPlacement"];
validator(val: TdDateRangePickerProps["presetsPlacement"]): boolean;
};
rangeInputProps: {
type: import("vue").PropType<TdDateRangePickerProps["rangeInputProps"]>;
};
readonly: {
type: BooleanConstructor;
default: any;
};
separator: {
type: StringConstructor;
default: string;
};
size: {
type: import("vue").