import type { FocusEventHandler, MouseEventHandler } from '../../_util/EventInterface'; import type { CSSProperties } from 'vue'; import type { PickerLocale } from '.'; import type { SizeType } from '../../config-provider'; import type { PresetDate, CustomFormat, DisabledTime, DisabledTimes, EventValue, PanelMode, PickerMode, RangeValue } from '../../vc-picker/interface'; import type { DateRender } from '../../vc-picker/panels/DatePanel/DateBody'; import type { MonthCellRender } from '../../vc-picker/panels/MonthPanel/MonthBody'; import type { SharedTimeProps } from '../../vc-picker/panels/TimePanel'; import type { RangeDateRender, RangeInfo, RangeType } from '../../vc-picker/RangePicker'; import type { VueNode } from '../../_util/type'; import type { InputStatus } from '../../_util/statusUtils'; declare const DataPickerPlacements: readonly ["bottomLeft", "bottomRight", "topLeft", "topRight"]; type DataPickerPlacement = (typeof DataPickerPlacements)[number]; type RangeShowTimeObject = Omit, 'defaultValue'> & { defaultValue?: DateType[]; }; declare function commonProps(): { id: StringConstructor; /** * @deprecated `dropdownClassName` is deprecated which will be removed in next major * version.Please use `popupClassName` instead. */ dropdownClassName: StringConstructor; popupClassName: StringConstructor; popupStyle: { type: import("vue").PropType; default: CSSProperties; }; transitionName: StringConstructor; placeholder: StringConstructor; allowClear: { type: BooleanConstructor; default: boolean; }; autofocus: { type: BooleanConstructor; default: boolean; }; disabled: { type: BooleanConstructor; default: boolean; }; tabindex: NumberConstructor; open: { type: BooleanConstructor; default: boolean; }; defaultOpen: { type: BooleanConstructor; default: boolean; }; /** Make input readOnly to avoid popup keyboard in mobile */ inputReadOnly: { type: BooleanConstructor; default: boolean; }; format: { type: import("vue").PropType | (string | CustomFormat)[]>; default: string | CustomFormat | (string | CustomFormat)[]; }; getPopupContainer: { type: import("vue").PropType<(node: HTMLElement) => HTMLElement>; default: (node: HTMLElement) => HTMLElement; }; panelRender: { type: import("vue").PropType<(originPanel: VueNode) => VueNode>; default: (originPanel: VueNode) => VueNode; }; onChange: { type: import("vue").PropType<(value: DateType | string | null, dateString: string) => void>; default: (value: DateType | string | null, dateString: string) => void; }; 'onUpdate:value': { type: import("vue").PropType<(value: DateType | string | null) => void>; default: (value: DateType | string | null) => void; }; onOk: { type: import("vue").PropType<(value: DateType | string | null) => void>; default: (value: DateType | string | null) => void; }; onOpenChange: { type: import("vue").PropType<(open: boolean) => void>; default: (open: boolean) => void; }; 'onUpdate:open': { type: import("vue").PropType<(open: boolean) => void>; default: (open: boolean) => void; }; onFocus: { type: import("vue").PropType; default: FocusEventHandler; }; onBlur: { type: import("vue").PropType; default: FocusEventHandler; }; onMousedown: { type: import("vue").PropType; default: MouseEventHandler; }; onMouseup: { type: import("vue").PropType; default: MouseEventHandler; }; onMouseenter: { type: import("vue").PropType; default: MouseEventHandler; }; onMouseleave: { type: import("vue").PropType; default: MouseEventHandler; }; onClick: { type: import("vue").PropType; default: MouseEventHandler; }; onContextmenu: { type: import("vue").PropType; default: MouseEventHandler; }; onKeydown: { type: import("vue").PropType<(event: KeyboardEvent, preventDefault: () => void) => void>; default: (event: KeyboardEvent, preventDefault: () => void) => void; }; role: StringConstructor; name: StringConstructor; autocomplete: StringConstructor; direction: { type: import("vue").PropType<"rtl" | "ltr">; default: "rtl" | "ltr"; }; showToday: { type: BooleanConstructor; default: boolean; }; showTime: { type: import("vue").PropType>; default: boolean | SharedTimeProps; }; locale: { type: import("vue").PropType; default: PickerLocale; }; size: { type: import("vue").PropType; default: SizeType; }; bordered: { type: BooleanConstructor; default: boolean; }; dateRender: { type: import("vue").PropType>; default: DateRender; }; disabledDate: { type: import("vue").PropType<(date: DateType) => boolean>; default: (date: DateType) => boolean; }; mode: { type: import("vue").PropType; default: PanelMode; }; picker: { type: import("vue").PropType; default: PickerMode; }; valueFormat: StringConstructor; placement: { type: import("vue").PropType<"bottomLeft" | "bottomRight" | "topLeft" | "topRight">; default: "bottomLeft" | "bottomRight" | "topLeft" | "topRight"; }; status: { type: import("vue").PropType<"" | "error" | "warning">; default: "" | "error" | "warning"; }; /** @deprecated Please use `disabledTime` instead. */ disabledHours: { type: import("vue").PropType<() => number[]>; default: () => number[]; }; /** @deprecated Please use `disabledTime` instead. */ disabledMinutes: { type: import("vue").PropType<(hour: number) => number[]>; default: (hour: number) => number[]; }; /** @deprecated Please use `disabledTime` instead. */ disabledSeconds: { type: import("vue").PropType<(hour: number, minute: number) => number[]>; default: (hour: number, minute: number) => number[]; }; }; export interface CommonProps { id?: string; prefixCls?: string; /** * @deprecated `dropdownClassName` is deprecated which will be removed in next major * version.Please use `popupClassName` instead. */ dropdownClassName?: string; popupClassName?: string; popupStyle?: CSSProperties; transitionName?: string; placeholder?: string; allowClear?: boolean; autofocus?: boolean; disabled?: boolean; tabindex?: number; open?: boolean; defaultOpen?: boolean; inputReadOnly?: boolean; format?: string | CustomFormat | (string | CustomFormat)[]; suffixIcon?: VueNode; clearIcon?: VueNode; prevIcon?: VueNode; nextIcon?: VueNode; superPrevIcon?: VueNode; superNextIcon?: VueNode; getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement; panelRender?: (originPanel: VueNode) => VueNode; onChange?: (value: DateType | string | null, dateString: string) => void; 'onUpdate:value'?: (value: DateType | string | null) => void; onOk?: (value: DateType | string | null) => void; onOpenChange?: (open: boolean) => void; 'onUpdate:open'?: (open: boolean) => void; onFocus?: FocusEventHandler; onBlur?: FocusEventHandler; onMousedown?: MouseEventHandler; onMouseup?: MouseEventHandler; onMouseenter?: MouseEventHandler; onMouseleave?: MouseEventHandler; onClick?: MouseEventHandler; onContextmenu?: MouseEventHandler; onKeydown?: (event: KeyboardEvent, preventDefault: () => void) => void; role?: string; name?: string; autocomplete?: string; direction?: 'ltr' | 'rtl'; showToday?: boolean; showTime?: boolean | SharedTimeProps; locale?: PickerLocale; size?: SizeType; bordered?: boolean; dateRender?: DateRender; disabledDate?: (date: DateType) => boolean; mode?: PanelMode; picker?: PickerMode; valueFormat?: string; placement?: DataPickerPlacement; status?: InputStatus; } declare function datePickerProps(): { defaultPickerValue: { type: import("vue").PropType; default: string | DateType; }; defaultValue: { type: import("vue").PropType; default: string | DateType; }; value: { type: import("vue").PropType; default: string | DateType; }; presets: { type: import("vue").PropType[]>; default: PresetDate[]; }; disabledTime: { type: import("vue").PropType>; default: DisabledTime; }; renderExtraFooter: { type: import("vue").PropType<(mode: PanelMode) => VueNode>; default: (mode: PanelMode) => VueNode; }; showNow: { type: BooleanConstructor; default: boolean; }; monthCellRender: { type: import("vue").PropType>; default: MonthCellRender; }; monthCellContentRender: { type: import("vue").PropType>; default: MonthCellRender; }; }; export interface DatePickerProps { defaultPickerValue?: DateType | string; defaultValue?: DateType | string; value?: DateType | string; presets?: PresetDate[]; disabledTime?: DisabledTime; renderExtraFooter?: (mode: PanelMode) => VueNode; showNow?: boolean; monthCellRender?: MonthCellRender; monthCellContentRender?: MonthCellRender; } declare function rangePickerProps(): { allowEmpty: { type: import("vue").PropType<[boolean, boolean]>; default: [boolean, boolean]; }; dateRender: { type: import("vue").PropType>; default: RangeDateRender; }; defaultPickerValue: { type: import("vue").PropType<[DateType, DateType] | [string, string]>; default: [DateType, DateType] | [string, string]; }; defaultValue: { type: import("vue").PropType<[DateType, DateType] | [string, string]>; default: [DateType, DateType] | [string, string]; }; value: { type: import("vue").PropType<[DateType, DateType] | [string, string]>; default: [DateType, DateType] | [string, string]; }; presets: { type: import("vue").PropType[]>; default: PresetDate[]; }; disabledTime: { type: import("vue").PropType<(date: EventValue, type: RangeType) => DisabledTimes>; default: (date: EventValue, type: RangeType) => DisabledTimes; }; disabled: { type: import("vue").PropType; default: boolean | [boolean, boolean]; }; renderExtraFooter: { type: import("vue").PropType<() => VueNode>; default: () => VueNode; }; separator: { type: StringConstructor; }; showTime: { type: import("vue").PropType>; default: boolean | RangeShowTimeObject; }; ranges: { type: import("vue").PropType Exclude, null>)>>; default: Record Exclude, null>)>; }; placeholder: { type: import("vue").PropType; default: string[]; }; mode: { type: import("vue").PropType<[PanelMode, PanelMode]>; default: [PanelMode, PanelMode]; }; onChange: { type: import("vue").PropType<(value: RangeValue | RangeValue | null, dateString: [string, string]) => void>; default: (value: RangeValue | RangeValue | null, dateString: [string, string]) => void; }; 'onUpdate:value': { type: import("vue").PropType<(value: RangeValue | RangeValue | null) => void>; default: (value: RangeValue | RangeValue | null) => void; }; onCalendarChange: { type: import("vue").PropType<(values: RangeValue | RangeValue, formatString: [string, string], info: RangeInfo) => void>; default: (values: RangeValue | RangeValue, formatString: [string, string], info: RangeInfo) => void; }; onPanelChange: { type: import("vue").PropType<(values: RangeValue | RangeValue, modes: [PanelMode, PanelMode]) => void>; default: (values: RangeValue | RangeValue, modes: [PanelMode, PanelMode]) => void; }; onOk: { type: import("vue").PropType<(dates: RangeValue | RangeValue) => void>; default: (dates: RangeValue | RangeValue) => void; }; }; export interface RangePickerProps { allowEmpty?: [boolean, boolean]; dateRender?: RangeDateRender; defaultPickerValue?: RangeValue | RangeValue; defaultValue?: RangeValue | RangeValue; value?: RangeValue | RangeValue; presets?: PresetDate>[]; disabledTime?: (date: EventValue, type: RangeType) => DisabledTimes; disabled?: [boolean, boolean]; renderExtraFooter?: () => VueNode; separator?: string; showTime?: boolean | RangeShowTimeObject; ranges?: Record, null> | (() => Exclude, null>)>; placeholder?: [string, string]; mode?: [PanelMode, PanelMode]; onChange?: (value: RangeValue | RangeValue | null, dateString: [string, string]) => void; 'onUpdate:value'?: (value: RangeValue | RangeValue | null) => void; onCalendarChange?: (values: RangeValue | RangeValue, formatString: [string, string], info: RangeInfo) => void; onPanelChange?: (values: RangeValue | RangeValue, modes: [PanelMode, PanelMode]) => void; onOk?: (dates: RangeValue | RangeValue) => void; } export type ExtraDatePickerProps = { valueFormat?: string; defaultPickerValue?: DateType | string; defaultValue?: DateType | string; value?: DateType | string; }; export type ExtraRangePickerProps = { valueFormat?: string; defaultPickerValue?: RangeValue | RangeValue; defaultValue?: RangeValue | RangeValue; value?: RangeValue | RangeValue; }; export { commonProps, datePickerProps, rangePickerProps };