@aplus-frontend/ui 7.14.4 → 7.15.0

package/lib/src/ap-form/items/date/index.vue.d.ts

@@ -1,7 +1,22 @@
 import { ApFormItemSlots } from '../../interface';
 import { ApFormItemDateProps } from '../interface';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { ApFieldDateProps } from '../../..';
+import { ComponentInternalInstance, CSSProperties, HTMLAttributes, VNodeProps, AllowedComponentProps, ComponentCustomProps, CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, Slot, ComponentPublicInstance, ComponentOptionsBase, VNode, RendererNode, RendererElement, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent } from 'vue';
+import { FieldMode, ApFieldDateProps } from '../../../ap-field';
+import { ButtonSize, SizeType } from '@aplus-frontend/antdv/es/button';
+import { FocusEventHandler, MouseEventHandler } from '@aplus-frontend/antdv/es/_util/EventInterface';
+import { Dayjs } from 'dayjs';
+import { PickerLocale } from '@aplus-frontend/antdv/es/date-picker/generatePicker';
+import { Variant } from '@aplus-frontend/antdv/es/config-provider/context';
+import { VueNode, CustomSlotsType } from '@aplus-frontend/antdv/es/_util/type';
+import { AlignType } from '@aplus-frontend/antdv/es/vc-align/interface';
+import { DateRender } from '@aplus-frontend/antdv/es/vc-picker/panels/DatePanel/DateBody';
+import { MonthCellRender } from '@aplus-frontend/antdv/es/vc-picker/panels/MonthPanel/MonthBody';
+import { PanelMode, RangeValue, OnPanelChange, PresetDate, CustomFormat, DisabledTimes, DisabledTime, PickerMode } from '@aplus-frontend/antdv/es/vc-picker/interface';
+import { SharedTimeProps } from '@aplus-frontend/antdv/es/vc-picker/panels/TimePanel';
+import { LiteralUnion } from '../../../type';
+import { ApFormatPresetType } from '../../../ap-field/date/interface';
+import { ZoneAlias } from '@aplus-frontend/utils';
+import { OnCleanup } from '@vue/reactivity';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<{
@@ -29,11 +44,751 @@ declare function __VLS_template(): {
         clearIcon?: any;
         default?: any;
     } & Omit<ApFormItemSlots, "default">;
-    refs: {};
+    refs: {
+        dateRef: ({
+            $: ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly mode?: FieldMode | undefined;
+                readonly class?: unknown;
+                readonly style?: unknown;
+                readonly size?: ButtonSize;
+                readonly onBlur?: FocusEventHandler | undefined;
+                readonly onClick?: MouseEventHandler | undefined;
+                readonly onContextmenu?: MouseEventHandler | undefined;
+                readonly onFocus?: FocusEventHandler | undefined;
+                readonly onKeydown?: ((event: KeyboardEvent, preventDefault: () => void) => void) | undefined;
+                readonly onMousedown?: ( MouseEventHandler & ((e: MouseEvent) => void)) | undefined;
+                readonly onMouseenter?: MouseEventHandler | undefined;
+                readonly onMouseleave?: MouseEventHandler | undefined;
+                readonly onMouseup?: MouseEventHandler | undefined;
+                readonly onSelect?: ((value: Dayjs) => void) | undefined;
+                readonly open?: boolean | undefined;
+                readonly disabled?: boolean | undefined;
+                readonly direction?: "ltr" | "rtl" | undefined;
+                readonly placeholder?: string | undefined;
+                readonly id?: string | undefined;
+                readonly getPopupContainer?: ((node: HTMLElement) => HTMLElement) | undefined;
+                readonly prefixCls?: string | undefined;
+                readonly locale?: PickerLocale | undefined;
+                readonly variant?: Variant | undefined;
+                readonly name?: string | undefined;
+                readonly autofocus?: boolean | undefined;
+                readonly autocomplete?: string | undefined;
+                readonly bordered?: boolean | undefined;
+                readonly clearIcon?: VueNode;
+                readonly allowClear?: boolean | undefined;
+                readonly suffixIcon?: VueNode;
+                readonly transitionName?: string | undefined;
+                readonly dropdownClassName?: string | undefined;
+                readonly tabindex?: number | undefined;
+                readonly defaultOpen?: boolean | undefined;
+                readonly dropdownAlign?: AlignType | undefined;
+                readonly onOpenChange?: ((open: boolean) => void) | undefined;
+                readonly role?: string | undefined;
+                readonly popupStyle?: CSSProperties | undefined;
+                readonly picker?: "time" | "month" | "year" | "date" | "week" | "quarter" | undefined;
+                readonly defaultPickerValue?: Dayjs | ( Dayjs & string) | undefined;
+                readonly disabledDate?: ((date: Dayjs) => boolean) | undefined;
+                readonly showWeek?: boolean | undefined;
+                readonly dateRender?: DateRender<Dayjs> | undefined;
+                readonly monthCellRender?: MonthCellRender<Dayjs> | undefined;
+                readonly renderExtraFooter?: ((mode: PanelMode) => VueNode) | undefined;
+                readonly onPanelChange?: (((values: RangeValue<Dayjs>, modes: [ PanelMode, PanelMode]) => void) & OnPanelChange<Dayjs>) | undefined;
+                readonly inputReadOnly?: boolean | undefined;
+                readonly presets?: PresetDate<Dayjs>[] | undefined;
+                readonly panelRender?: ((originPanel: VueNode) => VueNode) | undefined;
+                readonly inputRender?: ((props: HTMLAttributes) => VueNode) | undefined;
+                readonly showToday?: boolean | undefined;
+                readonly showTime?: boolean | SharedTimeProps<Dayjs> | undefined;
+                readonly valueFormat?: string | undefined;
+                readonly emptyText?: string | undefined;
+                readonly value?: number | null | undefined;
+                readonly defaultValue?: number | undefined;
+                readonly 'onUpdate:value'?: (((ts: number | null) => void) & ((...args: any[]) => any)) | undefined;
+                readonly onChange?: ((ts: number | null, dayStr: string) => void) | undefined;
+                readonly onOk?: ((ts: number | null) => void) | undefined;
+                readonly format?: LiteralUnion<ApFormatPresetType, string> | undefined;
+                readonly shownFormat?: string | CustomFormat<Dayjs> | (string | CustomFormat<Dayjs>)[] | undefined;
+                readonly formatBegins?: boolean | undefined;
+                readonly timezone?: ( ZoneAlias | {
+                    label?: string;
+                    value: ZoneAlias;
+                }[]) | undefined;
+                readonly disabledTime?: ((date: Dayjs) => DisabledTimes) | undefined;
+            } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                datePickerRef: CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
+                    defaultPickerValue: {
+                        type: PropType<string | Dayjs>;
+                        default: string | Dayjs;
+                    };
+                    defaultValue: {
+                        type: PropType<string | Dayjs>;
+                        default: string | Dayjs;
+                    };
+                    value: {
+                        type: PropType<string | Dayjs>;
+                        default: string | Dayjs;
+                    };
+                    presets: {
+                        type: PropType< PresetDate<Dayjs>[]>;
+                        default: PresetDate<Dayjs>[];
+                    };
+                    disabledTime: {
+                        type: PropType<DisabledTime<Dayjs>>;
+                        default: DisabledTime<Dayjs>;
+                    };
+                    renderExtraFooter: {
+                        type: PropType<(mode: PanelMode) => VueNode>;
+                        default: (mode: PanelMode) => VueNode;
+                    };
+                    showNow: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    monthCellRender: {
+                        type: PropType<MonthCellRender<Dayjs>>;
+                        default: MonthCellRender<Dayjs>;
+                    };
+                    monthCellContentRender: {
+                        type: PropType<MonthCellRender<Dayjs>>;
+                        default: MonthCellRender<Dayjs>;
+                    };
+                    id: StringConstructor;
+                    dropdownClassName: StringConstructor;
+                    popupClassName: StringConstructor;
+                    popupStyle: {
+                        type: PropType<CSSProperties>;
+                        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;
+                    };
+                    inputReadOnly: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    format: {
+                        type: PropType<string | CustomFormat<Dayjs> | (string | CustomFormat<Dayjs>)[]>;
+                        default: string | CustomFormat<Dayjs> | (string | CustomFormat<Dayjs>)[];
+                    };
+                    getPopupContainer: {
+                        type: PropType<(node: HTMLElement) => HTMLElement>;
+                        default: (node: HTMLElement) => HTMLElement;
+                    };
+                    panelRender: {
+                        type: PropType<(originPanel: VueNode) => VueNode>;
+                        default: (originPanel: VueNode) => VueNode;
+                    };
+                    onChange: {
+                        type: PropType<(value: string | Dayjs, dateString: string) => void>;
+                        default: (value: string | Dayjs, dateString: string) => void;
+                    };
+                    'onUpdate:value': {
+                        type: PropType<(value: string | Dayjs) => void>;
+                        default: (value: string | Dayjs) => void;
+                    };
+                    onOk: {
+                        type: PropType<(value: string | Dayjs) => void>;
+                        default: (value: string | Dayjs) => void;
+                    };
+                    onOpenChange: {
+                        type: PropType<(open: boolean) => void>;
+                        default: (open: boolean) => void;
+                    };
+                    'onUpdate:open': {
+                        type: PropType<(open: boolean) => void>;
+                        default: (open: boolean) => void;
+                    };
+                    onFocus: {
+                        type: PropType<FocusEventHandler>;
+                        default: FocusEventHandler;
+                    };
+                    onBlur: {
+                        type: PropType<FocusEventHandler>;
+                        default: FocusEventHandler;
+                    };
+                    onMousedown: {
+                        type: PropType<MouseEventHandler>;
+                        default: MouseEventHandler;
+                    };
+                    onMouseup: {
+                        type: PropType<MouseEventHandler>;
+                        default: MouseEventHandler;
+                    };
+                    onMouseenter: {
+                        type: PropType<MouseEventHandler>;
+                        default: MouseEventHandler;
+                    };
+                    onMouseleave: {
+                        type: PropType<MouseEventHandler>;
+                        default: MouseEventHandler;
+                    };
+                    onClick: {
+                        type: PropType<MouseEventHandler>;
+                        default: MouseEventHandler;
+                    };
+                    onContextmenu: {
+                        type: PropType<MouseEventHandler>;
+                        default: MouseEventHandler;
+                    };
+                    onKeydown: {
+                        type: PropType<(event: KeyboardEvent, preventDefault: () => void) => void>;
+                        default: (event: KeyboardEvent, preventDefault: () => void) => void;
+                    };
+                    role: StringConstructor;
+                    name: StringConstructor;
+                    autocomplete: StringConstructor;
+                    direction: {
+                        type: PropType<"rtl" | "ltr">;
+                        default: "rtl" | "ltr";
+                    };
+                    showToday: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    showTime: {
+                        type: PropType<boolean | SharedTimeProps<Dayjs>>;
+                        default: boolean | SharedTimeProps<Dayjs>;
+                    };
+                    locale: {
+                        type: PropType<PickerLocale>;
+                        default: PickerLocale;
+                    };
+                    size: {
+                        type: PropType<SizeType>;
+                        default: SizeType;
+                    };
+                    bordered: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    variant: {
+                        type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+                        default: "filled" | "outlined" | "borderless" | "underlined";
+                    };
+                    dateRender: {
+                        type: PropType<DateRender<Dayjs>>;
+                        default: DateRender<Dayjs>;
+                    };
+                    disabledDate: {
+                        type: PropType<(date: Dayjs) => boolean>;
+                        default: (date: Dayjs) => boolean;
+                    };
+                    mode: {
+                        type: PropType<PanelMode>;
+                        default: PanelMode;
+                    };
+                    picker: {
+                        type: PropType<PickerMode>;
+                        default: PickerMode;
+                    };
+                    valueFormat: StringConstructor;
+                    placement: {
+                        type: PropType<"bottomLeft" | "bottomRight" | "topLeft" | "topRight">;
+                        default: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
+                    };
+                    status: {
+                        type: PropType<"" | "error" | "warning">;
+                        default: "" | "error" | "warning";
+                    };
+                    disabledHours: {
+                        type: PropType<() => number[]>;
+                        default: () => number[];
+                    };
+                    disabledMinutes: {
+                        type: PropType<(hour: number) => number[]>;
+                        default: (hour: number) => number[];
+                    };
+                    disabledSeconds: {
+                        type: PropType<(hour: number, minute: number) => number[]>;
+                        default: (hour: number, minute: number) => number[];
+                    };
+                }>> & Readonly<{}>, () => VueNode, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
+                    size: SizeType;
+                    value: string | Dayjs;
+                    mode: PanelMode;
+                    onMouseenter: MouseEventHandler;
+                    onMouseleave: MouseEventHandler;
+                    onClick: MouseEventHandler;
+                    onFocus: FocusEventHandler;
+                    onBlur: FocusEventHandler;
+                    onChange: (value: string | Dayjs, dateString: string) => void;
+                    onKeydown: (event: KeyboardEvent, preventDefault: () => void) => void;
+                    onContextmenu: MouseEventHandler;
+                    onMousedown: MouseEventHandler;
+                    onMouseup: MouseEventHandler;
+                    open: boolean;
+                    direction: "rtl" | "ltr";
+                    disabled: boolean;
+                    disabledDate: (date: Dayjs) => boolean;
+                    picker: PickerMode;
+                    locale: PickerLocale;
+                    format: string | CustomFormat<Dayjs> | (string | CustomFormat<Dayjs>)[];
+                    disabledHours: () => number[];
+                    disabledMinutes: (hour: number) => number[];
+                    disabledSeconds: (hour: number, minute: number) => number[];
+                    disabledTime: DisabledTime<Dayjs>;
+                    autofocus: boolean;
+                    getPopupContainer: (node: HTMLElement) => HTMLElement;
+                    variant: "filled" | "outlined" | "borderless" | "underlined";
+                    bordered: boolean;
+                    'onUpdate:value': (value: string | Dayjs) => void;
+                    status: "" | "error" | "warning";
+                    defaultValue: string | Dayjs;
+                    allowClear: boolean;
+                    defaultOpen: boolean;
+                    placement: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
+                    popupStyle: CSSProperties;
+                    onOpenChange: (open: boolean) => void;
+                    'onUpdate:open': (open: boolean) => void;
+                    defaultPickerValue: string | Dayjs;
+                    dateRender: DateRender<Dayjs>;
+                    monthCellRender: MonthCellRender<Dayjs>;
+                    renderExtraFooter: (mode: PanelMode) => VueNode;
+                    onOk: (value: string | Dayjs) => void;
+                    inputReadOnly: boolean;
+                    presets: PresetDate<Dayjs>[];
+                    panelRender: (originPanel: VueNode) => VueNode;
+                    showToday: boolean;
+                    showTime: boolean | SharedTimeProps<Dayjs>;
+                    showNow: boolean;
+                    monthCellContentRender: MonthCellRender<Dayjs>;
+                }, true, {}, CustomSlotsType<{
+                    suffixIcon?: any;
+                    prevIcon?: any;
+                    nextIcon?: any;
+                    superPrevIcon?: any;
+                    superNextIcon?: any;
+                    dateRender?: any;
+                    renderExtraFooter?: any;
+                    monthCellRender?: any;
+                    monthCellContentRender?: any;
+                    clearIcon?: any;
+                    default?: any;
+                }>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly< ExtractPropTypes<{
+                    defaultPickerValue: {
+                        type: PropType<string | Dayjs>;
+                        default: string | Dayjs;
+                    };
+                    defaultValue: {
+                        type: PropType<string | Dayjs>;
+                        default: string | Dayjs;
+                    };
+                    value: {
+                        type: PropType<string | Dayjs>;
+                        default: string | Dayjs;
+                    };
+                    presets: {
+                        type: PropType< PresetDate<Dayjs>[]>;
+                        default: PresetDate<Dayjs>[];
+                    };
+                    disabledTime: {
+                        type: PropType<DisabledTime<Dayjs>>;
+                        default: DisabledTime<Dayjs>;
+                    };
+                    renderExtraFooter: {
+                        type: PropType<(mode: PanelMode) => VueNode>;
+                        default: (mode: PanelMode) => VueNode;
+                    };
+                    showNow: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    monthCellRender: {
+                        type: PropType<MonthCellRender<Dayjs>>;
+                        default: MonthCellRender<Dayjs>;
+                    };
+                    monthCellContentRender: {
+                        type: PropType<MonthCellRender<Dayjs>>;
+                        default: MonthCellRender<Dayjs>;
+                    };
+                    id: StringConstructor;
+                    dropdownClassName: StringConstructor;
+                    popupClassName: StringConstructor;
+                    popupStyle: {
+                        type: PropType<CSSProperties>;
+                        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;
+                    };
+                    inputReadOnly: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    format: {
+                        type: PropType<string | CustomFormat<Dayjs> | (string | CustomFormat<Dayjs>)[]>;
+                        default: string | CustomFormat<Dayjs> | (string | CustomFormat<Dayjs>)[];
+                    };
+                    getPopupContainer: {
+                        type: PropType<(node: HTMLElement) => HTMLElement>;
+                        default: (node: HTMLElement) => HTMLElement;
+                    };
+                    panelRender: {
+                        type: PropType<(originPanel: VueNode) => VueNode>;
+                        default: (originPanel: VueNode) => VueNode;
+                    };
+                    onChange: {
+                        type: PropType<(value: string | Dayjs, dateString: string) => void>;
+                        default: (value: string | Dayjs, dateString: string) => void;
+                    };
+                    'onUpdate:value': {
+                        type: PropType<(value: string | Dayjs) => void>;
+                        default: (value: string | Dayjs) => void;
+                    };
+                    onOk: {
+                        type: PropType<(value: string | Dayjs) => void>;
+                        default: (value: string | Dayjs) => void;
+                    };
+                    onOpenChange: {
+                        type: PropType<(open: boolean) => void>;
+                        default: (open: boolean) => void;
+                    };
+                    'onUpdate:open': {
+                        type: PropType<(open: boolean) => void>;
+                        default: (open: boolean) => void;
+                    };
+                    onFocus: {
+                        type: PropType<FocusEventHandler>;
+                        default: FocusEventHandler;
+                    };
+                    onBlur: {
+                        type: PropType<FocusEventHandler>;
+                        default: FocusEventHandler;
+                    };
+                    onMousedown: {
+                        type: PropType<MouseEventHandler>;
+                        default: MouseEventHandler;
+                    };
+                    onMouseup: {
+                        type: PropType<MouseEventHandler>;
+                        default: MouseEventHandler;
+                    };
+                    onMouseenter: {
+                        type: PropType<MouseEventHandler>;
+                        default: MouseEventHandler;
+                    };
+                    onMouseleave: {
+                        type: PropType<MouseEventHandler>;
+                        default: MouseEventHandler;
+                    };
+                    onClick: {
+                        type: PropType<MouseEventHandler>;
+                        default: MouseEventHandler;
+                    };
+                    onContextmenu: {
+                        type: PropType<MouseEventHandler>;
+                        default: MouseEventHandler;
+                    };
+                    onKeydown: {
+                        type: PropType<(event: KeyboardEvent, preventDefault: () => void) => void>;
+                        default: (event: KeyboardEvent, preventDefault: () => void) => void;
+                    };
+                    role: StringConstructor;
+                    name: StringConstructor;
+                    autocomplete: StringConstructor;
+                    direction: {
+                        type: PropType<"rtl" | "ltr">;
+                        default: "rtl" | "ltr";
+                    };
+                    showToday: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    showTime: {
+                        type: PropType<boolean | SharedTimeProps<Dayjs>>;
+                        default: boolean | SharedTimeProps<Dayjs>;
+                    };
+                    locale: {
+                        type: PropType<PickerLocale>;
+                        default: PickerLocale;
+                    };
+                    size: {
+                        type: PropType<SizeType>;
+                        default: SizeType;
+                    };
+                    bordered: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    variant: {
+                        type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+                        default: "filled" | "outlined" | "borderless" | "underlined";
+                    };
+                    dateRender: {
+                        type: PropType<DateRender<Dayjs>>;
+                        default: DateRender<Dayjs>;
+                    };
+                    disabledDate: {
+                        type: PropType<(date: Dayjs) => boolean>;
+                        default: (date: Dayjs) => boolean;
+                    };
+                    mode: {
+                        type: PropType<PanelMode>;
+                        default: PanelMode;
+                    };
+                    picker: {
+                        type: PropType<PickerMode>;
+                        default: PickerMode;
+                    };
+                    valueFormat: StringConstructor;
+                    placement: {
+                        type: PropType<"bottomLeft" | "bottomRight" | "topLeft" | "topRight">;
+                        default: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
+                    };
+                    status: {
+                        type: PropType<"" | "error" | "warning">;
+                        default: "" | "error" | "warning";
+                    };
+                    disabledHours: {
+                        type: PropType<() => number[]>;
+                        default: () => number[];
+                    };
+                    disabledMinutes: {
+                        type: PropType<(hour: number) => number[]>;
+                        default: (hour: number) => number[];
+                    };
+                    disabledSeconds: {
+                        type: PropType<(hour: number, minute: number) => number[]>;
+                        default: (hour: number, minute: number) => number[];
+                    };
+                }>> & Readonly<{}>, () => VueNode, {}, {}, {}, {
+                    size: SizeType;
+                    value: string | Dayjs;
+                    mode: PanelMode;
+                    onMouseenter: MouseEventHandler;
+                    onMouseleave: MouseEventHandler;
+                    onClick: MouseEventHandler;
+                    onFocus: FocusEventHandler;
+                    onBlur: FocusEventHandler;
+                    onChange: (value: string | Dayjs, dateString: string) => void;
+                    onKeydown: (event: KeyboardEvent, preventDefault: () => void) => void;
+                    onContextmenu: MouseEventHandler;
+                    onMousedown: MouseEventHandler;
+                    onMouseup: MouseEventHandler;
+                    open: boolean;
+                    direction: "rtl" | "ltr";
+                    disabled: boolean;
+                    disabledDate: (date: Dayjs) => boolean;
+                    picker: PickerMode;
+                    locale: PickerLocale;
+                    format: string | CustomFormat<Dayjs> | (string | CustomFormat<Dayjs>)[];
+                    disabledHours: () => number[];
+                    disabledMinutes: (hour: number) => number[];
+                    disabledSeconds: (hour: number, minute: number) => number[];
+                    disabledTime: DisabledTime<Dayjs>;
+                    autofocus: boolean;
+                    getPopupContainer: (node: HTMLElement) => HTMLElement;
+                    variant: "filled" | "outlined" | "borderless" | "underlined";
+                    bordered: boolean;
+                    'onUpdate:value': (value: string | Dayjs) => void;
+                    status: "" | "error" | "warning";
+                    defaultValue: string | Dayjs;
+                    allowClear: boolean;
+                    defaultOpen: boolean;
+                    placement: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
+                    popupStyle: CSSProperties;
+                    onOpenChange: (open: boolean) => void;
+                    'onUpdate:open': (open: boolean) => void;
+                    defaultPickerValue: string | Dayjs;
+                    dateRender: DateRender<Dayjs>;
+                    monthCellRender: MonthCellRender<Dayjs>;
+                    renderExtraFooter: (mode: PanelMode) => VueNode;
+                    onOk: (value: string | Dayjs) => void;
+                    inputReadOnly: boolean;
+                    presets: PresetDate<Dayjs>[];
+                    panelRender: (originPanel: VueNode) => VueNode;
+                    showToday: boolean;
+                    showTime: boolean | SharedTimeProps<Dayjs>;
+                    showNow: boolean;
+                    monthCellContentRender: MonthCellRender<Dayjs>;
+                }> | null;
+            };
+            $slots: Readonly<{
+                [name: string]: Slot<any> | undefined;
+            }>;
+            $root: ComponentPublicInstance | null;
+            $parent: ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: "update:value", ...args: any[]) => void;
+            $el: any;
+            $options: ComponentOptionsBase<Readonly< ApFieldDateProps> & Readonly<{
+                "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                blur: () => void;
+                focus: () => void;
+            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+                "update:value": (...args: any[]) => void;
+            }, string, {
+                mode: FieldMode;
+                open: boolean;
+                disabled: boolean;
+                autofocus: boolean;
+                bordered: boolean;
+                clearIcon: string | number | boolean | void | VNode<RendererNode, RendererElement, {
+                    [key: string]: any;
+                }> | (string | number | boolean | void | VNode<RendererNode, RendererElement, {
+                    [key: string]: any;
+                }> | null | undefined)[] | VNode<RendererNode, RendererElement, {
+                    [key: string]: any;
+                }> | null;
+                allowClear: boolean;
+                suffixIcon: string | number | boolean | void | VNode<RendererNode, RendererElement, {
+                    [key: string]: any;
+                }> | (string | number | boolean | void | VNode<RendererNode, RendererElement, {
+                    [key: string]: any;
+                }> | null | undefined)[] | VNode<RendererNode, RendererElement, {
+                    [key: string]: any;
+                }> | null;
+                defaultOpen: boolean;
+                emptyText: string;
+                inputReadOnly: boolean;
+                format: LiteralUnion<ApFormatPresetType, string>;
+                showToday: boolean;
+                showTime: boolean | SharedTimeProps<Dayjs>;
+                formatBegins: boolean;
+            }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+        } & Readonly<{
+            mode: FieldMode;
+            open: boolean;
+            disabled: boolean;
+            autofocus: boolean;
+            bordered: boolean;
+            clearIcon: string | number | boolean | void | VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }> | (string | number | boolean | void | VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }> | null | undefined)[] | VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }> | null;
+            allowClear: boolean;
+            suffixIcon: string | number | boolean | void | VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }> | (string | number | boolean | void | VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }> | null | undefined)[] | VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }> | null;
+            defaultOpen: boolean;
+            emptyText: string;
+            inputReadOnly: boolean;
+            format: LiteralUnion<ApFormatPresetType, string>;
+            showToday: boolean;
+            showTime: boolean | SharedTimeProps<Dayjs>;
+            formatBegins: boolean;
+        }> & Omit<Readonly< ApFieldDateProps> & Readonly<{
+            "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+        }>, "blur" | "focus" | ("mode" | "open" | "disabled" | "autofocus" | "bordered" | "clearIcon" | "allowClear" | "suffixIcon" | "defaultOpen" | "emptyText" | "inputReadOnly" | "format" | "showToday" | "showTime" | "formatBegins")> & ShallowUnwrapRef<{
+            blur: () => void;
+            focus: () => void;
+        }> & {} & ComponentCustomProperties & {} & {
+            $slots: Readonly<{
+                dateRender: any;
+                suffixIcon?: any;
+                prevIcon?: any;
+                nextIcon?: any;
+                superPrevIcon?: any;
+                superNextIcon?: any;
+                renderExtraFooter?: any;
+                monthCellRender?: any;
+                monthCellContentRender?: any;
+                clearIcon?: any;
+                default?: any;
+            }> & {
+                dateRender: any;
+                suffixIcon?: any;
+                prevIcon?: any;
+                nextIcon?: any;
+                superPrevIcon?: any;
+                superNextIcon?: any;
+                renderExtraFooter?: any;
+                monthCellRender?: any;
+                monthCellContentRender?: any;
+                clearIcon?: any;
+                default?: any;
+            };
+        }) | null;
+    };
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: DefineComponent<ApFormItemDateProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApFormItemDateProps> & Readonly<{}>, {
+declare const __VLS_component: DefineComponent<ApFormItemDateProps, {
+    focus: () => void | undefined;
+    blur: () => void | undefined;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApFormItemDateProps> & Readonly<{}>, {
     disabled: boolean;
     required: boolean;
     colon: boolean;
@@ -41,7 +796,744 @@ declare const __VLS_component: DefineComponent<ApFormItemDateProps, {}, {}, {},
     autoLink: boolean;
     validateFirst: boolean;
     field: Omit< ApFieldDateProps, "value" | "onUpdate:value">;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    dateRef: ({
+        $: ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly mode?: FieldMode | undefined;
+            readonly class?: unknown;
+            readonly style?: unknown;
+            readonly size?: ButtonSize;
+            readonly onBlur?: FocusEventHandler | undefined;
+            readonly onClick?: MouseEventHandler | undefined;
+            readonly onContextmenu?: MouseEventHandler | undefined;
+            readonly onFocus?: FocusEventHandler | undefined;
+            readonly onKeydown?: ((event: KeyboardEvent, preventDefault: () => void) => void) | undefined;
+            readonly onMousedown?: ( MouseEventHandler & ((e: MouseEvent) => void)) | undefined;
+            readonly onMouseenter?: MouseEventHandler | undefined;
+            readonly onMouseleave?: MouseEventHandler | undefined;
+            readonly onMouseup?: MouseEventHandler | undefined;
+            readonly onSelect?: ((value: Dayjs) => void) | undefined;
+            readonly open?: boolean | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly direction?: "ltr" | "rtl" | undefined;
+            readonly placeholder?: string | undefined;
+            readonly id?: string | undefined;
+            readonly getPopupContainer?: ((node: HTMLElement) => HTMLElement) | undefined;
+            readonly prefixCls?: string | undefined;
+            readonly locale?: PickerLocale | undefined;
+            readonly variant?: Variant | undefined;
+            readonly name?: string | undefined;
+            readonly autofocus?: boolean | undefined;
+            readonly autocomplete?: string | undefined;
+            readonly bordered?: boolean | undefined;
+            readonly clearIcon?: VueNode;
+            readonly allowClear?: boolean | undefined;
+            readonly suffixIcon?: VueNode;
+            readonly transitionName?: string | undefined;
+            readonly dropdownClassName?: string | undefined;
+            readonly tabindex?: number | undefined;
+            readonly defaultOpen?: boolean | undefined;
+            readonly dropdownAlign?: AlignType | undefined;
+            readonly onOpenChange?: ((open: boolean) => void) | undefined;
+            readonly role?: string | undefined;
+            readonly popupStyle?: CSSProperties | undefined;
+            readonly picker?: "time" | "month" | "year" | "date" | "week" | "quarter" | undefined;
+            readonly defaultPickerValue?: Dayjs | ( Dayjs & string) | undefined;
+            readonly disabledDate?: ((date: Dayjs) => boolean) | undefined;
+            readonly showWeek?: boolean | undefined;
+            readonly dateRender?: DateRender<Dayjs> | undefined;
+            readonly monthCellRender?: MonthCellRender<Dayjs> | undefined;
+            readonly renderExtraFooter?: ((mode: PanelMode) => VueNode) | undefined;
+            readonly onPanelChange?: (((values: RangeValue<Dayjs>, modes: [ PanelMode, PanelMode]) => void) & OnPanelChange<Dayjs>) | undefined;
+            readonly inputReadOnly?: boolean | undefined;
+            readonly presets?: PresetDate<Dayjs>[] | undefined;
+            readonly panelRender?: ((originPanel: VueNode) => VueNode) | undefined;
+            readonly inputRender?: ((props: HTMLAttributes) => VueNode) | undefined;
+            readonly showToday?: boolean | undefined;
+            readonly showTime?: boolean | SharedTimeProps<Dayjs> | undefined;
+            readonly valueFormat?: string | undefined;
+            readonly emptyText?: string | undefined;
+            readonly value?: number | null | undefined;
+            readonly defaultValue?: number | undefined;
+            readonly 'onUpdate:value'?: (((ts: number | null) => void) & ((...args: any[]) => any)) | undefined;
+            readonly onChange?: ((ts: number | null, dayStr: string) => void) | undefined;
+            readonly onOk?: ((ts: number | null) => void) | undefined;
+            readonly format?: LiteralUnion<ApFormatPresetType, string> | undefined;
+            readonly shownFormat?: string | CustomFormat<Dayjs> | (string | CustomFormat<Dayjs>)[] | undefined;
+            readonly formatBegins?: boolean | undefined;
+            readonly timezone?: ( ZoneAlias | {
+                label?: string;
+                value: ZoneAlias;
+            }[]) | undefined;
+            readonly disabledTime?: ((date: Dayjs) => DisabledTimes) | undefined;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            datePickerRef: CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
+                defaultPickerValue: {
+                    type: PropType<string | Dayjs>;
+                    default: string | Dayjs;
+                };
+                defaultValue: {
+                    type: PropType<string | Dayjs>;
+                    default: string | Dayjs;
+                };
+                value: {
+                    type: PropType<string | Dayjs>;
+                    default: string | Dayjs;
+                };
+                presets: {
+                    type: PropType< PresetDate<Dayjs>[]>;
+                    default: PresetDate<Dayjs>[];
+                };
+                disabledTime: {
+                    type: PropType<DisabledTime<Dayjs>>;
+                    default: DisabledTime<Dayjs>;
+                };
+                renderExtraFooter: {
+                    type: PropType<(mode: PanelMode) => VueNode>;
+                    default: (mode: PanelMode) => VueNode;
+                };
+                showNow: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                monthCellRender: {
+                    type: PropType<MonthCellRender<Dayjs>>;
+                    default: MonthCellRender<Dayjs>;
+                };
+                monthCellContentRender: {
+                    type: PropType<MonthCellRender<Dayjs>>;
+                    default: MonthCellRender<Dayjs>;
+                };
+                id: StringConstructor;
+                dropdownClassName: StringConstructor;
+                popupClassName: StringConstructor;
+                popupStyle: {
+                    type: PropType<CSSProperties>;
+                    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;
+                };
+                inputReadOnly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                format: {
+                    type: PropType<string | CustomFormat<Dayjs> | (string | CustomFormat<Dayjs>)[]>;
+                    default: string | CustomFormat<Dayjs> | (string | CustomFormat<Dayjs>)[];
+                };
+                getPopupContainer: {
+                    type: PropType<(node: HTMLElement) => HTMLElement>;
+                    default: (node: HTMLElement) => HTMLElement;
+                };
+                panelRender: {
+                    type: PropType<(originPanel: VueNode) => VueNode>;
+                    default: (originPanel: VueNode) => VueNode;
+                };
+                onChange: {
+                    type: PropType<(value: string | Dayjs, dateString: string) => void>;
+                    default: (value: string | Dayjs, dateString: string) => void;
+                };
+                'onUpdate:value': {
+                    type: PropType<(value: string | Dayjs) => void>;
+                    default: (value: string | Dayjs) => void;
+                };
+                onOk: {
+                    type: PropType<(value: string | Dayjs) => void>;
+                    default: (value: string | Dayjs) => void;
+                };
+                onOpenChange: {
+                    type: PropType<(open: boolean) => void>;
+                    default: (open: boolean) => void;
+                };
+                'onUpdate:open': {
+                    type: PropType<(open: boolean) => void>;
+                    default: (open: boolean) => void;
+                };
+                onFocus: {
+                    type: PropType<FocusEventHandler>;
+                    default: FocusEventHandler;
+                };
+                onBlur: {
+                    type: PropType<FocusEventHandler>;
+                    default: FocusEventHandler;
+                };
+                onMousedown: {
+                    type: PropType<MouseEventHandler>;
+                    default: MouseEventHandler;
+                };
+                onMouseup: {
+                    type: PropType<MouseEventHandler>;
+                    default: MouseEventHandler;
+                };
+                onMouseenter: {
+                    type: PropType<MouseEventHandler>;
+                    default: MouseEventHandler;
+                };
+                onMouseleave: {
+                    type: PropType<MouseEventHandler>;
+                    default: MouseEventHandler;
+                };
+                onClick: {
+                    type: PropType<MouseEventHandler>;
+                    default: MouseEventHandler;
+                };
+                onContextmenu: {
+                    type: PropType<MouseEventHandler>;
+                    default: MouseEventHandler;
+                };
+                onKeydown: {
+                    type: PropType<(event: KeyboardEvent, preventDefault: () => void) => void>;
+                    default: (event: KeyboardEvent, preventDefault: () => void) => void;
+                };
+                role: StringConstructor;
+                name: StringConstructor;
+                autocomplete: StringConstructor;
+                direction: {
+                    type: PropType<"rtl" | "ltr">;
+                    default: "rtl" | "ltr";
+                };
+                showToday: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showTime: {
+                    type: PropType<boolean | SharedTimeProps<Dayjs>>;
+                    default: boolean | SharedTimeProps<Dayjs>;
+                };
+                locale: {
+                    type: PropType<PickerLocale>;
+                    default: PickerLocale;
+                };
+                size: {
+                    type: PropType<SizeType>;
+                    default: SizeType;
+                };
+                bordered: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                variant: {
+                    type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+                    default: "filled" | "outlined" | "borderless" | "underlined";
+                };
+                dateRender: {
+                    type: PropType<DateRender<Dayjs>>;
+                    default: DateRender<Dayjs>;
+                };
+                disabledDate: {
+                    type: PropType<(date: Dayjs) => boolean>;
+                    default: (date: Dayjs) => boolean;
+                };
+                mode: {
+                    type: PropType<PanelMode>;
+                    default: PanelMode;
+                };
+                picker: {
+                    type: PropType<PickerMode>;
+                    default: PickerMode;
+                };
+                valueFormat: StringConstructor;
+                placement: {
+                    type: PropType<"bottomLeft" | "bottomRight" | "topLeft" | "topRight">;
+                    default: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
+                };
+                status: {
+                    type: PropType<"" | "error" | "warning">;
+                    default: "" | "error" | "warning";
+                };
+                disabledHours: {
+                    type: PropType<() => number[]>;
+                    default: () => number[];
+                };
+                disabledMinutes: {
+                    type: PropType<(hour: number) => number[]>;
+                    default: (hour: number) => number[];
+                };
+                disabledSeconds: {
+                    type: PropType<(hour: number, minute: number) => number[]>;
+                    default: (hour: number, minute: number) => number[];
+                };
+            }>> & Readonly<{}>, () => VueNode, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
+                size: SizeType;
+                value: string | Dayjs;
+                mode: PanelMode;
+                onMouseenter: MouseEventHandler;
+                onMouseleave: MouseEventHandler;
+                onClick: MouseEventHandler;
+                onFocus: FocusEventHandler;
+                onBlur: FocusEventHandler;
+                onChange: (value: string | Dayjs, dateString: string) => void;
+                onKeydown: (event: KeyboardEvent, preventDefault: () => void) => void;
+                onContextmenu: MouseEventHandler;
+                onMousedown: MouseEventHandler;
+                onMouseup: MouseEventHandler;
+                open: boolean;
+                direction: "rtl" | "ltr";
+                disabled: boolean;
+                disabledDate: (date: Dayjs) => boolean;
+                picker: PickerMode;
+                locale: PickerLocale;
+                format: string | CustomFormat<Dayjs> | (string | CustomFormat<Dayjs>)[];
+                disabledHours: () => number[];
+                disabledMinutes: (hour: number) => number[];
+                disabledSeconds: (hour: number, minute: number) => number[];
+                disabledTime: DisabledTime<Dayjs>;
+                autofocus: boolean;
+                getPopupContainer: (node: HTMLElement) => HTMLElement;
+                variant: "filled" | "outlined" | "borderless" | "underlined";
+                bordered: boolean;
+                'onUpdate:value': (value: string | Dayjs) => void;
+                status: "" | "error" | "warning";
+                defaultValue: string | Dayjs;
+                allowClear: boolean;
+                defaultOpen: boolean;
+                placement: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
+                popupStyle: CSSProperties;
+                onOpenChange: (open: boolean) => void;
+                'onUpdate:open': (open: boolean) => void;
+                defaultPickerValue: string | Dayjs;
+                dateRender: DateRender<Dayjs>;
+                monthCellRender: MonthCellRender<Dayjs>;
+                renderExtraFooter: (mode: PanelMode) => VueNode;
+                onOk: (value: string | Dayjs) => void;
+                inputReadOnly: boolean;
+                presets: PresetDate<Dayjs>[];
+                panelRender: (originPanel: VueNode) => VueNode;
+                showToday: boolean;
+                showTime: boolean | SharedTimeProps<Dayjs>;
+                showNow: boolean;
+                monthCellContentRender: MonthCellRender<Dayjs>;
+            }, true, {}, CustomSlotsType<{
+                suffixIcon?: any;
+                prevIcon?: any;
+                nextIcon?: any;
+                superPrevIcon?: any;
+                superNextIcon?: any;
+                dateRender?: any;
+                renderExtraFooter?: any;
+                monthCellRender?: any;
+                monthCellContentRender?: any;
+                clearIcon?: any;
+                default?: any;
+            }>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly< ExtractPropTypes<{
+                defaultPickerValue: {
+                    type: PropType<string | Dayjs>;
+                    default: string | Dayjs;
+                };
+                defaultValue: {
+                    type: PropType<string | Dayjs>;
+                    default: string | Dayjs;
+                };
+                value: {
+                    type: PropType<string | Dayjs>;
+                    default: string | Dayjs;
+                };
+                presets: {
+                    type: PropType< PresetDate<Dayjs>[]>;
+                    default: PresetDate<Dayjs>[];
+                };
+                disabledTime: {
+                    type: PropType<DisabledTime<Dayjs>>;
+                    default: DisabledTime<Dayjs>;
+                };
+                renderExtraFooter: {
+                    type: PropType<(mode: PanelMode) => VueNode>;
+                    default: (mode: PanelMode) => VueNode;
+                };
+                showNow: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                monthCellRender: {
+                    type: PropType<MonthCellRender<Dayjs>>;
+                    default: MonthCellRender<Dayjs>;
+                };
+                monthCellContentRender: {
+                    type: PropType<MonthCellRender<Dayjs>>;
+                    default: MonthCellRender<Dayjs>;
+                };
+                id: StringConstructor;
+                dropdownClassName: StringConstructor;
+                popupClassName: StringConstructor;
+                popupStyle: {
+                    type: PropType<CSSProperties>;
+                    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;
+                };
+                inputReadOnly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                format: {
+                    type: PropType<string | CustomFormat<Dayjs> | (string | CustomFormat<Dayjs>)[]>;
+                    default: string | CustomFormat<Dayjs> | (string | CustomFormat<Dayjs>)[];
+                };
+                getPopupContainer: {
+                    type: PropType<(node: HTMLElement) => HTMLElement>;
+                    default: (node: HTMLElement) => HTMLElement;
+                };
+                panelRender: {
+                    type: PropType<(originPanel: VueNode) => VueNode>;
+                    default: (originPanel: VueNode) => VueNode;
+                };
+                onChange: {
+                    type: PropType<(value: string | Dayjs, dateString: string) => void>;
+                    default: (value: string | Dayjs, dateString: string) => void;
+                };
+                'onUpdate:value': {
+                    type: PropType<(value: string | Dayjs) => void>;
+                    default: (value: string | Dayjs) => void;
+                };
+                onOk: {
+                    type: PropType<(value: string | Dayjs) => void>;
+                    default: (value: string | Dayjs) => void;
+                };
+                onOpenChange: {
+                    type: PropType<(open: boolean) => void>;
+                    default: (open: boolean) => void;
+                };
+                'onUpdate:open': {
+                    type: PropType<(open: boolean) => void>;
+                    default: (open: boolean) => void;
+                };
+                onFocus: {
+                    type: PropType<FocusEventHandler>;
+                    default: FocusEventHandler;
+                };
+                onBlur: {
+                    type: PropType<FocusEventHandler>;
+                    default: FocusEventHandler;
+                };
+                onMousedown: {
+                    type: PropType<MouseEventHandler>;
+                    default: MouseEventHandler;
+                };
+                onMouseup: {
+                    type: PropType<MouseEventHandler>;
+                    default: MouseEventHandler;
+                };
+                onMouseenter: {
+                    type: PropType<MouseEventHandler>;
+                    default: MouseEventHandler;
+                };
+                onMouseleave: {
+                    type: PropType<MouseEventHandler>;
+                    default: MouseEventHandler;
+                };
+                onClick: {
+                    type: PropType<MouseEventHandler>;
+                    default: MouseEventHandler;
+                };
+                onContextmenu: {
+                    type: PropType<MouseEventHandler>;
+                    default: MouseEventHandler;
+                };
+                onKeydown: {
+                    type: PropType<(event: KeyboardEvent, preventDefault: () => void) => void>;
+                    default: (event: KeyboardEvent, preventDefault: () => void) => void;
+                };
+                role: StringConstructor;
+                name: StringConstructor;
+                autocomplete: StringConstructor;
+                direction: {
+                    type: PropType<"rtl" | "ltr">;
+                    default: "rtl" | "ltr";
+                };
+                showToday: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showTime: {
+                    type: PropType<boolean | SharedTimeProps<Dayjs>>;
+                    default: boolean | SharedTimeProps<Dayjs>;
+                };
+                locale: {
+                    type: PropType<PickerLocale>;
+                    default: PickerLocale;
+                };
+                size: {
+                    type: PropType<SizeType>;
+                    default: SizeType;
+                };
+                bordered: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                variant: {
+                    type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+                    default: "filled" | "outlined" | "borderless" | "underlined";
+                };
+                dateRender: {
+                    type: PropType<DateRender<Dayjs>>;
+                    default: DateRender<Dayjs>;
+                };
+                disabledDate: {
+                    type: PropType<(date: Dayjs) => boolean>;
+                    default: (date: Dayjs) => boolean;
+                };
+                mode: {
+                    type: PropType<PanelMode>;
+                    default: PanelMode;
+                };
+                picker: {
+                    type: PropType<PickerMode>;
+                    default: PickerMode;
+                };
+                valueFormat: StringConstructor;
+                placement: {
+                    type: PropType<"bottomLeft" | "bottomRight" | "topLeft" | "topRight">;
+                    default: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
+                };
+                status: {
+                    type: PropType<"" | "error" | "warning">;
+                    default: "" | "error" | "warning";
+                };
+                disabledHours: {
+                    type: PropType<() => number[]>;
+                    default: () => number[];
+                };
+                disabledMinutes: {
+                    type: PropType<(hour: number) => number[]>;
+                    default: (hour: number) => number[];
+                };
+                disabledSeconds: {
+                    type: PropType<(hour: number, minute: number) => number[]>;
+                    default: (hour: number, minute: number) => number[];
+                };
+            }>> & Readonly<{}>, () => VueNode, {}, {}, {}, {
+                size: SizeType;
+                value: string | Dayjs;
+                mode: PanelMode;
+                onMouseenter: MouseEventHandler;
+                onMouseleave: MouseEventHandler;
+                onClick: MouseEventHandler;
+                onFocus: FocusEventHandler;
+                onBlur: FocusEventHandler;
+                onChange: (value: string | Dayjs, dateString: string) => void;
+                onKeydown: (event: KeyboardEvent, preventDefault: () => void) => void;
+                onContextmenu: MouseEventHandler;
+                onMousedown: MouseEventHandler;
+                onMouseup: MouseEventHandler;
+                open: boolean;
+                direction: "rtl" | "ltr";
+                disabled: boolean;
+                disabledDate: (date: Dayjs) => boolean;
+                picker: PickerMode;
+                locale: PickerLocale;
+                format: string | CustomFormat<Dayjs> | (string | CustomFormat<Dayjs>)[];
+                disabledHours: () => number[];
+                disabledMinutes: (hour: number) => number[];
+                disabledSeconds: (hour: number, minute: number) => number[];
+                disabledTime: DisabledTime<Dayjs>;
+                autofocus: boolean;
+                getPopupContainer: (node: HTMLElement) => HTMLElement;
+                variant: "filled" | "outlined" | "borderless" | "underlined";
+                bordered: boolean;
+                'onUpdate:value': (value: string | Dayjs) => void;
+                status: "" | "error" | "warning";
+                defaultValue: string | Dayjs;
+                allowClear: boolean;
+                defaultOpen: boolean;
+                placement: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
+                popupStyle: CSSProperties;
+                onOpenChange: (open: boolean) => void;
+                'onUpdate:open': (open: boolean) => void;
+                defaultPickerValue: string | Dayjs;
+                dateRender: DateRender<Dayjs>;
+                monthCellRender: MonthCellRender<Dayjs>;
+                renderExtraFooter: (mode: PanelMode) => VueNode;
+                onOk: (value: string | Dayjs) => void;
+                inputReadOnly: boolean;
+                presets: PresetDate<Dayjs>[];
+                panelRender: (originPanel: VueNode) => VueNode;
+                showToday: boolean;
+                showTime: boolean | SharedTimeProps<Dayjs>;
+                showNow: boolean;
+                monthCellContentRender: MonthCellRender<Dayjs>;
+            }> | null;
+        };
+        $slots: Readonly<{
+            [name: string]: Slot<any> | undefined;
+        }>;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "update:value", ...args: any[]) => void;
+        $el: any;
+        $options: ComponentOptionsBase<Readonly< ApFieldDateProps> & Readonly<{
+            "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+        }>, {
+            blur: () => void;
+            focus: () => void;
+        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            "update:value": (...args: any[]) => void;
+        }, string, {
+            mode: FieldMode;
+            open: boolean;
+            disabled: boolean;
+            autofocus: boolean;
+            bordered: boolean;
+            clearIcon: string | number | boolean | void | VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }> | (string | number | boolean | void | VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }> | null | undefined)[] | VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }> | null;
+            allowClear: boolean;
+            suffixIcon: string | number | boolean | void | VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }> | (string | number | boolean | void | VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }> | null | undefined)[] | VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }> | null;
+            defaultOpen: boolean;
+            emptyText: string;
+            inputReadOnly: boolean;
+            format: LiteralUnion<ApFormatPresetType, string>;
+            showToday: boolean;
+            showTime: boolean | SharedTimeProps<Dayjs>;
+            formatBegins: boolean;
+        }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+    } & Readonly<{
+        mode: FieldMode;
+        open: boolean;
+        disabled: boolean;
+        autofocus: boolean;
+        bordered: boolean;
+        clearIcon: string | number | boolean | void | VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+        }> | (string | number | boolean | void | VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+        }> | null | undefined)[] | VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+        }> | null;
+        allowClear: boolean;
+        suffixIcon: string | number | boolean | void | VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+        }> | (string | number | boolean | void | VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+        }> | null | undefined)[] | VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+        }> | null;
+        defaultOpen: boolean;
+        emptyText: string;
+        inputReadOnly: boolean;
+        format: LiteralUnion<ApFormatPresetType, string>;
+        showToday: boolean;
+        showTime: boolean | SharedTimeProps<Dayjs>;
+        formatBegins: boolean;
+    }> & Omit<Readonly< ApFieldDateProps> & Readonly<{
+        "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    }>, "blur" | "focus" | ("mode" | "open" | "disabled" | "autofocus" | "bordered" | "clearIcon" | "allowClear" | "suffixIcon" | "defaultOpen" | "emptyText" | "inputReadOnly" | "format" | "showToday" | "showTime" | "formatBegins")> & ShallowUnwrapRef<{
+        blur: () => void;
+        focus: () => void;
+    }> & {} & ComponentCustomProperties & {} & {
+        $slots: Readonly<{
+            dateRender: any;
+            suffixIcon?: any;
+            prevIcon?: any;
+            nextIcon?: any;
+            superPrevIcon?: any;
+            superNextIcon?: any;
+            renderExtraFooter?: any;
+            monthCellRender?: any;
+            monthCellContentRender?: any;
+            clearIcon?: any;
+            default?: any;
+        }> & {
+            dateRender: any;
+            suffixIcon?: any;
+            prevIcon?: any;
+            nextIcon?: any;
+            superPrevIcon?: any;
+            superNextIcon?: any;
+            renderExtraFooter?: any;
+            monthCellRender?: any;
+            monthCellContentRender?: any;
+            clearIcon?: any;
+            default?: any;
+        };
+    }) | null;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {