tdesign-vue
Version:
4,027 lines • 158 kB
TypeScript
import { TdDatePickerProps, TdDateRangePickerProps, TdDatePickerPanelProps, TdDateRangePickerPanelProps } from './type';
import './style';
export * from './type';
export declare type DatePickerProps = TdDatePickerProps;
export declare type DatePickerPanelProps = TdDatePickerPanelProps;
export declare type DateRangePickerProps = TdDateRangePickerProps;
export declare type DateRangePickerPanelProps = TdDateRangePickerPanelProps;
export declare const DatePicker: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
COMPONENT_NAME: import("@vue/composition-api").ComputedRef<string>;
inputValue: import("@vue/composition-api").Ref<string | number | string[] | number[] | Date | Date[]>;
datePickerPopupProps: import("@vue/composition-api").ComputedRef<{
trigger: string;
overlayInnerStyle: import("..").Styles | ((triggerElement: HTMLElement, popupElement: HTMLElement) => import("..").Styles);
overlayClassName: import("..").ClassName[];
onVisibleChange: (visible: boolean, context: any) => void;
attach?: import("..").AttachNode;
content?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
default?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
delay?: number | number[];
destroyOnClose?: boolean;
disabled?: boolean;
hideEmptyPopup?: boolean;
overlayInnerClassName?: import("..").ClassName;
overlayStyle?: import("..").Styles | ((triggerElement: HTMLElement, popupElement: HTMLElement) => import("..").Styles);
placement?: import("..").PopupPlacement;
popperOptions?: object;
showArrow?: boolean;
triggerElement?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
visible?: boolean;
defaultVisible?: boolean;
zIndex?: number;
onScroll?: (context: {
e: WheelEvent;
}) => void;
onScrollToBottom?: (context: {
e: WheelEvent;
}) => void;
expandAnimation: boolean;
}>;
datePickerInputProps: import("@vue/composition-api").ComputedRef<import("..").TdInputProps<import("..").InputValue> | {
ref: import("@vue/composition-api").Ref<any>;
borderless: boolean;
size: import("..").SizeEnum;
prefixIcon: (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue;
class: {
[x: string]: boolean;
}[];
onClear: (context: {
e: InputEvent;
}) => void;
onBlur: (val: string, context: {
e: FocusEvent;
}) => void;
onFocus: (_: string, { e }: {
e: FocusEvent;
}) => void;
onChange: (val: string) => void;
onEnter: (val: string) => void;
align?: "center" | "left" | "right";
allowInputOverMax?: boolean;
autoWidth?: boolean;
autocomplete?: string;
autofocus?: boolean;
clearable?: boolean;
disabled?: boolean;
format?: import("..").InputFormatType;
inputClass?: import("..").ClassName;
label?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
maxcharacter?: number;
maxlength?: string | number;
name?: string;
placeholder?: string;
readonly?: boolean;
showClearIconOnEmpty?: boolean;
showLimitNumber?: boolean;
spellCheck?: boolean;
status?: "error" | "default" | "success" | "warning";
suffix?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
suffixIcon?: (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue;
tips?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
type?: "number" | "search" | "password" | "url" | "hidden" | "text" | "submit" | "tel";
value?: import("..").InputValue;
defaultValue?: import("..").InputValue;
onClick?: (context: {
e: MouseEvent;
}) => void;
onCompositionend?: (value: string, context: {
e: CompositionEvent;
}) => void;
onCompositionstart?: (value: string, context: {
e: CompositionEvent;
}) => void;
onKeydown?: (value: import("..").InputValue, context: {
e: KeyboardEvent;
}) => void;
onKeypress?: (value: import("..").InputValue, context: {
e: KeyboardEvent;
}) => void;
onKeyup?: (value: import("..").InputValue, context: {
e: KeyboardEvent;
}) => void;
onMouseenter?: (context: {
e: MouseEvent;
}) => void;
onMouseleave?: (context: {
e: MouseEvent;
}) => void;
onPaste?: (context: {
e: ClipboardEvent;
pasteValue: string;
}) => void;
onValidate?: (context: {
error?: "exceed-maximum" | "below-minimum";
}) => void;
onWheel?: (context: {
e: WheelEvent;
}) => void;
}>;
popupVisible: import("@vue/composition-api").Ref<boolean>;
panelProps: any;
isDisabled: import("@vue/composition-api").ComputedRef<boolean>;
onTagRemoveClick: (ctx: import("..").TagInputRemoveContext) => void;
onTagClearClick: ({ e }: {
e: MouseEvent;
}) => void;
CalendarIcon: import("tdesign-icons-vue").GlobalIconType;
global: import("@vue/composition-api").ComputedRef<{} & (import("..").DatePickerConfig | ({
readonly firstDayOfWeek: 1;
} & {
readonly dayjsLocale: "zh-cn";
readonly placeholder: {
readonly date: "请选择日期";
readonly month: "请选择月份";
readonly year: "请选择年份";
readonly quarter: "请选择季度";
readonly week: "请选择周";
};
readonly weekdays: readonly ["一", "二", "三", "四", "五", "六", "日"];
readonly months: readonly ["1 月", "2 月", "3 月", "4 月", "5 月", "6 月", "7 月", "8 月", "9 月", "10 月", "11 月", "12 月"];
readonly quarters: readonly ["一季度", "二季度", "三季度", "四季度"];
readonly rangeSeparator: " - ";
readonly direction: "ltr";
readonly format: "YYYY-MM-DD";
readonly dayAriaLabel: "日";
readonly weekAbbreviation: "周";
readonly yearAriaLabel: "年";
readonly monthAriaLabel: "月";
readonly confirm: "确定";
readonly selectTime: "选择时间";
readonly selectDate: "选择日期";
readonly nextYear: "下一年";
readonly preYear: "上一年";
readonly nextMonth: "下个月";
readonly preMonth: "上个月";
readonly preDecade: "上个十年";
readonly nextDecade: "下个十年";
readonly now: "当前";
})) & import("..").DatePickerConfig>;
}> & import("@vue/composition-api").Data, {}, {}, {
allowInput: BooleanConstructor;
borderless: BooleanConstructor;
clearable: BooleanConstructor;
defaultTime: {
type: StringConstructor;
default: string;
};
disableDate: {
type: import("vue").PropType<import("./type").DisableDate>;
};
disableTime: {
type: import("vue").PropType<(time: Date) => Partial<{
hour: number[];
minute: number[];
second: number[];
millisecond: number[];
}>>;
};
disabled: BooleanConstructor;
readonly: {
type: BooleanConstructor;
default: any;
};
enableTimePicker: BooleanConstructor;
firstDayOfWeek: {
type: NumberConstructor;
validator(val: number): boolean;
};
format: {
type: StringConstructor;
default: any;
};
inputProps: {
type: import("vue").PropType<import("..").InputProps<import("..").InputValue>>;
};
label: {
type: import("vue").PropType<string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue)>;
};
mode: {
type: import("vue").PropType<"month" | "year" | "quarter" | "week" | "date">;
default: "month" | "year" | "quarter" | "week" | "date";
validator(val: "month" | "year" | "quarter" | "week" | "date"): boolean;
};
multiple: BooleanConstructor;
placeholder: {
type: import("vue").PropType<string>;
default: any;
};
popupProps: {
type: import("vue").PropType<import("..").TdPopupProps>;
};
prefixIcon: {
type: import("vue").PropType<(h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue>;
};
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: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue>;
};
timePickerProps: {
type: import("vue").PropType<import("..").TdTimePickerProps>;
};
tips: {
type: import("vue").PropType<string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue)>;
};
value: {
type: import("vue").PropType<import("./type").DateValue | import("./type").DateMultipleValue>;
default: string;
};
defaultValue: {
type: import("vue").PropType<import("./type").DateValue | import("./type").DateMultipleValue>;
default: string;
};
valueType: {
type: import("vue").PropType<import("./type").DatePickerValueType>;
default: string;
};
onBlur: import("vue").PropType<(context: {
value: import("./type").DateValue | import("./type").DateMultipleValue;
e: FocusEvent;
}) => void>;
onChange: import("vue").PropType<(value: import("./type").DateValue | import("./type").DateMultipleValue, 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 | import("./type").DateMultipleValue;
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/composition-api").ExtractPropTypes<{
allowInput: BooleanConstructor;
borderless: BooleanConstructor;
clearable: BooleanConstructor;
defaultTime: {
type: StringConstructor;
default: string;
};
disableDate: {
type: import("vue").PropType<import("./type").DisableDate>;
};
disableTime: {
type: import("vue").PropType<(time: Date) => Partial<{
hour: number[];
minute: number[];
second: number[];
millisecond: number[];
}>>;
};
disabled: BooleanConstructor;
readonly: {
type: BooleanConstructor;
default: any;
};
enableTimePicker: BooleanConstructor;
firstDayOfWeek: {
type: NumberConstructor;
validator(val: number): boolean;
};
format: {
type: StringConstructor;
default: any;
};
inputProps: {
type: import("vue").PropType<import("..").InputProps<import("..").InputValue>>;
};
label: {
type: import("vue").PropType<string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue)>;
};
mode: {
type: import("vue").PropType<"month" | "year" | "quarter" | "week" | "date">;
default: "month" | "year" | "quarter" | "week" | "date";
validator(val: "month" | "year" | "quarter" | "week" | "date"): boolean;
};
multiple: BooleanConstructor;
placeholder: {
type: import("vue").PropType<string>;
default: any;
};
popupProps: {
type: import("vue").PropType<import("..").TdPopupProps>;
};
prefixIcon: {
type: import("vue").PropType<(h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue>;
};
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: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue>;
};
timePickerProps: {
type: import("vue").PropType<import("..").TdTimePickerProps>;
};
tips: {
type: import("vue").PropType<string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue)>;
};
value: {
type: import("vue").PropType<import("./type").DateValue | import("./type").DateMultipleValue>;
default: string;
};
defaultValue: {
type: import("vue").PropType<import("./type").DateValue | import("./type").DateMultipleValue>;
default: string;
};
valueType: {
type: import("vue").PropType<import("./type").DatePickerValueType>;
default: string;
};
onBlur: import("vue").PropType<(context: {
value: import("./type").DateValue | import("./type").DateMultipleValue;
e: FocusEvent;
}) => void>;
onChange: import("vue").PropType<(value: import("./type").DateValue | import("./type").DateMultipleValue, 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 | import("./type").DateMultipleValue;
e: FocusEvent;
}) => void>;
onPick: import("vue").PropType<(value: import("./type").DateValue) => void>;
onPresetClick: import("vue").PropType<(context: {
preset: import("./type").PresetDate;
e: MouseEvent;
}) => void>;
}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
value: import("./type").DateValue | import("./type").DateMultipleValue;
disabled: boolean;
multiple: boolean;
size: import("..").SizeEnum;
readonly: boolean;
status: "error" | "default" | "success" | "warning";
defaultValue: import("./type").DateValue | import("./type").DateMultipleValue;
format: string;
borderless: boolean;
clearable: boolean;
placeholder: string;
allowInput: boolean;
valueType: import("./type").DatePickerValueType;
mode: "month" | "year" | "quarter" | "week" | "date";
enableTimePicker: boolean;
presetsPlacement: "left" | "top" | "bottom" | "right";
defaultTime: string;
} & {
label?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
onChange?: (value: import("./type").DateValue | import("./type").DateMultipleValue, context: {
dayjsValue?: import("dayjs").Dayjs;
trigger?: import("./type").DatePickerTriggerSource;
}) => void;
prefixIcon?: (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue;
suffixIcon?: (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue;
tips?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
onBlur?: (context: {
value: import("./type").DateValue | import("./type").DateMultipleValue;
e: FocusEvent;
}) => void;
onFocus?: (context: {
value: import("./type").DateValue | import("./type").DateMultipleValue;
e: FocusEvent;
}) => void;
inputProps?: unknown;
popupProps?: unknown;
firstDayOfWeek?: number;
disableTime?: (time: Date) => Partial<{
hour: number[];
minute: number[];
second: number[];
millisecond: number[];
}>;
presets?: import("./type").PresetDate;
onPick?: (value: import("./type").DateValue) => void;
disableDate?: unknown;
timePickerProps?: unknown;
onConfirm?: (context: {
date: Date;
e: MouseEvent;
}) => void;
onPresetClick?: (context: {
preset: import("./type").PresetDate;
e: MouseEvent;
}) => void;
}, import("@vue/composition-api").ShallowUnwrapRef<{
COMPONENT_NAME: import("@vue/composition-api").ComputedRef<string>;
inputValue: import("@vue/composition-api").Ref<string | number | string[] | number[] | Date | Date[]>;
datePickerPopupProps: import("@vue/composition-api").ComputedRef<{
trigger: string;
overlayInnerStyle: import("..").Styles | ((triggerElement: HTMLElement, popupElement: HTMLElement) => import("..").Styles);
overlayClassName: import("..").ClassName[];
onVisibleChange: (visible: boolean, context: any) => void;
attach?: import("..").AttachNode;
content?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
default?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
delay?: number | number[];
destroyOnClose?: boolean;
disabled?: boolean;
hideEmptyPopup?: boolean;
overlayInnerClassName?: import("..").ClassName;
overlayStyle?: import("..").Styles | ((triggerElement: HTMLElement, popupElement: HTMLElement) => import("..").Styles);
placement?: import("..").PopupPlacement;
popperOptions?: object;
showArrow?: boolean;
triggerElement?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
visible?: boolean;
defaultVisible?: boolean;
zIndex?: number;
onScroll?: (context: {
e: WheelEvent;
}) => void;
onScrollToBottom?: (context: {
e: WheelEvent;
}) => void;
expandAnimation: boolean;
}>;
datePickerInputProps: import("@vue/composition-api").ComputedRef<import("..").TdInputProps<import("..").InputValue> | {
ref: import("@vue/composition-api").Ref<any>;
borderless: boolean;
size: import("..").SizeEnum;
prefixIcon: (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue;
class: {
[x: string]: boolean;
}[];
onClear: (context: {
e: InputEvent;
}) => void;
onBlur: (val: string, context: {
e: FocusEvent;
}) => void;
onFocus: (_: string, { e }: {
e: FocusEvent;
}) => void;
onChange: (val: string) => void;
onEnter: (val: string) => void;
align?: "center" | "left" | "right";
allowInputOverMax?: boolean;
autoWidth?: boolean;
autocomplete?: string;
autofocus?: boolean;
clearable?: boolean;
disabled?: boolean;
format?: import("..").InputFormatType;
inputClass?: import("..").ClassName;
label?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
maxcharacter?: number;
maxlength?: string | number;
name?: string;
placeholder?: string;
readonly?: boolean;
showClearIconOnEmpty?: boolean;
showLimitNumber?: boolean;
spellCheck?: boolean;
status?: "error" | "default" | "success" | "warning";
suffix?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
suffixIcon?: (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue;
tips?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
type?: "number" | "search" | "password" | "url" | "hidden" | "text" | "submit" | "tel";
value?: import("..").InputValue;
defaultValue?: import("..").InputValue;
onClick?: (context: {
e: MouseEvent;
}) => void;
onCompositionend?: (value: string, context: {
e: CompositionEvent;
}) => void;
onCompositionstart?: (value: string, context: {
e: CompositionEvent;
}) => void;
onKeydown?: (value: import("..").InputValue, context: {
e: KeyboardEvent;
}) => void;
onKeypress?: (value: import("..").InputValue, context: {
e: KeyboardEvent;
}) => void;
onKeyup?: (value: import("..").InputValue, context: {
e: KeyboardEvent;
}) => void;
onMouseenter?: (context: {
e: MouseEvent;
}) => void;
onMouseleave?: (context: {
e: MouseEvent;
}) => void;
onPaste?: (context: {
e: ClipboardEvent;
pasteValue: string;
}) => void;
onValidate?: (context: {
error?: "exceed-maximum" | "below-minimum";
}) => void;
onWheel?: (context: {
e: WheelEvent;
}) => void;
}>;
popupVisible: import("@vue/composition-api").Ref<boolean>;
panelProps: any;
isDisabled: import("@vue/composition-api").ComputedRef<boolean>;
onTagRemoveClick: (ctx: import("..").TagInputRemoveContext) => void;
onTagClearClick: ({ e }: {
e: MouseEvent;
}) => void;
CalendarIcon: import("tdesign-icons-vue").GlobalIconType;
global: import("@vue/composition-api").ComputedRef<{} & (import("..").DatePickerConfig | ({
readonly firstDayOfWeek: 1;
} & {
readonly dayjsLocale: "zh-cn";
readonly placeholder: {
readonly date: "请选择日期";
readonly month: "请选择月份";
readonly year: "请选择年份";
readonly quarter: "请选择季度";
readonly week: "请选择周";
};
readonly weekdays: readonly ["一", "二", "三", "四", "五", "六", "日"];
readonly months: readonly ["1 月", "2 月", "3 月", "4 月", "5 月", "6 月", "7 月", "8 月", "9 月", "10 月", "11 月", "12 月"];
readonly quarters: readonly ["一季度", "二季度", "三季度", "四季度"];
readonly rangeSeparator: " - ";
readonly direction: "ltr";
readonly format: "YYYY-MM-DD";
readonly dayAriaLabel: "日";
readonly weekAbbreviation: "周";
readonly yearAriaLabel: "年";
readonly monthAriaLabel: "月";
readonly confirm: "确定";
readonly selectTime: "选择时间";
readonly selectDate: "选择日期";
readonly nextYear: "下一年";
readonly preYear: "上一年";
readonly nextMonth: "下个月";
readonly preMonth: "上个月";
readonly preDecade: "上个十年";
readonly nextDecade: "下个十年";
readonly now: "当前";
})) & import("..").DatePickerConfig>;
}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
value: import("./type").DateValue | import("./type").DateMultipleValue;
disabled: boolean;
multiple: boolean;
size: import("..").SizeEnum;
readonly: boolean;
status: "error" | "default" | "success" | "warning";
defaultValue: import("./type").DateValue | import("./type").DateMultipleValue;
format: string;
borderless: boolean;
clearable: boolean;
placeholder: string;
allowInput: boolean;
valueType: import("./type").DatePickerValueType;
mode: "month" | "year" | "quarter" | "week" | "date";
enableTimePicker: boolean;
presetsPlacement: "left" | "top" | "bottom" | "right";
defaultTime: string;
} & {
label?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
onChange?: (value: import("./type").DateValue | import("./type").DateMultipleValue, context: {
dayjsValue?: import("dayjs").Dayjs;
trigger?: import("./type").DatePickerTriggerSource;
}) => void;
prefixIcon?: (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue;
suffixIcon?: (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue;
tips?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
onBlur?: (context: {
value: import("./type").DateValue | import("./type").DateMultipleValue;
e: FocusEvent;
}) => void;
onFocus?: (context: {
value: import("./type").DateValue | import("./type").DateMultipleValue;
e: FocusEvent;
}) => void;
inputProps?: unknown;
popupProps?: unknown;
firstDayOfWeek?: number;
disableTime?: (time: Date) => Partial<{
hour: number[];
minute: number[];
second: number[];
millisecond: number[];
}>;
presets?: import("./type").PresetDate;
onPick?: (value: import("./type").DateValue) => void;
disableDate?: unknown;
timePickerProps?: unknown;
onConfirm?: (context: {
date: Date;
e: MouseEvent;
}) => void;
onPresetClick?: (context: {
preset: import("./type").PresetDate;
e: MouseEvent;
}) => void;
}, {
value: import("./type").DateValue | import("./type").DateMultipleValue;
disabled: boolean;
multiple: boolean;
size: import("..").SizeEnum;
readonly: boolean;
status: "error" | "default" | "success" | "warning";
defaultValue: import("./type").DateValue | import("./type").DateMultipleValue;
format: string;
borderless: boolean;
clearable: boolean;
placeholder: string;
allowInput: boolean;
valueType: import("./type").DatePickerValueType;
mode: "month" | "year" | "quarter" | "week" | "date";
enableTimePicker: boolean;
presetsPlacement: "left" | "top" | "bottom" | "right";
defaultTime: string;
}, true>) & import("vue").PluginObject<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
COMPONENT_NAME: import("@vue/composition-api").ComputedRef<string>;
inputValue: import("@vue/composition-api").Ref<string | number | string[] | number[] | Date | Date[]>;
datePickerPopupProps: import("@vue/composition-api").ComputedRef<{
trigger: string;
overlayInnerStyle: import("..").Styles | ((triggerElement: HTMLElement, popupElement: HTMLElement) => import("..").Styles);
overlayClassName: import("..").ClassName[];
onVisibleChange: (visible: boolean, context: any) => void;
attach?: import("..").AttachNode;
content?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
default?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
delay?: number | number[];
destroyOnClose?: boolean;
disabled?: boolean;
hideEmptyPopup?: boolean;
overlayInnerClassName?: import("..").ClassName;
overlayStyle?: import("..").Styles | ((triggerElement: HTMLElement, popupElement: HTMLElement) => import("..").Styles);
placement?: import("..").PopupPlacement;
popperOptions?: object;
showArrow?: boolean;
triggerElement?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
visible?: boolean;
defaultVisible?: boolean;
zIndex?: number;
onScroll?: (context: {
e: WheelEvent;
}) => void;
onScrollToBottom?: (context: {
e: WheelEvent;
}) => void;
expandAnimation: boolean;
}>;
datePickerInputProps: import("@vue/composition-api").ComputedRef<import("..").TdInputProps<import("..").InputValue> | {
ref: import("@vue/composition-api").Ref<any>;
borderless: boolean;
size: import("..").SizeEnum;
prefixIcon: (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue;
class: {
[x: string]: boolean;
}[];
onClear: (context: {
e: InputEvent;
}) => void;
onBlur: (val: string, context: {
e: FocusEvent;
}) => void;
onFocus: (_: string, { e }: {
e: FocusEvent;
}) => void;
onChange: (val: string) => void;
onEnter: (val: string) => void;
align?: "center" | "left" | "right";
allowInputOverMax?: boolean;
autoWidth?: boolean;
autocomplete?: string;
autofocus?: boolean;
clearable?: boolean;
disabled?: boolean;
format?: import("..").InputFormatType;
inputClass?: import("..").ClassName;
label?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
maxcharacter?: number;
maxlength?: string | number;
name?: string;
placeholder?: string;
readonly?: boolean;
showClearIconOnEmpty?: boolean;
showLimitNumber?: boolean;
spellCheck?: boolean;
status?: "error" | "default" | "success" | "warning";
suffix?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
suffixIcon?: (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue;
tips?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
type?: "number" | "search" | "password" | "url" | "hidden" | "text" | "submit" | "tel";
value?: import("..").InputValue;
defaultValue?: import("..").InputValue;
onClick?: (context: {
e: MouseEvent;
}) => void;
onCompositionend?: (value: string, context: {
e: CompositionEvent;
}) => void;
onCompositionstart?: (value: string, context: {
e: CompositionEvent;
}) => void;
onKeydown?: (value: import("..").InputValue, context: {
e: KeyboardEvent;
}) => void;
onKeypress?: (value: import("..").InputValue, context: {
e: KeyboardEvent;
}) => void;
onKeyup?: (value: import("..").InputValue, context: {
e: KeyboardEvent;
}) => void;
onMouseenter?: (context: {
e: MouseEvent;
}) => void;
onMouseleave?: (context: {
e: MouseEvent;
}) => void;
onPaste?: (context: {
e: ClipboardEvent;
pasteValue: string;
}) => void;
onValidate?: (context: {
error?: "exceed-maximum" | "below-minimum";
}) => void;
onWheel?: (context: {
e: WheelEvent;
}) => void;
}>;
popupVisible: import("@vue/composition-api").Ref<boolean>;
panelProps: any;
isDisabled: import("@vue/composition-api").ComputedRef<boolean>;
onTagRemoveClick: (ctx: import("..").TagInputRemoveContext) => void;
onTagClearClick: ({ e }: {
e: MouseEvent;
}) => void;
CalendarIcon: import("tdesign-icons-vue").GlobalIconType;
global: import("@vue/composition-api").ComputedRef<{} & (import("..").DatePickerConfig | ({
readonly firstDayOfWeek: 1;
} & {
readonly dayjsLocale: "zh-cn";
readonly placeholder: {
readonly date: "请选择日期";
readonly month: "请选择月份";
readonly year: "请选择年份";
readonly quarter: "请选择季度";
readonly week: "请选择周";
};
readonly weekdays: readonly ["一", "二", "三", "四", "五", "六", "日"];
readonly months: readonly ["1 月", "2 月", "3 月", "4 月", "5 月", "6 月", "7 月", "8 月", "9 月", "10 月", "11 月", "12 月"];
readonly quarters: readonly ["一季度", "二季度", "三季度", "四季度"];
readonly rangeSeparator: " - ";
readonly direction: "ltr";
readonly format: "YYYY-MM-DD";
readonly dayAriaLabel: "日";
readonly weekAbbreviation: "周";
readonly yearAriaLabel: "年";
readonly monthAriaLabel: "月";
readonly confirm: "确定";
readonly selectTime: "选择时间";
readonly selectDate: "选择日期";
readonly nextYear: "下一年";
readonly preYear: "上一年";
readonly nextMonth: "下个月";
readonly preMonth: "上个月";
readonly preDecade: "上个十年";
readonly nextDecade: "下个十年";
readonly now: "当前";
})) & import("..").DatePickerConfig>;
}> & import("@vue/composition-api").Data, {}, {}, {
allowInput: BooleanConstructor;
borderless: BooleanConstructor;
clearable: BooleanConstructor;
defaultTime: {
type: StringConstructor;
default: string;
};
disableDate: {
type: import("vue").PropType<import("./type").DisableDate>;
};
disableTime: {
type: import("vue").PropType<(time: Date) => Partial<{
hour: number[];
minute: number[];
second: number[];
millisecond: number[];
}>>;
};
disabled: BooleanConstructor;
readonly: {
type: BooleanConstructor;
default: any;
};
enableTimePicker: BooleanConstructor;
firstDayOfWeek: {
type: NumberConstructor;
validator(val: number): boolean;
};
format: {
type: StringConstructor;
default: any;
};
inputProps: {
type: import("vue").PropType<import("..").InputProps<import("..").InputValue>>;
};
label: {
type: import("vue").PropType<string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue)>;
};
mode: {
type: import("vue").PropType<"month" | "year" | "quarter" | "week" | "date">;
default: "month" | "year" | "quarter" | "week" | "date";
validator(val: "month" | "year" | "quarter" | "week" | "date"): boolean;
};
multiple: BooleanConstructor;
placeholder: {
type: import("vue").PropType<string>;
default: any;
};
popupProps: {
type: import("vue").PropType<import("..").TdPopupProps>;
};
prefixIcon: {
type: import("vue").PropType<(h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue>;
};
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: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue>;
};
timePickerProps: {
type: import("vue").PropType<import("..").TdTimePickerProps>;
};
tips: {
type: import("vue").PropType<string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue)>;
};
value: {
type: import("vue").PropType<import("./type").DateValue | import("./type").DateMultipleValue>;
default: string;
};
defaultValue: {
type: import("vue").PropType<import("./type").DateValue | import("./type").DateMultipleValue>;
default: string;
};
valueType: {
type: import("vue").PropType<import("./type").DatePickerValueType>;
default: string;
};
onBlur: import("vue").PropType<(context: {
value: import("./type").DateValue | import("./type").DateMultipleValue;
e: FocusEvent;
}) => void>;
onChange: import("vue").PropType<(value: import("./type").DateValue | import("./type").DateMultipleValue, 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 | import("./type").DateMultipleValue;
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/composition-api").ExtractPropTypes<{
allowInput: BooleanConstructor;
borderless: BooleanConstructor;
clearable: BooleanConstructor;
defaultTime: {
type: StringConstructor;
default: string;
};
disableDate: {
type: import("vue").PropType<import("./type").DisableDate>;
};
disableTime: {
type: import("vue").PropType<(time: Date) => Partial<{
hour: number[];
minute: number[];
second: number[];
millisecond: number[];
}>>;
};
disabled: BooleanConstructor;
readonly: {
type: BooleanConstructor;
default: any;
};
enableTimePicker: BooleanConstructor;
firstDayOfWeek: {
type: NumberConstructor;
validator(val: number): boolean;
};
format: {
type: StringConstructor;
default: any;
};
inputProps: {
type: import("vue").PropType<import("..").InputProps<import("..").InputValue>>;
};
label: {
type: import("vue").PropType<string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue)>;
};
mode: {
type: import("vue").PropType<"month" | "year" | "quarter" | "week" | "date">;
default: "month" | "year" | "quarter" | "week" | "date";
validator(val: "month" | "year" | "quarter" | "week" | "date"): boolean;
};
multiple: BooleanConstructor;
placeholder: {
type: import("vue").PropType<string>;
default: any;
};
popupProps: {
type: import("vue").PropType<import("..").TdPopupProps>;
};
prefixIcon: {
type: import("vue").PropType<(h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue>;
};
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: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue>;
};
timePickerProps: {
type: import("vue").PropType<import("..").TdTimePickerProps>;
};
tips: {
type: import("vue").PropType<string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue)>;
};
value: {
type: import("vue").PropType<import("./type").DateValue | import("./type").DateMultipleValue>;
default: string;
};
defaultValue: {
type: import("vue").PropType<import("./type").DateValue | import("./type").DateMultipleValue>;
default: string;
};
valueType: {
type: import("vue").PropType<import("./type").DatePickerValueType>;
default: string;
};
onBlur: import("vue").PropType<(context: {
value: import("./type").DateValue | import("./type").DateMultipleValue;
e: FocusEvent;
}) => void>;
onChange: import("vue").PropType<(value: import("./type").DateValue | import("./type").DateMultipleValue, 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 | import("./type").DateMultipleValue;
e: FocusEvent;
}) => void>;
onPick: import("vue").PropType<(value: import("./type").DateValue) => void>;
onPresetClick: import("vue").PropType<(context: {
preset: import("./type").PresetDate;
e: MouseEvent;
}) => void>;
}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
value: import("./type").DateValue | import("./type").DateMultipleValue;
disabled: boolean;
multiple: boolean;
size: import("..").SizeEnum;
readonly: boolean;
status: "error" | "default" | "success" | "warning";
defaultValue: import("./type").DateValue | import("./type").DateMultipleValue;
format: string;
borderless: boolean;
clearable: boolean;
placeholder: string;
allowInput: boolean;
valueType: import("./type").DatePickerValueType;
mode: "month" | "year" | "quarter" | "week" | "date";
enableTimePicker: boolean;
presetsPlacement: "left" | "top" | "bottom" | "right";
defaultTime: string;
} & {
label?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
onChange?: (value: import("./type").DateValue | import("./type").DateMultipleValue, context: {
dayjsValue?: import("dayjs").Dayjs;
trigger?: import("./type").DatePickerTriggerSource;
}) => void;
prefixIcon?: (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue;
suffixIcon?: (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue;
tips?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
onBlur?: (context: {
value: import("./type").DateValue | import("./type").DateMultipleValue;
e: FocusEvent;
}) => void;
onFocus?: (context: {
value: import("./type").DateValue | import("./type").DateMultipleValue;
e: FocusEvent;
}) => void;
inputProps?: unknown;
popupProps?: unknown;
firstDayOfWeek?: number;
disableTime?: (time: Date) => Partial<{
hour: number[];
minute: number[];
second: number[];
millisecond: number[];
}>;
presets?: import("./type").PresetDate;
onPick?: (value: import("./type").DateValue) => void;
disableDate?: unknown;
timePickerProps?: unknown;
onConfirm?: (context: {
date: Date;
e: MouseEvent;
}) => void;
onPresetClick?: (context: {
preset: import("./type").PresetDate;
e: MouseEvent;
}) => void;
}, import("@vue/composition-api").ShallowUnwrapRef<{
COMPONENT_NAME: import("@vue/composition-api").ComputedRef<string>;
inputValue: import("@vue/composition-api").Ref<string | number | string[] | number[] | Date | Date[]>;
datePickerPopupProps: import("@vue/composition-api").ComputedRef<{
trigger: string;
overlayInnerStyle: import("..").Styles | ((triggerElement: HTMLElement, popupElement: HTMLElement) => import("..").Styles);
overlayClassName: import("..").ClassName[];
onVisibleChange: (visible: boolean, context: any) => void;
attach?: import("..").AttachNode;
content?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
default?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
delay?: number | number[];
destroyOnClose?: boolean;
disabled?: boolean;
hideEmptyPopup?: boolean;
overlayInnerClassName?: import("..").ClassName;
overlayStyle?: import("..").Styles | ((triggerElement: HTMLElement, popupElement: HTMLElement) => import("..").Styles);
placement?: import("..").PopupPlacement;
popperOptions?: object;
showArrow?: boolean;
triggerElement?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
visible?: boolean;
defaultVisible?: boolean;
zIndex?: number;
onScroll?: (context: {
e: WheelEvent;
}) => void;
onScrollToBottom?: (context: {
e: WheelEvent;
}) => void;
expandAnimation: boolean;
}>;
datePickerInputProps: import("@vue/composition-api").ComputedRef<import("..").TdInputProps<import("..").InputValue> | {
ref: import("@vue/composition-api").Ref<any>;
borderless: boolean;
size: import("..").SizeEnum;
prefixIcon: (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue;
class: {
[x: string]: boolean;
}[];
onClear: (context: {
e: InputEvent;
}) => void;
onBlur: (val: string, context: {
e: FocusEvent;
}) => void;
onFocus: (_: string, { e }: {
e: FocusEvent;
}) => void;
onChange: (val: string) => void;
onEnter: (val: string) => void;
align?: "center" | "left" | "right";
allowInputOverMax?: boolean;
autoWidth?: boolean;
autocomplete?: string;
autofocus?: boolean;
clearable?: boolean;
disabled?: boolean;
format?: import("..").InputFormatType;
inputClass?: import("..").ClassName;
label?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
maxcharacter?: number;
maxlength?: string | number;
name?: string;
placeholder?: string;
readonly?: boolean;
showClearIconOnEmpty?: boolean;
showLimitNumber?: boolean;
spellCheck?: boolean;
status?: "error" | "default" | "success" | "warning";
suffix?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
suffixIcon?: (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue;
tips?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
type?: "number" | "search" | "password" | "url" | "hidden" | "text" | "submit" | "tel";
value?: import("..").InputValue;
defaultValue?: import("..").InputValue;
onClick?: (context: {
e: MouseEvent;
}) => void;
onCompositionend?: (value: string, context: {
e: CompositionEvent;
}) => void;
onCompositionstart?: (value: string, context: {
e: CompositionEvent;
}) => void;
onKeydown?: (value: import("..").InputValue, context: {
e: KeyboardEvent;
}) => void;
onKeypress?: (value: import("..").InputValue, context: {
e: KeyboardEvent;
}) => void;
onKeyup?: (value: import("..").InputValue, context: {
e: KeyboardEvent;
}) => void;
onMouseenter?: (context: {
e: MouseEvent;
}) => void;
onMouseleave?: (context: {
e: MouseEvent;
}) => void;
onPaste?: (context: {
e: ClipboardEvent;
pasteValue: string;
}) => void;
onValidate?: (context: {
error?: "exceed-maximum" | "below-minimum";
}) => void;
onWheel?: (context: {
e: WheelEvent;
}) => void;
}>;
popupVisible: import("@vue/composition-api").Ref<boolean>;
panelProps: any;
isDisabled: import("@vue/composition-api").ComputedRef<boolean>;
onTagRemoveClick: (ctx: import("..").TagInputRemoveContext) => void;
onTagClearClick: ({ e }: {
e: MouseEvent;
}) => void;
CalendarIcon: import("tdesign-icons-vue").GlobalIconType;
global: import("@vue/composition-api").ComputedRef<{} & (import("..").DatePickerConfig | ({
readonly firstDayOfWeek: 1;
} & {
readonly dayjsLocale: "zh-cn";
readonly placeholder: {
readonly date: "请选择日期";
readonly month: "请选择月份";
readonly year: "请选择年份";
readonly quarter: "请选择季度";
readonly week: "请选择周";
};
readonly weekdays: readonly ["一", "二", "三", "四", "五", "六", "日"];
readonly months: readonly ["1 月", "2 月", "3 月", "4 月", "5 月", "6 月", "7 月", "8 月", "9 月", "10 月", "11 月", "12 月"];
readonly quarters: readonly ["一季度", "二季度", "三季度", "四季度"];
readonly rangeSeparator: " - ";
readonly direction: "ltr";
readonly format: "YYYY-MM-DD";
readonly dayAriaLabel: "日";
readonly weekAbbreviation: "周";
readonly yearAriaLabel: "年";
readonly monthAriaLabel: "月";
readonly confirm: "确定";
readonly selectTime: "选择时间";
readonly selectDate: "选择日期";
readonly nextYear: "下一年";
readonly preYear: "上一年";
readonly nextMonth: "下个月";
readonly preMonth: "上个月";
readonly preDecade: "上个十年";
readonly nextDecade: "下个十年";
readonly now: "当前";
})) & import("..").DatePickerConfig>;
}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
value: import("./type").DateValue | import("./type").DateMultipleValue;
disabled: boolean;
multiple: boolean;
size: import("..").SizeEnum;
readonly: boolean;
status: "error" | "default" | "success" | "warning";
defaultValue: import("./type").DateValue | import("./type").DateMultipleValue;
format: string;
borderless: boolean;
clearable: boolean;
placeholder: string;
allowInput: boolean;
valueType: import("./type").DatePickerValueType;
mode: "month" | "year" | "quarter" | "week" | "date";
enableTimePicker: boolean;
presetsPlacement: "left" | "top" | "bottom" | "right";
defaultTime: string;
} & {
label?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
onChange?: (value: import("./type").DateValue | import("./type").DateMultipleValue, context: {
dayjsValue?: import("dayjs").Dayjs;
trigger?: import("./type").DatePickerTriggerSource;
}) => void;
prefixIcon?: (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue;
suffixIcon?: (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue;
tips?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
onBlur?: (context: {
value: import("./type").DateValue | import("./type").DateMultipleValue;
e: FocusEvent;
}) => void;
onFocus?: (context: {
value: import("./type").DateValue | import("./type").DateMultipleValue;
e: FocusEvent;
}) => void;
inputProps?: unknown;
popupProps?: unknown;
firstDayOfWeek?: number;
disableTime?: (time: Date) => Partial<{
hour: number[];
minute: number[];
second: number[];
millisecond: number[];
}>;
presets?: import("./type").PresetDate;
onPick?: (value: import("./type").DateValue) => void;
disableDate?: unknown;
timePickerProps?: unknown;
onConfirm?: (context: {
date: Date;
e: MouseEvent;
}) => void;
onPresetClick?: (context: {
preset: import("./type").PresetDate;
e: MouseEvent;
}) => void;
}, {
value: import("./type").DateValue | import("./type").DateMultipleValue;
disabled: boolean;
multiple: boolean;
size: import("..").SizeEnum;
readonly: boolean;
status: "error" | "default" | "success" | "warning";
defaultValue: import("./type").DateValue | import("./type").DateMultipleValue;
format: string;
borderless: boolean;
clearable: boolean;
placeholder: string;
allowInput: boolean;
valueType: import("./type").DatePickerValueType;
mode: "month" | "year" | "quarter" | "week" | "date";
enableTimePicker: boolean;
presetsPlacement: "left" | "top" | "bottom" | "right";
defaultTime: string;
}, true>)>;
export declare const DatePickerPanel: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
panelProps: import("@vue/composition-api").ComputedRef<{
value: string;
year: number;
month: number;
mode: "month" | "year" | "quarter" | "week" | "date";
format: string;
presets: import("./type").PresetDate;
time: string;
disableDate: import("./type").DisableDate;
firstDayOfWeek: number;
timePickerProps: import("..").TdTimePickerProps;
enableTimePicker: boolean;
presetsPlacement: "left" | "top" | "bottom" | "right";
popupVisible: boolean | Boolean;
onPanelClick: (context: {
e: MouseEvent;
}) => void;
onCellClick: (date: Date, { e }: {
e: MouseEvent;
}) => void;
onJumperClick: ({ trigger }: {
trigger: "next" | "prev" | "current";
}) => void;
onConfirmClick: ({ e }: {
e: MouseEvent;
}) => void;
onPresetClick: (presetValue: any, context: any) => void;
onYearChange: (nextYear: number) => void;
onMonthChange: (nextMonth: number) => void;
onTimePickerChange: (val: string) => void;
}>;
}> & import("@vue/composition-api").Data, {}, {}, {
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 | import("./type").DateMultipleValue>;
default: string;
};
defaultValue: {
type: import("vue").PropType<import("./type").DateValue | import("./type").DateMultipleValue>;
default: string;
};
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/composition-api").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 | import("./type").DateMultipleValue>;
default: string;
};
defaultValue: {
type: import("vue").PropType<import("./type").DateValue | import("./type").DateMultipleValue>;
default: string;
};
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>;
};
}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
value: import("./type").DateValue | import("./type").DateMultipleValue;
disabled: boolean;
defaultValue: import("./type").DateValue | import("./type").DateMultipleValue;
format: string;
mode: "month" | "year" | "quarter" | "week" | "date";
enableTimePicker: boolean;
presetsPlacement: "left" | "top" | "bottom" | "right";
defaultTime: string;
} & {
onChange?: (value: import("./type").DateValue, context: {
dayjsValue?: import("dayjs").Dayjs;
e?: MouseEvent;
trigger?: import("./type").DatePickerTriggerSource;
}) => void;
firstDayOfWeek?: number;
onCellClick?: (context: {
date: Date;
e: MouseEvent;
}) => void;
onMonthChange?: (context: {
month: number;
date: Date;
e?: MouseEvent;
trigger: import("./type").DatePickerMonthChangeTrigger;
}) => void;
presets?: import("./type").PresetDate;
disableDate?: unknown;
timePickerProps?: unknown;
onConfirm?: (context: {
date: Date;
e: MouseEvent;
}) => void;
onPanelClick?: (context: {
e: MouseEvent;
}) => void;
onPresetClick?: (context: {
preset: import("./type").PresetDate;
e: MouseEvent;
}) => void;
onTimeChange?: (context: {
time: string;
date: Date;
trigger: import("./type").DatePickerTimeChangeTrigger;
e?: MouseEvent;
}) => void;
onYearChange?: (context: {
year: number;
date: Date;
trigger: import("./type").DatePickerYearChangeTrigger;
e?: MouseEvent;
}) => void;
}, import("@vue/composition-api").ShallowUnwrapRef<{
panelProps: import("@vue/composition-api").ComputedRef<{
value: string;
year: number;
month: number;
mode: "month" | "year" | "quarter" | "week" | "date";
format: string;
presets: import("./type").PresetDate;
time: string;
disableDate: import("./type").DisableDate;
firstDayOfWeek: number;
timePickerProps: import("..").TdTimePickerProps;
enableTimePicker: boolean;
presetsPlacement: "left" | "top" | "bottom" | "right";
popupVisible: boolean | Boolean;
onPanelClick: (context: {
e: MouseEvent;
}) => void;
onCellClick: (date: Date, { e }: {
e: MouseEvent;
}) => void;
onJumperClick: ({ trigger }: {
trigger: "next" | "prev" | "current";
}) => void;
onConfirmClick: ({ e }: {
e: MouseEvent;
}) => void;
onPresetClick: (presetValue: any, context: any) => void;
onYearChange: (nextYear: number) => void;
onMonthChange: (nextMonth: number) => void;
onTimePickerChange: (val: string) => void;
}>;
}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
value: import("./type").DateValue | import("./type").DateMultipleValue;
disabled: boolean;
defaultValue: import("./type").DateValue | import("./type").DateMultipleValue;
format: string;
mode: "month" | "year" | "quarter" | "week" | "date";
enableTimePicker: boolean;
presetsPlacement: "left" | "top" | "bottom" | "right";
defaultTime: string;
} & {
onChange?: (value: import("./type").DateValue, context: {
dayjsValue?: import("dayjs").Dayjs;
e?: MouseEvent;
trigger?: import("./type").DatePickerTriggerSource;
}) => void;
firstDayOfWeek?: number;
onCellClick?: (context: {
date: Date;
e: MouseEvent;
}) => void;
onMonthChange?: (context: {
month: number;
date: Date;
e?: MouseEvent;
trigger: import("./type").DatePickerMonthChangeTrigger;
}) => void;
presets?: import("./type").PresetDate;
disableDate?: unknown;
timePickerProps?: unknown;
onConfirm?: (context: {
date: Date;
e: MouseEvent;
}) => void;
onPanelClick?: (context: {
e: MouseEvent;
}) => void;
onPresetClick?: (context: {
preset: import("./type").PresetDate;
e: MouseEvent;
}) => void;
onTimeChange?: (context: {
time: string;
date: Date;
trigger: import("./type").DatePickerTimeChangeTrigger;
e?: MouseEvent;
}) => void;
onYearChange?: (context: {
year: number;
date: Date;
trigger: import("./type").DatePickerYearChangeTrigger;
e?: MouseEvent;
}) => void;
}, {
value: import("./type").DateValue | import("./type").DateMultipleValue;
disabled: boolean;
defaultValue: import("./type").DateValue | import("./type").DateMultipleValue;
format: string;
mode: "month" | "year" | "quarter" | "week" | "date";
enableTimePicker: boolean;
presetsPlacement: "left" | "top" | "bottom" | "right";
defaultTime: string;
}, true>) & import("vue").PluginObject<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
panelProps: import("@vue/composition-api").ComputedRef<{
value: string;
year: number;
month: number;
mode: "month" | "year" | "quarter" | "week" | "date";
format: string;
presets: import("./type").PresetDate;
time: string;
disableDate: import("./type").DisableDate;
firstDayOfWeek: number;
timePickerProps: import("..").TdTimePickerProps;
enableTimePicker: boolean;
presetsPlacement: "left" | "top" | "bottom" | "right";
popupVisible: boolean | Boolean;
onPanelClick: (context: {
e: MouseEvent;
}) => void;
onCellClick: (date: Date, { e }: {
e: MouseEvent;
}) => void;
onJumperClick: ({ trigger }: {
trigger: "next" | "prev" | "current";
}) => void;
onConfirmClick: ({ e }: {
e: MouseEvent;
}) => void;
onPresetClick: (presetValue: any, context: any) => void;
onYearChange: (nextYear: number) => void;
onMonthChange: (nextMonth: number) => void;
onTimePickerChange: (val: string) => void;
}>;
}> & import("@vue/composition-api").Data, {}, {}, {
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 | import("./type").DateMultipleValue>;
default: string;
};
defaultValue: {
type: import("vue").PropType<import("./type").DateValue | import("./type").DateMultipleValue>;
default: string;
};
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/composition-api").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 | import("./type").DateMultipleValue>;
default: string;
};
defaultValue: {
type: import("vue").PropType<import("./type").DateValue | import("./type").DateMultipleValue>;
default: string;
};
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>;
};
}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
value: import("./type").DateValue | import("./type").DateMultipleValue;
disabled: boolean;
defaultValue: import("./type").DateValue | import("./type").DateMultipleValue;
format: string;
mode: "month" | "year" | "quarter" | "week" | "date";
enableTimePicker: boolean;
presetsPlacement: "left" | "top" | "bottom" | "right";
defaultTime: string;
} & {
onChange?: (value: import("./type").DateValue, context: {
dayjsValue?: import("dayjs").Dayjs;
e?: MouseEvent;
trigger?: import("./type").DatePickerTriggerSource;
}) => void;
firstDayOfWeek?: number;
onCellClick?: (context: {
date: Date;
e: MouseEvent;
}) => void;
onMonthChange?: (context: {
month: number;
date: Date;
e?: MouseEvent;
trigger: import("./type").DatePickerMonthChangeTrigger;
}) => void;
presets?: import("./type").PresetDate;
disableDate?: unknown;
timePickerProps?: unknown;
onConfirm?: (context: {
date: Date;
e: MouseEvent;
}) => void;
onPanelClick?: (context: {
e: MouseEvent;
}) => void;
onPresetClick?: (context: {
preset: import("./type").PresetDate;
e: MouseEvent;
}) => void;
onTimeChange?: (context: {
time: string;
date: Date;
trigger: import("./type").DatePickerTimeChangeTrigger;
e?: MouseEvent;
}) => void;
onYearChange?: (context: {
year: number;
date: Date;
trigger: import("./type").DatePickerYearChangeTrigger;
e?: MouseEvent;
}) => void;
}, import("@vue/composition-api").ShallowUnwrapRef<{
panelProps: import("@vue/composition-api").ComputedRef<{
value: string;
year: number;
month: number;
mode: "month" | "year" | "quarter" | "week" | "date";
format: string;
presets: import("./type").PresetDate;
time: string;
disableDate: import("./type").DisableDate;
firstDayOfWeek: number;
timePickerProps: import("..").TdTimePickerProps;
enableTimePicker: boolean;
presetsPlacement: "left" | "top" | "bottom" | "right";
popupVisible: boolean | Boolean;
onPanelClick: (context: {
e: MouseEvent;
}) => void;
onCellClick: (date: Date, { e }: {
e: MouseEvent;
}) => void;
onJumperClick: ({ trigger }: {
trigger: "next" | "prev" | "current";
}) => void;
onConfirmClick: ({ e }: {
e: MouseEvent;
}) => void;
onPresetClick: (presetValue: any, context: any) => void;
onYearChange: (nextYear: number) => void;
onMonthChange: (nextMonth: number) => void;
onTimePickerChange: (val: string) => void;
}>;
}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
value: import("./type").DateValue | import("./type").DateMultipleValue;
disabled: boolean;
defaultValue: import("./type").DateValue | import("./type").DateMultipleValue;
format: string;
mode: "month" | "year" | "quarter" | "week" | "date";
enableTimePicker: boolean;
presetsPlacement: "left" | "top" | "bottom" | "right";
defaultTime: string;
} & {
onChange?: (value: import("./type").DateValue, context: {
dayjsValue?: import("dayjs").Dayjs;
e?: MouseEvent;
trigger?: import("./type").DatePickerTriggerSource;
}) => void;
firstDayOfWeek?: number;
onCellClick?: (context: {
date: Date;
e: MouseEvent;
}) => void;
onMonthChange?: (context: {
month: number;
date: Date;
e?: MouseEvent;
trigger: import("./type").DatePickerMonthChangeTrigger;
}) => void;
presets?: import("./type").PresetDate;
disableDate?: unknown;
timePickerProps?: unknown;
onConfirm?: (context: {
date: Date;
e: MouseEvent;
}) => void;
onPanelClick?: (context: {
e: MouseEvent;
}) => void;
onPresetClick?: (context: {
preset: import("./type").PresetDate;
e: MouseEvent;
}) => void;
onTimeChange?: (context: {
time: string;
date: Date;
trigger: import("./type").DatePickerTimeChangeTrigger;
e?: MouseEvent;
}) => void;
onYearChange?: (context: {
year: number;
date: Date;
trigger: import("./type").DatePickerYearChangeTrigger;
e?: MouseEvent;
}) => void;
}, {
value: import("./type").DateValue | import("./type").DateMultipleValue;
disabled: boolean;
defaultValue: import("./type").DateValue | import("./type").DateMultipleValue;
format: string;
mode: "month" | "year" | "quarter" | "week" | "date";
enableTimePicker: boolean;
presetsPlacement: "left" | "top" | "bottom" | "right";
defaultTime: string;
}, true>)>;
export declare const DateRangePicker: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
COMPONENT_NAME: import("@vue/composition-api").ComputedRef<string>;
inputValue: import("@vue/composition-api").Ref<string | number | string[] | number[] | Date | Date[]>;
dateRangePickerPopupProps: import("@vue/composition-api").ComputedRef<{
overlayInnerStyle: import("..").Styles | ((triggerElement: HTMLElement, popupElement: HTMLElement) => import("..").Styles);
overlayClassName: import("..").ClassName[];
onVisibleChange: (visible: boolean, context: any) => void;
attach?: import("..").AttachNode;
content?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
default?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
delay?: number | number[];
destroyOnClose?: boolean;
disabled?: boolean;
hideEmptyPopup?: boolean;
overlayInnerClassName?: import("..").ClassName;
overlayStyle?: import("..").Styles | ((triggerElement: HTMLElement, popupElement: HTMLElement) => import("..").Styles);
placement?: import("..").PopupPlacement;
popperOptions?: object;
showArrow?: boolean;
trigger?: "click" | "focus" | "mousedown" | "hover" | "context-menu";
triggerElement?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
visible?: boolean;
defaultVisible?: boolean;
zIndex?: number;
onScroll?: (context: {
e: WheelEvent;
}) => void;
onScrollToBottom?: (context: {
e: WheelEvent;
}) => void;
expandAnimation: boolean;
}>;
dateRangePickerRangeInputProps: import("@vue/composition-api").ComputedRef<{
ref: import("@vue/composition-api").Ref<any>;
borderless: boolean;
size: import("..").SizeEnum;
clearable: boolean;
prefixIcon: (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue;
readonly: true | Boolean;
separator: string;
placeholder: any;
activeIndex: number;
class: {
[x: string]: boolean;
};
onClick: ({ position }: any) => void;
onClear: ({ e }: {
e: MouseEvent;
}) => void;
onBlur: (newVal: string[], { e, position }: any) => void;
onFocus: (newVal: string[], { e, position }: any) => void;
onChange: (newVal: string[]) => void;
onEnter: (newVal: string[]) => void;
disabled?: boolean;
format?: import("..").InputFormatType | import("..").InputFormatType[];
inputProps?: import("..").InputProps<import("..").InputValue> | import("..").InputProps<import("..").InputValue>[];
label?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
showClearIconOnEmpty?: boolean;
status?: "error" | "default" | "success" | "warning";
suffix?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
suffixIcon?: (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue;
tips?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
value?: import("..").RangeInputValue;
defaultValue?: import("..").RangeInputValue;
onMouseenter?: (context: {
e: MouseEvent;
}) => void;
onMouseleave?: (context: {
e: MouseEvent;
}) => void;
}>;
popupVisible: import("@vue/composition-api").Ref<boolean>;
panelProps: any;
CalendarIcon: import("tdesign-icons-vue").GlobalIconType;
isDisabled: import("@vue/composition-api").ComputedRef<boolean>;
}> & import("@vue/composition-api").Data, {}, {}, {
allowInput: BooleanConstructor;
borderless: BooleanConstructor;
clearable: BooleanConstructor;
defaultTime: {
type: import("vue").PropType<string[]>;
default: () => string[];
};
disableDate: {
type: import("vue").PropType<import("./type").DisableRangeDate>;
};
disableTime: {
type: import("vue").PropType<(times: Date[], context: {
partial: import("./type").DateRangePickerPartial;
}) => Partial<{
hour: number[];
minute: number[];
second: number[];
}>>;
};
disabled: BooleanConstructor;
readonly: {
type: BooleanConstructor;
default: any;
};
enableTimePicker: BooleanConstructor;
firstDayOfWeek: {
type: NumberConstructor;
validator(val: number): boolean;
};
format: {
type: StringConstructor;
default: string;
};
label: {
type: import("vue").PropType<string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue)>;
};
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: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue>;
};
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: {
type: import("vue").PropType<(h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue>;
};
timePickerProps: {
type: import("vue").PropType<import("..").TdTimePickerProps>;
};
tips: {
type: import("vue").PropType<string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue)>;
};
value: {
type: import("vue").PropType<import("./type").DateRangeValue>;
default: () => import("./type").DateRangeValue;
};
defaultValue: {
type: import("vue").PropType<import("./type").DateRangeValue>;
default: () => import("./type").DateRangeValue;
};
valueType: {
type: import("vue").PropType<"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">;
validator(val: "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"): boolean;
};
cancelRangeSelectLimit: {
type: BooleanConstructor;
default: boolean;
};
onBlur: import("vue").PropType<(context: {
value: import("./type").DateRangeValue;
partial: import("./type").DateRangePickerPartial;
e: FocusEvent;
}) => void>;
onChange: import("vue").PropType<(value: import("./type").DateRangeValue, context: {
dayjsValue?: import("dayjs").Dayjs[];
trigger?: import("./type").DatePickerTriggerSource;
}) => void>;
onConfirm: import("vue").PropType<(context: {
date: Date[];
e: MouseEvent;
partial: import("./type").DateRangePickerPartial;
}) => void>;
onFocus: import("vue").PropType<(context: {
value: import("./type").DateRangeValue;
partial: import("./type").DateRangePickerPartial;
e: FocusEvent;
}) => void>;
onInput: import("vue").PropType<(context: {
input: string;
value: import("./type").DateRangeValue;
partial: import("./type").DateRangePickerPartial;
e: InputEvent;
}) => void>;
onPick: import("vue").PropType<(value: import("./type").DateValue, context: import("./type").PickContext) => void>;
onPresetClick: import("vue").PropType<(context: {
preset: import("./type").PresetDate;
e: MouseEvent;
}) => void>;
}, import("@vue/composition-api").ExtractPropTypes<{
allowInput: BooleanConstructor;
borderless: BooleanConstructor;
clearable: BooleanConstructor;
defaultTime: {
type: import("vue").PropType<string[]>;
default: () => string[];
};
disableDate: {
type: import("vue").PropType<import("./type").DisableRangeDate>;
};
disableTime: {
type: import("vue").PropType<(times: Date[], context: {
partial: import("./type").DateRangePickerPartial;
}) => Partial<{
hour: number[];
minute: number[];
second: number[];
}>>;
};
disabled: BooleanConstructor;
readonly: {
type: BooleanConstructor;
default: any;
};
enableTimePicker: BooleanConstructor;
firstDayOfWeek: {
type: NumberConstructor;
validator(val: number): boolean;
};
format: {
type: StringConstructor;
default: string;
};
label: {
type: import("vue").PropType<string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue)>;
};
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: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue>;
};
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: {
type: import("vue").PropType<(h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue>;
};
timePickerProps: {
type: import("vue").PropType<import("..").TdTimePickerProps>;
};
tips: {
type: import("vue").PropType<string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue)>;
};
value: {
type: import("vue").PropType<import("./type").DateRangeValue>;
default: () => import("./type").DateRangeValue;
};
defaultValue: {
type: import("vue").PropType<import("./type").DateRangeValue>;
default: () => import("./type").DateRangeValue;
};
valueType: {
type: import("vue").PropType<"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">;
validator(val: "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"): boolean;
};
cancelRangeSelectLimit: {
type: BooleanConstructor;
default: boolean;
};
onBlur: import("vue").PropType<(context: {
value: import("./type").DateRangeValue;
partial: import("./type").DateRangePickerPartial;
e: FocusEvent;
}) => void>;
onChange: import("vue").PropType<(value: import("./type").DateRangeValue, context: {
dayjsValue?: import("dayjs").Dayjs[];
trigger?: import("./type").DatePickerTriggerSource;
}) => void>;
onConfirm: import("vue").PropType<(context: {
date: Date[];
e: MouseEvent;
partial: import("./type").DateRangePickerPartial;
}) => void>;
onFocus: import("vue").PropType<(context: {
value: import("./type").DateRangeValue;
partial: import("./type").DateRangePickerPartial;
e: FocusEvent;
}) => void>;
onInput: import("vue").PropType<(context: {
input: string;
value: import("./type").DateRangeValue;
partial: import("./type").DateRangePickerPartial;
e: InputEvent;
}) => void>;
onPick: import("vue").PropType<(value: import("./type").DateValue, context: import("./type").PickContext) => void>;
onPresetClick: import("vue").PropType<(context: {
preset: import("./type").PresetDate;
e: MouseEvent;
}) => void>;
}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
value: import("./type").DateRangeValue;
disabled: boolean;
size: import("..").SizeEnum;
readonly: boolean;
status: "error" | "default" | "success" | "warning";
defaultValue: import("./type").DateRangeValue;
format: string;
borderless: boolean;
clearable: boolean;
allowInput: boolean;
mode: "month" | "year" | "quarter" | "week" | "date";
separator: string;
enableTimePicker: boolean;
presetsPlacement: "left" | "top" | "bottom" | "right";
defaultTime: string[];
cancelRangeSelectLimit: boolean;
panelPreselection: boolean;
} & {
label?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
onChange?: (value: import("./type").DateRangeValue, context: {
dayjsValue?: import("dayjs").Dayjs[];
trigger?: import("./type").DatePickerTriggerSource;
}) => void;
prefixIcon?: (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue;
suffixIcon?: (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue;
tips?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
onBlur?: (context: {
value: import("./type").DateRangeValue;
partial: import("./type").DateRangePickerPartial;
e: FocusEvent;
}) => void;
onFocus?: (context: {
value: import("./type").DateRangeValue;
partial: import("./type").DateRangePickerPartial;
e: FocusEvent;
}) => void;
placeholder?: string | string[];
popupProps?: unknown;
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";
firstDayOfWeek?: number;
rangeInputProps?: unknown;
disableTime?: (times: Date[], context: {
partial: import("./type").DateRangePickerPartial;
}) => Partial<{
hour: number[];
minute: number[];
second: number[];
}>;
presets?: import("./type").PresetRange;
onInput?: (context: {
input: string;
value: import("./type").DateRangeValue;
partial: import("./type").DateRangePickerPartial;
e: InputEvent;
}) => void;
onPick?: (value: import("./type").DateValue, context: import("./type").PickContext) => void;
disableDate?: unknown;
timePickerProps?: unknown;
onConfirm?: (context: {
date: Date[];
e: MouseEvent;
partial: import("./type").DateRangePickerPartial;
}) => void;
onPresetClick?: (context: {
preset: import("./type").PresetDate;
e: MouseEvent;
}) => void;
}, import("@vue/composition-api").ShallowUnwrapRef<{
COMPONENT_NAME: import("@vue/composition-api").ComputedRef<string>;
inputValue: import("@vue/composition-api").Ref<string | number | string[] | number[] | Date | Date[]>;
dateRangePickerPopupProps: import("@vue/composition-api").ComputedRef<{
overlayInnerStyle: import("..").Styles | ((triggerElement: HTMLElement, popupElement: HTMLElement) => import("..").Styles);
overlayClassName: import("..").ClassName[];
onVisibleChange: (visible: boolean, context: any) => void;
attach?: import("..").AttachNode;
content?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
default?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
delay?: number | number[];
destroyOnClose?: boolean;
disabled?: boolean;
hideEmptyPopup?: boolean;
overlayInnerClassName?: import("..").ClassName;
overlayStyle?: import("..").Styles | ((triggerElement: HTMLElement, popupElement: HTMLElement) => import("..").Styles);
placement?: import("..").PopupPlacement;
popperOptions?: object;
showArrow?: boolean;
trigger?: "click" | "focus" | "mousedown" | "hover" | "context-menu";
triggerElement?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
visible?: boolean;
defaultVisible?: boolean;
zIndex?: number;
onScroll?: (context: {
e: WheelEvent;
}) => void;
onScrollToBottom?: (context: {
e: WheelEvent;
}) => void;
expandAnimation: boolean;
}>;
dateRangePickerRangeInputProps: import("@vue/composition-api").ComputedRef<{
ref: import("@vue/composition-api").Ref<any>;
borderless: boolean;
size: import("..").SizeEnum;
clearable: boolean;
prefixIcon: (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue;
readonly: true | Boolean;
separator: string;
placeholder: any;
activeIndex: number;
class: {
[x: string]: boolean;
};
onClick: ({ position }: any) => void;
onClear: ({ e }: {
e: MouseEvent;
}) => void;
onBlur: (newVal: string[], { e, position }: any) => void;
onFocus: (newVal: string[], { e, position }: any) => void;
onChange: (newVal: string[]) => void;
onEnter: (newVal: string[]) => void;
disabled?: boolean;
format?: import("..").InputFormatType | import("..").InputFormatType[];
inputProps?: import("..").InputProps<import("..").InputValue> | import("..").InputProps<import("..").InputValue>[];
label?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
showClearIconOnEmpty?: boolean;
status?: "error" | "default" | "success" | "warning";
suffix?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
suffixIcon?: (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue;
tips?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
value?: import("..").RangeInputValue;
defaultValue?: import("..").RangeInputValue;
onMouseenter?: (context: {
e: MouseEvent;
}) => void;
onMouseleave?: (context: {
e: MouseEvent;
}) => void;
}>;
popupVisible: import("@vue/composition-api").Ref<boolean>;
panelProps: any;
CalendarIcon: import("tdesign-icons-vue").GlobalIconType;
isDisabled: import("@vue/composition-api").ComputedRef<boolean>;
}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
value: import("./type").DateRangeValue;
disabled: boolean;
size: import("..").SizeEnum;
readonly: boolean;
status: "error" | "default" | "success" | "warning";
defaultValue: import("./type").DateRangeValue;
format: string;
borderless: boolean;
clearable: boolean;
allowInput: boolean;
mode: "month" | "year" | "quarter" | "week" | "date";
separator: string;
enableTimePicker: boolean;
presetsPlacement: "left" | "top" | "bottom" | "right";
defaultTime: string[];
cancelRangeSelectLimit: boolean;
panelPreselection: boolean;
} & {
label?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
onChange?: (value: import("./type").DateRangeValue, context: {
dayjsValue?: import("dayjs").Dayjs[];
trigger?: import("./type").DatePickerTriggerSource;
}) => void;
prefixIcon?: (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue;
suffixIcon?: (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue;
tips?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
onBlur?: (context: {
value: import("./type").DateRangeValue;
partial: import("./type").DateRangePickerPartial;
e: FocusEvent;
}) => void;
onFocus?: (context: {
value: import("./type").DateRangeValue;
partial: import("./type").DateRangePickerPartial;
e: FocusEvent;
}) => void;
placeholder?: string | string[];
popupProps?: unknown;
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";
firstDayOfWeek?: number;
rangeInputProps?: unknown;
disableTime?: (times: Date[], context: {
partial: import("./type").DateRangePickerPartial;
}) => Partial<{
hour: number[];
minute: number[];
second: number[];
}>;
presets?: import("./type").PresetRange;
onInput?: (context: {
input: string;
value: import("./type").DateRangeValue;
partial: import("./type").DateRangePickerPartial;
e: InputEvent;
}) => void;
onPick?: (value: import("./type").DateValue, context: import("./type").PickContext) => void;
disableDate?: unknown;
timePickerProps?: unknown;
onConfirm?: (context: {
date: Date[];
e: MouseEvent;
partial: import("./type").DateRangePickerPartial;
}) => void;
onPresetClick?: (context: {
preset: import("./type").PresetDate;
e: MouseEvent;
}) => void;
}, {
value: import("./type").DateRangeValue;
disabled: boolean;
size: import("..").SizeEnum;
readonly: boolean;
status: "error" | "default" | "success" | "warning";
defaultValue: import("./type").DateRangeValue;
format: string;
borderless: boolean;
clearable: boolean;
allowInput: boolean;
mode: "month" | "year" | "quarter" | "week" | "date";
separator: string;
enableTimePicker: boolean;
presetsPlacement: "left" | "top" | "bottom" | "right";
defaultTime: string[];
cancelRangeSelectLimit: boolean;
panelPreselection: boolean;
}, true>) & import("vue").PluginObject<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
COMPONENT_NAME: import("@vue/composition-api").ComputedRef<string>;
inputValue: import("@vue/composition-api").Ref<string | number | string[] | number[] | Date | Date[]>;
dateRangePickerPopupProps: import("@vue/composition-api").ComputedRef<{
overlayInnerStyle: import("..").Styles | ((triggerElement: HTMLElement, popupElement: HTMLElement) => import("..").Styles);
overlayClassName: import("..").ClassName[];
onVisibleChange: (visible: boolean, context: any) => void;
attach?: import("..").AttachNode;
content?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
default?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
delay?: number | number[];
destroyOnClose?: boolean;
disabled?: boolean;
hideEmptyPopup?: boolean;
overlayInnerClassName?: import("..").ClassName;
overlayStyle?: import("..").Styles | ((triggerElement: HTMLElement, popupElement: HTMLElement) => import("..").Styles);
placement?: import("..").PopupPlacement;
popperOptions?: object;
showArrow?: boolean;
trigger?: "click" | "focus" | "mousedown" | "hover" | "context-menu";
triggerElement?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
visible?: boolean;
defaultVisible?: boolean;
zIndex?: number;
onScroll?: (context: {
e: WheelEvent;
}) => void;
onScrollToBottom?: (context: {
e: WheelEvent;
}) => void;
expandAnimation: boolean;
}>;
dateRangePickerRangeInputProps: import("@vue/composition-api").ComputedRef<{
ref: import("@vue/composition-api").Ref<any>;
borderless: boolean;
size: import("..").SizeEnum;
clearable: boolean;
prefixIcon: (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue;
readonly: true | Boolean;
separator: string;
placeholder: any;
activeIndex: number;
class: {
[x: string]: boolean;
};
onClick: ({ position }: any) => void;
onClear: ({ e }: {
e: MouseEvent;
}) => void;
onBlur: (newVal: string[], { e, position }: any) => void;
onFocus: (newVal: string[], { e, position }: any) => void;
onChange: (newVal: string[]) => void;
onEnter: (newVal: string[]) => void;
disabled?: boolean;
format?: import("..").InputFormatType | import("..").InputFormatType[];
inputProps?: import("..").InputProps<import("..").InputValue> | import("..").InputProps<import("..").InputValue>[];
label?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
showClearIconOnEmpty?: boolean;
status?: "error" | "default" | "success" | "warning";
suffix?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
suffixIcon?: (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue;
tips?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
value?: import("..").RangeInputValue;
defaultValue?: import("..").RangeInputValue;
onMouseenter?: (context: {
e: MouseEvent;
}) => void;
onMouseleave?: (context: {
e: MouseEvent;
}) => void;
}>;
popupVisible: import("@vue/composition-api").Ref<boolean>;
panelProps: any;
CalendarIcon: import("tdesign-icons-vue").GlobalIconType;
isDisabled: import("@vue/composition-api").ComputedRef<boolean>;
}> & import("@vue/composition-api").Data, {}, {}, {
allowInput: BooleanConstructor;
borderless: BooleanConstructor;
clearable: BooleanConstructor;
defaultTime: {
type: import("vue").PropType<string[]>;
default: () => string[];
};
disableDate: {
type: import("vue").PropType<import("./type").DisableRangeDate>;
};
disableTime: {
type: import("vue").PropType<(times: Date[], context: {
partial: import("./type").DateRangePickerPartial;
}) => Partial<{
hour: number[];
minute: number[];
second: number[];
}>>;
};
disabled: BooleanConstructor;
readonly: {
type: BooleanConstructor;
default: any;
};
enableTimePicker: BooleanConstructor;
firstDayOfWeek: {
type: NumberConstructor;
validator(val: number): boolean;
};
format: {
type: StringConstructor;
default: string;
};
label: {
type: import("vue").PropType<string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue)>;
};
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: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue>;
};
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: {
type: import("vue").PropType<(h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue>;
};
timePickerProps: {
type: import("vue").PropType<import("..").TdTimePickerProps>;
};
tips: {
type: import("vue").PropType<string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue)>;
};
value: {
type: import("vue").PropType<import("./type").DateRangeValue>;
default: () => import("./type").DateRangeValue;
};
defaultValue: {
type: import("vue").PropType<import("./type").DateRangeValue>;
default: () => import("./type").DateRangeValue;
};
valueType: {
type: import("vue").PropType<"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">;
validator(val: "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"): boolean;
};
cancelRangeSelectLimit: {
type: BooleanConstructor;
default: boolean;
};
onBlur: import("vue").PropType<(context: {
value: import("./type").DateRangeValue;
partial: import("./type").DateRangePickerPartial;
e: FocusEvent;
}) => void>;
onChange: import("vue").PropType<(value: import("./type").DateRangeValue, context: {
dayjsValue?: import("dayjs").Dayjs[];
trigger?: import("./type").DatePickerTriggerSource;
}) => void>;
onConfirm: import("vue").PropType<(context: {
date: Date[];
e: MouseEvent;
partial: import("./type").DateRangePickerPartial;
}) => void>;
onFocus: import("vue").PropType<(context: {
value: import("./type").DateRangeValue;
partial: import("./type").DateRangePickerPartial;
e: FocusEvent;
}) => void>;
onInput: import("vue").PropType<(context: {
input: string;
value: import("./type").DateRangeValue;
partial: import("./type").DateRangePickerPartial;
e: InputEvent;
}) => void>;
onPick: import("vue").PropType<(value: import("./type").DateValue, context: import("./type").PickContext) => void>;
onPresetClick: import("vue").PropType<(context: {
preset: import("./type").PresetDate;
e: MouseEvent;
}) => void>;
}, import("@vue/composition-api").ExtractPropTypes<{
allowInput: BooleanConstructor;
borderless: BooleanConstructor;
clearable: BooleanConstructor;
defaultTime: {
type: import("vue").PropType<string[]>;
default: () => string[];
};
disableDate: {
type: import("vue").PropType<import("./type").DisableRangeDate>;
};
disableTime: {
type: import("vue").PropType<(times: Date[], context: {
partial: import("./type").DateRangePickerPartial;
}) => Partial<{
hour: number[];
minute: number[];
second: number[];
}>>;
};
disabled: BooleanConstructor;
readonly: {
type: BooleanConstructor;
default: any;
};
enableTimePicker: BooleanConstructor;
firstDayOfWeek: {
type: NumberConstructor;
validator(val: number): boolean;
};
format: {
type: StringConstructor;
default: string;
};
label: {
type: import("vue").PropType<string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue)>;
};
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: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue>;
};
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: {
type: import("vue").PropType<(h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue>;
};
timePickerProps: {
type: import("vue").PropType<import("..").TdTimePickerProps>;
};
tips: {
type: import("vue").PropType<string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue)>;
};
value: {
type: import("vue").PropType<import("./type").DateRangeValue>;
default: () => import("./type").DateRangeValue;
};
defaultValue: {
type: import("vue").PropType<import("./type").DateRangeValue>;
default: () => import("./type").DateRangeValue;
};
valueType: {
type: import("vue").PropType<"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">;
validator(val: "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"): boolean;
};
cancelRangeSelectLimit: {
type: BooleanConstructor;
default: boolean;
};
onBlur: import("vue").PropType<(context: {
value: import("./type").DateRangeValue;
partial: import("./type").DateRangePickerPartial;
e: FocusEvent;
}) => void>;
onChange: import("vue").PropType<(value: import("./type").DateRangeValue, context: {
dayjsValue?: import("dayjs").Dayjs[];
trigger?: import("./type").DatePickerTriggerSource;
}) => void>;
onConfirm: import("vue").PropType<(context: {
date: Date[];
e: MouseEvent;
partial: import("./type").DateRangePickerPartial;
}) => void>;
onFocus: import("vue").PropType<(context: {
value: import("./type").DateRangeValue;
partial: import("./type").DateRangePickerPartial;
e: FocusEvent;
}) => void>;
onInput: import("vue").PropType<(context: {
input: string;
value: import("./type").DateRangeValue;
partial: import("./type").DateRangePickerPartial;
e: InputEvent;
}) => void>;
onPick: import("vue").PropType<(value: import("./type").DateValue, context: import("./type").PickContext) => void>;
onPresetClick: import("vue").PropType<(context: {
preset: import("./type").PresetDate;
e: MouseEvent;
}) => void>;
}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
value: import("./type").DateRangeValue;
disabled: boolean;
size: import("..").SizeEnum;
readonly: boolean;
status: "error" | "default" | "success" | "warning";
defaultValue: import("./type").DateRangeValue;
format: string;
borderless: boolean;
clearable: boolean;
allowInput: boolean;
mode: "month" | "year" | "quarter" | "week" | "date";
separator: string;
enableTimePicker: boolean;
presetsPlacement: "left" | "top" | "bottom" | "right";
defaultTime: string[];
cancelRangeSelectLimit: boolean;
panelPreselection: boolean;
} & {
label?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
onChange?: (value: import("./type").DateRangeValue, context: {
dayjsValue?: import("dayjs").Dayjs[];
trigger?: import("./type").DatePickerTriggerSource;
}) => void;
prefixIcon?: (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue;
suffixIcon?: (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue;
tips?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
onBlur?: (context: {
value: import("./type").DateRangeValue;
partial: import("./type").DateRangePickerPartial;
e: FocusEvent;
}) => void;
onFocus?: (context: {
value: import("./type").DateRangeValue;
partial: import("./type").DateRangePickerPartial;
e: FocusEvent;
}) => void;
placeholder?: string | string[];
popupProps?: unknown;
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";
firstDayOfWeek?: number;
rangeInputProps?: unknown;
disableTime?: (times: Date[], context: {
partial: import("./type").DateRangePickerPartial;
}) => Partial<{
hour: number[];
minute: number[];
second: number[];
}>;
presets?: import("./type").PresetRange;
onInput?: (context: {
input: string;
value: import("./type").DateRangeValue;
partial: import("./type").DateRangePickerPartial;
e: InputEvent;
}) => void;
onPick?: (value: import("./type").DateValue, context: import("./type").PickContext) => void;
disableDate?: unknown;
timePickerProps?: unknown;
onConfirm?: (context: {
date: Date[];
e: MouseEvent;
partial: import("./type").DateRangePickerPartial;
}) => void;
onPresetClick?: (context: {
preset: import("./type").PresetDate;
e: MouseEvent;
}) => void;
}, import("@vue/composition-api").ShallowUnwrapRef<{
COMPONENT_NAME: import("@vue/composition-api").ComputedRef<string>;
inputValue: import("@vue/composition-api").Ref<string | number | string[] | number[] | Date | Date[]>;
dateRangePickerPopupProps: import("@vue/composition-api").ComputedRef<{
overlayInnerStyle: import("..").Styles | ((triggerElement: HTMLElement, popupElement: HTMLElement) => import("..").Styles);
overlayClassName: import("..").ClassName[];
onVisibleChange: (visible: boolean, context: any) => void;
attach?: import("..").AttachNode;
content?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
default?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
delay?: number | number[];
destroyOnClose?: boolean;
disabled?: boolean;
hideEmptyPopup?: boolean;
overlayInnerClassName?: import("..").ClassName;
overlayStyle?: import("..").Styles | ((triggerElement: HTMLElement, popupElement: HTMLElement) => import("..").Styles);
placement?: import("..").PopupPlacement;
popperOptions?: object;
showArrow?: boolean;
trigger?: "click" | "focus" | "mousedown" | "hover" | "context-menu";
triggerElement?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
visible?: boolean;
defaultVisible?: boolean;
zIndex?: number;
onScroll?: (context: {
e: WheelEvent;
}) => void;
onScrollToBottom?: (context: {
e: WheelEvent;
}) => void;
expandAnimation: boolean;
}>;
dateRangePickerRangeInputProps: import("@vue/composition-api").ComputedRef<{
ref: import("@vue/composition-api").Ref<any>;
borderless: boolean;
size: import("..").SizeEnum;
clearable: boolean;
prefixIcon: (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue;
readonly: true | Boolean;
separator: string;
placeholder: any;
activeIndex: number;
class: {
[x: string]: boolean;
};
onClick: ({ position }: any) => void;
onClear: ({ e }: {
e: MouseEvent;
}) => void;
onBlur: (newVal: string[], { e, position }: any) => void;
onFocus: (newVal: string[], { e, position }: any) => void;
onChange: (newVal: string[]) => void;
onEnter: (newVal: string[]) => void;
disabled?: boolean;
format?: import("..").InputFormatType | import("..").InputFormatType[];
inputProps?: import("..").InputProps<import("..").InputValue> | import("..").InputProps<import("..").InputValue>[];
label?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
showClearIconOnEmpty?: boolean;
status?: "error" | "default" | "success" | "warning";
suffix?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
suffixIcon?: (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue;
tips?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
value?: import("..").RangeInputValue;
defaultValue?: import("..").RangeInputValue;
onMouseenter?: (context: {
e: MouseEvent;
}) => void;
onMouseleave?: (context: {
e: MouseEvent;
}) => void;
}>;
popupVisible: import("@vue/composition-api").Ref<boolean>;
panelProps: any;
CalendarIcon: import("tdesign-icons-vue").GlobalIconType;
isDisabled: import("@vue/composition-api").ComputedRef<boolean>;
}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
value: import("./type").DateRangeValue;
disabled: boolean;
size: import("..").SizeEnum;
readonly: boolean;
status: "error" | "default" | "success" | "warning";
defaultValue: import("./type").DateRangeValue;
format: string;
borderless: boolean;
clearable: boolean;
allowInput: boolean;
mode: "month" | "year" | "quarter" | "week" | "date";
separator: string;
enableTimePicker: boolean;
presetsPlacement: "left" | "top" | "bottom" | "right";
defaultTime: string[];
cancelRangeSelectLimit: boolean;
panelPreselection: boolean;
} & {
label?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
onChange?: (value: import("./type").DateRangeValue, context: {
dayjsValue?: import("dayjs").Dayjs[];
trigger?: import("./type").DatePickerTriggerSource;
}) => void;
prefixIcon?: (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue;
suffixIcon?: (h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue;
tips?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue);
onBlur?: (context: {
value: import("./type").DateRangeValue;
partial: import("./type").DateRangePickerPartial;
e: FocusEvent;
}) => void;
onFocus?: (context: {
value: import("./type").DateRangeValue;
partial: import("./type").DateRangePickerPartial;
e: FocusEvent;
}) => void;
placeholder?: string | string[];
popupProps?: unknown;
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";
firstDayOfWeek?: number;
rangeInputProps?: unknown;
disableTime?: (times: Date[], context: {
partial: import("./type").DateRangePickerPartial;
}) => Partial<{
hour: number[];
minute: number[];
second: number[];
}>;
presets?: import("./type").PresetRange;
onInput?: (context: {
input: string;
value: import("./type").DateRangeValue;
partial: import("./type").DateRangePickerPartial;
e: InputEvent;
}) => void;
onPick?: (value: import("./type").DateValue, context: import("./type").PickContext) => void;
disableDate?: unknown;
timePickerProps?: unknown;
onConfirm?: (context: {
date: Date[];
e: MouseEvent;
partial: import("./type").DateRangePickerPartial;
}) => void;
onPresetClick?: (context: {
preset: import("./type").PresetDate;
e: MouseEvent;
}) => void;
}, {
value: import("./type").DateRangeValue;
disabled: boolean;
size: import("..").SizeEnum;
readonly: boolean;
status: "error" | "default" | "success" | "warning";
defaultValue: import("./type").DateRangeValue;
format: string;
borderless: boolean;
clearable: boolean;
allowInput: boolean;
mode: "month" | "year" | "quarter" | "week" | "date";
separator: string;
enableTimePicker: boolean;
presetsPlacement: "left" | "top" | "bottom" | "right";
defaultTime: string[];
cancelRangeSelectLimit: boolean;
panelPreselection: boolean;
}, true>)>;
export declare const DateRangePickerPanel: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
panelProps: import("@vue/composition-api").ComputedRef<{
hoverValue: string[];
value: string[];
activeIndex: number;
year: number[];
month: number[];
mode: "month" | "year" | "quarter" | "week" | "date";
format: string;
presets: import("./type").PresetRange;
time: string[];
disableDate: import("./type").DisableRangeDate;
disableTime: (times: Date[], context: {
partial: import("./type").DateRangePickerPartial;
}) => Partial<{
hour: number[];
minute: number[];
second: number[];
}>;
firstDayOfWeek: number;
timePickerProps: import("..").TdTimePickerProps;
enableTimePicker: boolean;
presetsPlacement: "left" | "top" | "bottom" | "right";
panelPreselection: boolean;
popupVisible: boolean | Boolean;
onPanelClick: (context: {
e: MouseEvent;
}) => void;
onCellClick: (date: Date, { e }: {
e: MouseEvent;
}) => void;
onCellMouseEnter: (date: Date) => void;
onCellMouseLeave: () => void;
onJumperClick: ({ trigger, partial }: {
trigger: string;
partial: import("./type").DateRangePickerPartial;
}) => void;
onConfirmClick: ({ e }: {
e: MouseEvent;
}) => void;
onPresetClick: (preset: any, context: any) => void;
onYearChange: (nextVal: number, { partial }: {
partial: import("./type").DateRangePickerPartial;
}) => void;
onMonthChange: (nextVal: number, { partial }: {
partial: import("./type").DateRangePickerPartial;
}) => void;
onTimePickerChange: (val: string) => void;
}>;
}> & import("@vue/composition-api").Data, {}, {}, {
defaultTime: {
type: import("vue").PropType<string[]>;
default: () => string[];
};
onCellClick: import("vue").PropType<(context: {
date: Date[];
partial: import("./type").DateRangePickerPartial;
e: MouseEvent;
}) => void>;
onChange: import("vue").PropType<(value: import("./type").DateRangeValue, context: {
dayjsValue?: import("dayjs").Dayjs[];
partial: import("./type").DateRangePickerPartial;
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[];
partial: import("./type").DateRangePickerPartial;
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[];
partial: import("./type").DateRangePickerPartial;
trigger: import("./type").DatePickerTimeChangeTrigger;
e?: MouseEvent;
}) => void>;
onYearChange: import("vue").PropType<(context: {
year: number;
date: Date[];
partial: import("./type").DateRangePickerPartial;
trigger: import("./type").DatePickerYearChangeTrigger;
e?: MouseEvent;
}) => void>;
value: {
type: import("vue").PropType<import("./type").DateRangeValue>;
default: () => import("./type").DateRangeValue;
};
defaultValue: {
type: import("vue").PropType<import("./type").DateRangeValue>;
default: () => import("./type").DateRangeValue;
};
disabled: BooleanConstructor;
disableDate: {
type: import("vue").PropType<import("./type").DisableRangeDate>;
};
disableTime: {
type: import("vue").PropType<(times: Date[], context: {
partial: import("./type").DateRangePickerPartial;
}) => Partial<{
hour: number[];
minute: number[];
second: number[];
}>>;
};
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;
};
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;
};
timePickerProps: {
type: import("vue").PropType<import("..").TdTimePickerProps>;
};
panelPreselection: {
type: BooleanConstructor;
default: boolean;
};
}, import("@vue/composition-api").ExtractPropTypes<{
defaultTime: {
type: import("vue").PropType<string[]>;
default: () => string[];
};
onCellClick: import("vue").PropType<(context: {
date: Date[];
partial: import("./type").DateRangePickerPartial;
e: MouseEvent;
}) => void>;
onChange: import("vue").PropType<(value: import("./type").DateRangeValue, context: {
dayjsValue?: import("dayjs").Dayjs[];
partial: import("./type").DateRangePickerPartial;
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[];
partial: import("./type").DateRangePickerPartial;
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[];
partial: import("./type").DateRangePickerPartial;
trigger: import("./type").DatePickerTimeChangeTrigger;
e?: MouseEvent;
}) => void>;
onYearChange: import("vue").PropType<(context: {
year: number;
date: Date[];
partial: import("./type").DateRangePickerPartial;
trigger: import("./type").DatePickerYearChangeTrigger;
e?: MouseEvent;
}) => void>;
value: {
type: import("vue").PropType<import("./type").DateRangeValue>;
default: () => import("./type").DateRangeValue;
};
defaultValue: {
type: import("vue").PropType<import("./type").DateRangeValue>;
default: () => import("./type").DateRangeValue;
};
disabled: BooleanConstructor;
disableDate: {
type: import("vue").PropType<import("./type").DisableRangeDate>;
};
disableTime: {
type: import("vue").PropType<(times: Date[], context: {
partial: import("./type").DateRangePickerPartial;
}) => Partial<{
hour: number[];
minute: number[];
second: number[];
}>>;
};
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;
};
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;
};
timePickerProps: {
type: import("vue").PropType<import("..").TdTimePickerProps>;
};
panelPreselection: {
type: BooleanConstructor;
default: boolean;
};
}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
value: import("./type").DateRangeValue;
disabled: boolean;
defaultValue: import("./type").DateRangeValue;
format: string;
mode: "month" | "year" | "quarter" | "week" | "date";
enableTimePicker: boolean;
presetsPlacement: "left" | "top" | "bottom" | "right";
defaultTime: string[];
panelPreselection: boolean;
} & {
onChange?: (value: import("./type").DateRangeValue, context: {
dayjsValue?: import("dayjs").Dayjs[];
partial: import("./type").DateRangePickerPartial;
e?: MouseEvent;
trigger?: import("./type").DatePickerTriggerSource;
}) => void;
firstDayOfWeek?: number;
onCellClick?: (context: {
date: Date[];
partial: import("./type").DateRangePickerPartial;
e: MouseEvent;
}) => void;
onMonthChange?: (context: {
month: number;
date: Date[];
partial: import("./type").DateRangePickerPartial;
e?: MouseEvent;
trigger: import("./type").DatePickerMonthChangeTrigger;
}) => void;
disableTime?: (times: Date[], context: {
partial: import("./type").DateRangePickerPartial;
}) => Partial<{
hour: number[];
minute: number[];
second: number[];
}>;
presets?: import("./type").PresetRange;
disableDate?: unknown;
timePickerProps?: unknown;
onConfirm?: (context: {
date: Date[];
e: MouseEvent;
}) => void;
onPanelClick?: (context: {
e: MouseEvent;
}) => void;
onPresetClick?: (context: {
preset: import("./type").PresetDate;
e: MouseEvent;
}) => void;
onTimeChange?: (context: {
time: string;
date: Date[];
partial: import("./type").DateRangePickerPartial;
trigger: import("./type").DatePickerTimeChangeTrigger;
e?: MouseEvent;
}) => void;
onYearChange?: (context: {
year: number;
date: Date[];
partial: import("./type").DateRangePickerPartial;
trigger: import("./type").DatePickerYearChangeTrigger;
e?: MouseEvent;
}) => void;
}, import("@vue/composition-api").ShallowUnwrapRef<{
panelProps: import("@vue/composition-api").ComputedRef<{
hoverValue: string[];
value: string[];
activeIndex: number;
year: number[];
month: number[];
mode: "month" | "year" | "quarter" | "week" | "date";
format: string;
presets: import("./type").PresetRange;
time: string[];
disableDate: import("./type").DisableRangeDate;
disableTime: (times: Date[], context: {
partial: import("./type").DateRangePickerPartial;
}) => Partial<{
hour: number[];
minute: number[];
second: number[];
}>;
firstDayOfWeek: number;
timePickerProps: import("..").TdTimePickerProps;
enableTimePicker: boolean;
presetsPlacement: "left" | "top" | "bottom" | "right";
panelPreselection: boolean;
popupVisible: boolean | Boolean;
onPanelClick: (context: {
e: MouseEvent;
}) => void;
onCellClick: (date: Date, { e }: {
e: MouseEvent;
}) => void;
onCellMouseEnter: (date: Date) => void;
onCellMouseLeave: () => void;
onJumperClick: ({ trigger, partial }: {
trigger: string;
partial: import("./type").DateRangePickerPartial;
}) => void;
onConfirmClick: ({ e }: {
e: MouseEvent;
}) => void;
onPresetClick: (preset: any, context: any) => void;
onYearChange: (nextVal: number, { partial }: {
partial: import("./type").DateRangePickerPartial;
}) => void;
onMonthChange: (nextVal: number, { partial }: {
partial: import("./type").DateRangePickerPartial;
}) => void;
onTimePickerChange: (val: string) => void;
}>;
}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
value: import("./type").DateRangeValue;
disabled: boolean;
defaultValue: import("./type").DateRangeValue;
format: string;
mode: "month" | "year" | "quarter" | "week" | "date";
enableTimePicker: boolean;
presetsPlacement: "left" | "top" | "bottom" | "right";
defaultTime: string[];
panelPreselection: boolean;
} & {
onChange?: (value: import("./type").DateRangeValue, context: {
dayjsValue?: import("dayjs").Dayjs[];
partial: import("./type").DateRangePickerPartial;
e?: MouseEvent;
trigger?: import("./type").DatePickerTriggerSource;
}) => void;
firstDayOfWeek?: number;
onCellClick?: (context: {
date: Date[];
partial: import("./type").DateRangePickerPartial;
e: MouseEvent;
}) => void;
onMonthChange?: (context: {
month: number;
date: Date[];
partial: import("./type").DateRangePickerPartial;
e?: MouseEvent;
trigger: import("./type").DatePickerMonthChangeTrigger;
}) => void;
disableTime?: (times: Date[], context: {
partial: import("./type").DateRangePickerPartial;
}) => Partial<{
hour: number[];
minute: number[];
second: number[];
}>;
presets?: import("./type").PresetRange;
disableDate?: unknown;
timePickerProps?: unknown;
onConfirm?: (context: {
date: Date[];
e: MouseEvent;
}) => void;
onPanelClick?: (context: {
e: MouseEvent;
}) => void;
onPresetClick?: (context: {
preset: import("./type").PresetDate;
e: MouseEvent;
}) => void;
onTimeChange?: (context: {
time: string;
date: Date[];
partial: import("./type").DateRangePickerPartial;
trigger: import("./type").DatePickerTimeChangeTrigger;
e?: MouseEvent;
}) => void;
onYearChange?: (context: {
year: number;
date: Date[];
partial: import("./type").DateRangePickerPartial;
trigger: import("./type").DatePickerYearChangeTrigger;
e?: MouseEvent;
}) => void;
}, {
value: import("./type").DateRangeValue;
disabled: boolean;
defaultValue: import("./type").DateRangeValue;
format: string;
mode: "month" | "year" | "quarter" | "week" | "date";
enableTimePicker: boolean;
presetsPlacement: "left" | "top" | "bottom" | "right";
defaultTime: string[];
panelPreselection: boolean;
}, true>) & import("vue").PluginObject<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
panelProps: import("@vue/composition-api").ComputedRef<{
hoverValue: string[];
value: string[];
activeIndex: number;
year: number[];
month: number[];
mode: "month" | "year" | "quarter" | "week" | "date";
format: string;
presets: import("./type").PresetRange;
time: string[];
disableDate: import("./type").DisableRangeDate;
disableTime: (times: Date[], context: {
partial: import("./type").DateRangePickerPartial;
}) => Partial<{
hour: number[];
minute: number[];
second: number[];
}>;
firstDayOfWeek: number;
timePickerProps: import("..").TdTimePickerProps;
enableTimePicker: boolean;
presetsPlacement: "left" | "top" | "bottom" | "right";
panelPreselection: boolean;
popupVisible: boolean | Boolean;
onPanelClick: (context: {
e: MouseEvent;
}) => void;
onCellClick: (date: Date, { e }: {
e: MouseEvent;
}) => void;
onCellMouseEnter: (date: Date) => void;
onCellMouseLeave: () => void;
onJumperClick: ({ trigger, partial }: {
trigger: string;
partial: import("./type").DateRangePickerPartial;
}) => void;
onConfirmClick: ({ e }: {
e: MouseEvent;
}) => void;
onPresetClick: (preset: any, context: any) => void;
onYearChange: (nextVal: number, { partial }: {
partial: import("./type").DateRangePickerPartial;
}) => void;
onMonthChange: (nextVal: number, { partial }: {
partial: import("./type").DateRangePickerPartial;
}) => void;
onTimePickerChange: (val: string) => void;
}>;
}> & import("@vue/composition-api").Data, {}, {}, {
defaultTime: {
type: import("vue").PropType<string[]>;
default: () => string[];
};
onCellClick: import("vue").PropType<(context: {
date: Date[];
partial: import("./type").DateRangePickerPartial;
e: MouseEvent;
}) => void>;
onChange: import("vue").PropType<(value: import("./type").DateRangeValue, context: {
dayjsValue?: import("dayjs").Dayjs[];
partial: import("./type").DateRangePickerPartial;
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[];
partial: import("./type").DateRangePickerPartial;
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[];
partial: import("./type").DateRangePickerPartial;
trigger: import("./type").DatePickerTimeChangeTrigger;
e?: MouseEvent;
}) => void>;
onYearChange: import("vue").PropType<(context: {
year: number;
date: Date[];
partial: import("./type").DateRangePickerPartial;
trigger: import("./type").DatePickerYearChangeTrigger;
e?: MouseEvent;
}) => void>;
value: {
type: import("vue").PropType<import("./type").DateRangeValue>;
default: () => import("./type").DateRangeValue;
};
defaultValue: {
type: import("vue").PropType<import("./type").DateRangeValue>;
default: () => import("./type").DateRangeValue;
};
disabled: BooleanConstructor;
disableDate: {
type: import("vue").PropType<import("./type").DisableRangeDate>;
};
disableTime: {
type: import("vue").PropType<(times: Date[], context: {
partial: import("./type").DateRangePickerPartial;
}) => Partial<{
hour: number[];
minute: number[];
second: number[];
}>>;
};
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;
};
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;
};
timePickerProps: {
type: import("vue").PropType<import("..").TdTimePickerProps>;
};
panelPreselection: {
type: BooleanConstructor;
default: boolean;
};
}, import("@vue/composition-api").ExtractPropTypes<{
defaultTime: {
type: import("vue").PropType<string[]>;
default: () => string[];
};
onCellClick: import("vue").PropType<(context: {
date: Date[];
partial: import("./type").DateRangePickerPartial;
e: MouseEvent;
}) => void>;
onChange: import("vue").PropType<(value: import("./type").DateRangeValue, context: {
dayjsValue?: import("dayjs").Dayjs[];
partial: import("./type").DateRangePickerPartial;
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[];
partial: import("./type").DateRangePickerPartial;
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[];
partial: import("./type").DateRangePickerPartial;
trigger: import("./type").DatePickerTimeChangeTrigger;
e?: MouseEvent;
}) => void>;
onYearChange: import("vue").PropType<(context: {
year: number;
date: Date[];
partial: import("./type").DateRangePickerPartial;
trigger: import("./type").DatePickerYearChangeTrigger;
e?: MouseEvent;
}) => void>;
value: {
type: import("vue").PropType<import("./type").DateRangeValue>;
default: () => import("./type").DateRangeValue;
};
defaultValue: {
type: import("vue").PropType<import("./type").DateRangeValue>;
default: () => import("./type").DateRangeValue;
};
disabled: BooleanConstructor;
disableDate: {
type: import("vue").PropType<import("./type").DisableRangeDate>;
};
disableTime: {
type: import("vue").PropType<(times: Date[], context: {
partial: import("./type").DateRangePickerPartial;
}) => Partial<{
hour: number[];
minute: number[];
second: number[];
}>>;
};
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;
};
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;
};
timePickerProps: {
type: import("vue").PropType<import("..").TdTimePickerProps>;
};
panelPreselection: {
type: BooleanConstructor;
default: boolean;
};
}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
value: import("./type").DateRangeValue;
disabled: boolean;
defaultValue: import("./type").DateRangeValue;
format: string;
mode: "month" | "year" | "quarter" | "week" | "date";
enableTimePicker: boolean;
presetsPlacement: "left" | "top" | "bottom" | "right";
defaultTime: string[];
panelPreselection: boolean;
} & {
onChange?: (value: import("./type").DateRangeValue, context: {
dayjsValue?: import("dayjs").Dayjs[];
partial: import("./type").DateRangePickerPartial;
e?: MouseEvent;
trigger?: import("./type").DatePickerTriggerSource;
}) => void;
firstDayOfWeek?: number;
onCellClick?: (context: {
date: Date[];
partial: import("./type").DateRangePickerPartial;
e: MouseEvent;
}) => void;
onMonthChange?: (context: {
month: number;
date: Date[];
partial: import("./type").DateRangePickerPartial;
e?: MouseEvent;
trigger: import("./type").DatePickerMonthChangeTrigger;
}) => void;
disableTime?: (times: Date[], context: {
partial: import("./type").DateRangePickerPartial;
}) => Partial<{
hour: number[];
minute: number[];
second: number[];
}>;
presets?: import("./type").PresetRange;
disableDate?: unknown;
timePickerProps?: unknown;
onConfirm?: (context: {
date: Date[];
e: MouseEvent;
}) => void;
onPanelClick?: (context: {
e: MouseEvent;
}) => void;
onPresetClick?: (context: {
preset: import("./type").PresetDate;
e: MouseEvent;
}) => void;
onTimeChange?: (context: {
time: string;
date: Date[];
partial: import("./type").DateRangePickerPartial;
trigger: import("./type").DatePickerTimeChangeTrigger;
e?: MouseEvent;
}) => void;
onYearChange?: (context: {
year: number;
date: Date[];
partial: import("./type").DateRangePickerPartial;
trigger: import("./type").DatePickerYearChangeTrigger;
e?: MouseEvent;
}) => void;
}, import("@vue/composition-api").ShallowUnwrapRef<{
panelProps: import("@vue/composition-api").ComputedRef<{
hoverValue: string[];
value: string[];
activeIndex: number;
year: number[];
month: number[];
mode: "month" | "year" | "quarter" | "week" | "date";
format: string;
presets: import("./type").PresetRange;
time: string[];
disableDate: import("./type").DisableRangeDate;
disableTime: (times: Date[], context: {
partial: import("./type").DateRangePickerPartial;
}) => Partial<{
hour: number[];
minute: number[];
second: number[];
}>;
firstDayOfWeek: number;
timePickerProps: import("..").TdTimePickerProps;
enableTimePicker: boolean;
presetsPlacement: "left" | "top" | "bottom" | "right";
panelPreselection: boolean;
popupVisible: boolean | Boolean;
onPanelClick: (context: {
e: MouseEvent;
}) => void;
onCellClick: (date: Date, { e }: {
e: MouseEvent;
}) => void;
onCellMouseEnter: (date: Date) => void;
onCellMouseLeave: () => void;
onJumperClick: ({ trigger, partial }: {
trigger: string;
partial: import("./type").DateRangePickerPartial;
}) => void;
onConfirmClick: ({ e }: {
e: MouseEvent;
}) => void;
onPresetClick: (preset: any, context: any) => void;
onYearChange: (nextVal: number, { partial }: {
partial: import("./type").DateRangePickerPartial;
}) => void;
onMonthChange: (nextVal: number, { partial }: {
partial: import("./type").DateRangePickerPartial;
}) => void;
onTimePickerChange: (val: string) => void;
}>;
}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
value: import("./type").DateRangeValue;
disabled: boolean;
defaultValue: import("./type").DateRangeValue;
format: string;
mode: "month" | "year" | "quarter" | "week" | "date";
enableTimePicker: boolean;
presetsPlacement: "left" | "top" | "bottom" | "right";
defaultTime: string[];
panelPreselection: boolean;
} & {
onChange?: (value: import("./type").DateRangeValue, context: {
dayjsValue?: import("dayjs").Dayjs[];
partial: import("./type").DateRangePickerPartial;
e?: MouseEvent;
trigger?: import("./type").DatePickerTriggerSource;
}) => void;
firstDayOfWeek?: number;
onCellClick?: (context: {
date: Date[];
partial: import("./type").DateRangePickerPartial;
e: MouseEvent;
}) => void;
onMonthChange?: (context: {
month: number;
date: Date[];
partial: import("./type").DateRangePickerPartial;
e?: MouseEvent;
trigger: import("./type").DatePickerMonthChangeTrigger;
}) => void;
disableTime?: (times: Date[], context: {
partial: import("./type").DateRangePickerPartial;
}) => Partial<{
hour: number[];
minute: number[];
second: number[];
}>;
presets?: import("./type").PresetRange;
disableDate?: unknown;
timePickerProps?: unknown;
onConfirm?: (context: {
date: Date[];
e: MouseEvent;
}) => void;
onPanelClick?: (context: {
e: MouseEvent;
}) => void;
onPresetClick?: (context: {
preset: import("./type").PresetDate;
e: MouseEvent;
}) => void;
onTimeChange?: (context: {
time: string;
date: Date[];
partial: import("./type").DateRangePickerPartial;
trigger: import("./type").DatePickerTimeChangeTrigger;
e?: MouseEvent;
}) => void;
onYearChange?: (context: {
year: number;
date: Date[];
partial: import("./type").DateRangePickerPartial;
trigger: import("./type").DatePickerYearChangeTrigger;
e?: MouseEvent;
}) => void;
}, {
value: import("./type").DateRangeValue;
disabled: boolean;
defaultValue: import("./type").DateRangeValue;
format: string;
mode: "month" | "year" | "quarter" | "week" | "date";
enableTimePicker: boolean;
presetsPlacement: "left" | "top" | "bottom" | "right";
defaultTime: string[];
panelPreselection: boolean;
}, true>)>;
export default DatePicker;