@sdata/web-vue 2.2.1 → 2.3.1

package/es/date-picker/picker.vue.d.ts

@@ -1,15 +1,938 @@
 import { PropType } from 'vue';
+import { Dayjs } from 'dayjs';
 import { Size } from '../_utils/constant';
 import { TimePickerProps } from '../time-picker/interface';
 import { TriggerProps } from '../trigger';
 import { DisabledTimeProps, ShortcutType, FormatFunc, CalendarValue, WeekStart } from './interface';
-declare var __VLS_10: {}, __VLS_26: {}, __VLS_29: {};
+declare function onPanelSelect(value: Dayjs): void;
+declare function onPanelCellClick(value: Dayjs): void;
+declare function onTimePickerSelect(time: Dayjs): void;
+declare function onPanelConfirm(): void;
+declare function onPanelShortcutMouseEnter(value: Dayjs): void;
+declare function onPanelShortcutMouseLeave(): void;
+declare function onPanelShortcutClick(value: Dayjs, shortcut: ShortcutType): void;
+declare function onPanelHeaderLabelClick(type: 'year' | 'month'): void;
+declare function onMonthHeaderClick(): void;
+declare function onPanelHeaderSelect(date: Dayjs): void;
+declare var __VLS_10: {}, __VLS_26: {}, __VLS_29: {}, __VLS_37: {
+    component: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+            mode: {
+                type: StringConstructor;
+            };
+            headerMode: {
+                type: PropType<"year" | "month">;
+            };
+            prefixCls: {
+                type: StringConstructor;
+                required: true;
+            };
+            value: {
+                type: PropType<Dayjs>;
+            };
+            headerValue: {
+                type: PropType<Dayjs>;
+                required: true;
+            };
+            timePickerValue: {
+                type: PropType<Dayjs>;
+            };
+            showTime: {
+                type: BooleanConstructor;
+            };
+            showConfirmBtn: {
+                type: BooleanConstructor;
+            };
+            shortcuts: {
+                type: PropType<ShortcutType[]>;
+                default: () => never[];
+            };
+            shortcutsPosition: {
+                type: PropType<"left" | "bottom" | "right">;
+                default: string;
+            };
+            format: {
+                type: StringConstructor;
+                required: true;
+            };
+            dayStartOfWeek: {
+                type: PropType<WeekStart>;
+                default: number;
+            };
+            disabledDate: {
+                type: PropType<import("./interface").DisabledDate>;
+            };
+            disabledTime: {
+                type: PropType<import("./interface").DisabledTime>;
+            };
+            timePickerProps: {
+                type: PropType<Partial<TimePickerProps>>;
+            };
+            hideTrigger: {
+                type: BooleanConstructor;
+            };
+            confirmBtnDisabled: {
+                type: BooleanConstructor;
+            };
+            showNowBtn: {
+                type: BooleanConstructor;
+            };
+            headerIcons: {
+                type: PropType<import("./interface").HeaderIcons>;
+                default: () => {};
+            };
+            headerOperations: {
+                type: PropType<import("./interface").HeaderOperations>;
+            };
+            abbreviation: {
+                type: BooleanConstructor;
+            };
+            hideNotInViewDates: {
+                type: BooleanConstructor;
+            };
+            utcOffset: {
+                type: NumberConstructor;
+            };
+            timezone: {
+                type: StringConstructor;
+            };
+            now: {
+                type: PropType<Dayjs>;
+            };
+        }>> & Readonly<{
+            onConfirm?: (() => any) | undefined;
+            "onCell-click"?: ((_date: Dayjs) => any) | undefined;
+            "onTime-picker-select"?: ((_time: Dayjs) => any) | undefined;
+            "onToday-btn-click"?: ((_value: Dayjs) => any) | undefined;
+            "onShortcut-click"?: ((_value: Dayjs, _shortcut: ShortcutType) => any) | undefined;
+            "onShortcut-mouse-enter"?: ((_value: Dayjs) => any) | undefined;
+            "onShortcut-mouse-leave"?: ((_value: Dayjs) => any) | undefined;
+            "onHeader-label-click"?: ((_type: "month" | "year") => any) | undefined;
+            "onHeader-select"?: ((_date: Dayjs) => any) | undefined;
+            "onMonth-header-click"?: (() => any) | undefined;
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            confirm: () => any;
+            "cell-click": (_date: Dayjs) => any;
+            "time-picker-select": (_time: Dayjs) => any;
+            "today-btn-click": (_value: Dayjs) => any;
+            "shortcut-click": (_value: Dayjs, _shortcut: ShortcutType) => any;
+            "shortcut-mouse-enter": (_value: Dayjs) => any;
+            "shortcut-mouse-leave": (_value: Dayjs) => any;
+            "header-label-click": (_type: "month" | "year") => any;
+            "header-select": (_date: Dayjs) => any;
+            "month-header-click": () => any;
+        }, import("vue").PublicProps, {
+            showTime: boolean;
+            hideNotInViewDates: boolean;
+            headerIcons: import("./interface").HeaderIcons;
+            dayStartOfWeek: WeekStart;
+            showConfirmBtn: boolean;
+            confirmBtnDisabled: boolean;
+            abbreviation: boolean;
+            shortcuts: ShortcutType[];
+            showNowBtn: boolean;
+            shortcutsPosition: "bottom" | "left" | "right";
+            hideTrigger: boolean;
+        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            mode: {
+                type: StringConstructor;
+            };
+            headerMode: {
+                type: PropType<"year" | "month">;
+            };
+            prefixCls: {
+                type: StringConstructor;
+                required: true;
+            };
+            value: {
+                type: PropType<Dayjs>;
+            };
+            headerValue: {
+                type: PropType<Dayjs>;
+                required: true;
+            };
+            timePickerValue: {
+                type: PropType<Dayjs>;
+            };
+            showTime: {
+                type: BooleanConstructor;
+            };
+            showConfirmBtn: {
+                type: BooleanConstructor;
+            };
+            shortcuts: {
+                type: PropType<ShortcutType[]>;
+                default: () => never[];
+            };
+            shortcutsPosition: {
+                type: PropType<"left" | "bottom" | "right">;
+                default: string;
+            };
+            format: {
+                type: StringConstructor;
+                required: true;
+            };
+            dayStartOfWeek: {
+                type: PropType<WeekStart>;
+                default: number;
+            };
+            disabledDate: {
+                type: PropType<import("./interface").DisabledDate>;
+            };
+            disabledTime: {
+                type: PropType<import("./interface").DisabledTime>;
+            };
+            timePickerProps: {
+                type: PropType<Partial<TimePickerProps>>;
+            };
+            hideTrigger: {
+                type: BooleanConstructor;
+            };
+            confirmBtnDisabled: {
+                type: BooleanConstructor;
+            };
+            showNowBtn: {
+                type: BooleanConstructor;
+            };
+            headerIcons: {
+                type: PropType<import("./interface").HeaderIcons>;
+                default: () => {};
+            };
+            headerOperations: {
+                type: PropType<import("./interface").HeaderOperations>;
+            };
+            abbreviation: {
+                type: BooleanConstructor;
+            };
+            hideNotInViewDates: {
+                type: BooleanConstructor;
+            };
+            utcOffset: {
+                type: NumberConstructor;
+            };
+            timezone: {
+                type: StringConstructor;
+            };
+            now: {
+                type: PropType<Dayjs>;
+            };
+        }>> & Readonly<{
+            onConfirm?: (() => any) | undefined;
+            "onCell-click"?: ((_date: Dayjs) => any) | undefined;
+            "onTime-picker-select"?: ((_time: Dayjs) => any) | undefined;
+            "onToday-btn-click"?: ((_value: Dayjs) => any) | undefined;
+            "onShortcut-click"?: ((_value: Dayjs, _shortcut: ShortcutType) => any) | undefined;
+            "onShortcut-mouse-enter"?: ((_value: Dayjs) => any) | undefined;
+            "onShortcut-mouse-leave"?: ((_value: Dayjs) => any) | undefined;
+            "onHeader-label-click"?: ((_type: "month" | "year") => any) | undefined;
+            "onHeader-select"?: ((_date: Dayjs) => any) | undefined;
+            "onMonth-header-click"?: (() => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            showTime: boolean;
+            hideNotInViewDates: boolean;
+            headerIcons: import("./interface").HeaderIcons;
+            dayStartOfWeek: WeekStart;
+            showConfirmBtn: boolean;
+            confirmBtnDisabled: boolean;
+            abbreviation: boolean;
+            shortcuts: ShortcutType[];
+            showNowBtn: boolean;
+            shortcutsPosition: "bottom" | "left" | "right";
+            hideTrigger: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        mode: {
+            type: StringConstructor;
+        };
+        headerMode: {
+            type: PropType<"year" | "month">;
+        };
+        prefixCls: {
+            type: StringConstructor;
+            required: true;
+        };
+        value: {
+            type: PropType<Dayjs>;
+        };
+        headerValue: {
+            type: PropType<Dayjs>;
+            required: true;
+        };
+        timePickerValue: {
+            type: PropType<Dayjs>;
+        };
+        showTime: {
+            type: BooleanConstructor;
+        };
+        showConfirmBtn: {
+            type: BooleanConstructor;
+        };
+        shortcuts: {
+            type: PropType<ShortcutType[]>;
+            default: () => never[];
+        };
+        shortcutsPosition: {
+            type: PropType<"left" | "bottom" | "right">;
+            default: string;
+        };
+        format: {
+            type: StringConstructor;
+            required: true;
+        };
+        dayStartOfWeek: {
+            type: PropType<WeekStart>;
+            default: number;
+        };
+        disabledDate: {
+            type: PropType<import("./interface").DisabledDate>;
+        };
+        disabledTime: {
+            type: PropType<import("./interface").DisabledTime>;
+        };
+        timePickerProps: {
+            type: PropType<Partial<TimePickerProps>>;
+        };
+        hideTrigger: {
+            type: BooleanConstructor;
+        };
+        confirmBtnDisabled: {
+            type: BooleanConstructor;
+        };
+        showNowBtn: {
+            type: BooleanConstructor;
+        };
+        headerIcons: {
+            type: PropType<import("./interface").HeaderIcons>;
+            default: () => {};
+        };
+        headerOperations: {
+            type: PropType<import("./interface").HeaderOperations>;
+        };
+        abbreviation: {
+            type: BooleanConstructor;
+        };
+        hideNotInViewDates: {
+            type: BooleanConstructor;
+        };
+        utcOffset: {
+            type: NumberConstructor;
+        };
+        timezone: {
+            type: StringConstructor;
+        };
+        now: {
+            type: PropType<Dayjs>;
+        };
+    }>> & Readonly<{
+        onConfirm?: (() => any) | undefined;
+        "onCell-click"?: ((_date: Dayjs) => any) | undefined;
+        "onTime-picker-select"?: ((_time: Dayjs) => any) | undefined;
+        "onToday-btn-click"?: ((_value: Dayjs) => any) | undefined;
+        "onShortcut-click"?: ((_value: Dayjs, _shortcut: ShortcutType) => any) | undefined;
+        "onShortcut-mouse-enter"?: ((_value: Dayjs) => any) | undefined;
+        "onShortcut-mouse-leave"?: ((_value: Dayjs) => any) | undefined;
+        "onHeader-label-click"?: ((_type: "month" | "year") => any) | undefined;
+        "onHeader-select"?: ((_date: Dayjs) => any) | undefined;
+        "onMonth-header-click"?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        confirm: () => any;
+        "cell-click": (_date: Dayjs) => any;
+        "time-picker-select": (_time: Dayjs) => any;
+        "today-btn-click": (_value: Dayjs) => any;
+        "shortcut-click": (_value: Dayjs, _shortcut: ShortcutType) => any;
+        "shortcut-mouse-enter": (_value: Dayjs) => any;
+        "shortcut-mouse-leave": (_value: Dayjs) => any;
+        "header-label-click": (_type: "month" | "year") => any;
+        "header-select": (_date: Dayjs) => any;
+        "month-header-click": () => any;
+    }, string, {
+        showTime: boolean;
+        hideNotInViewDates: boolean;
+        headerIcons: import("./interface").HeaderIcons;
+        dayStartOfWeek: WeekStart;
+        showConfirmBtn: boolean;
+        confirmBtnDisabled: boolean;
+        abbreviation: boolean;
+        shortcuts: ShortcutType[];
+        showNowBtn: boolean;
+        shortcutsPosition: "bottom" | "left" | "right";
+        hideTrigger: boolean;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            cell?: (props: {
+                date: Date;
+            }) => any;
+        } & {
+            cell?: (props: {
+                date: Date;
+            }) => any;
+        } & {
+            cell?: (props: {
+                date: Date;
+            }) => any;
+        } & {
+            cell?: (props: {
+                date: Date;
+            }) => any;
+        } & {
+            cell?: (props: {
+                date: Date;
+            }) => any;
+        } & {
+            extra?: (props: {}) => any;
+        };
+    });
+    props: {
+        showNowBtn: boolean | undefined;
+        now: Dayjs;
+        prefixCls: string;
+        format: string;
+        value: Dayjs | undefined;
+        visible: boolean;
+        showConfirmBtn: boolean | undefined;
+        confirmBtnDisabled: boolean | undefined;
+        timePickerProps: {
+            visible: boolean;
+            type?: "time" | "time-range" | undefined;
+            error?: boolean | undefined;
+            readonly?: boolean | undefined;
+            size?: "small" | "mini" | "medium" | "large" | undefined;
+            popupVisible?: boolean | undefined;
+            defaultPopupVisible?: boolean | undefined;
+            position?: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | undefined;
+            disabled?: boolean | undefined;
+            unmountOnClose?: boolean | undefined;
+            modelValue?: (import("../index.js").TimeValue | import("../index.js").TimeValue[]) | undefined;
+            placeholder?: string | string[] | undefined;
+            allowClear?: boolean | undefined;
+            triggerProps?: Record<string, unknown> | undefined;
+            format: string;
+            disabledHours?: (() => number[]) | undefined;
+            disabledMinutes?: ((selectedHour?: number) => number[]) | undefined;
+            disabledSeconds?: ((selectedHour?: number, selectedMinute?: number) => number[]) | undefined;
+            use12Hours?: boolean | undefined;
+            disableConfirm?: boolean | undefined;
+            step?: {
+                hour?: number;
+                minute?: number;
+                second?: number;
+            } | undefined;
+            hideDisabledOptions?: boolean | undefined;
+        };
+        headerValue: Dayjs;
+        headerIcons: {
+            prev: import("vue").Slot<any> | undefined;
+            prevDouble: import("vue").Slot<any> | undefined;
+            next: import("vue").Slot<any> | undefined;
+            nextDouble: import("vue").Slot<any> | undefined;
+        };
+        headerOperations: import("./interface").HeaderOperations;
+        timePickerValue: Dayjs;
+        headerMode: "month" | "year" | undefined;
+        onCellClick: typeof onPanelCellClick;
+        onTimePickerSelect: typeof onTimePickerSelect;
+        onConfirm: typeof onPanelConfirm;
+        onShortcutClick: typeof onPanelShortcutClick;
+        onShortcutMouseEnter: typeof onPanelShortcutMouseEnter | undefined;
+        onShortcutMouseLeave: typeof onPanelShortcutMouseLeave | undefined;
+        onTodayBtnClick: typeof onPanelSelect;
+        onHeaderLabelClick: typeof onPanelHeaderLabelClick;
+        onHeaderSelect: typeof onPanelHeaderSelect;
+        onMonthHeaderClick: typeof onMonthHeaderClick;
+        mode: "month" | "year" | "date" | "week" | "quarter";
+        showTime: boolean;
+        disabledDate?: ((current?: Date) => boolean) | undefined;
+        disabledTime?: ((current: Date) => DisabledTimeProps) | undefined;
+        utcOffset?: number | undefined;
+        timezone?: string | undefined;
+        hideNotInViewDates: boolean;
+        dayStartOfWeek: WeekStart;
+        abbreviation: boolean;
+        shortcuts: ShortcutType[];
+        shortcutsPosition: "bottom" | "left" | "right";
+        hideTrigger: boolean;
+    };
+}, __VLS_46: {}, __VLS_49: {
+    date: Date;
+}, __VLS_51: {
+    component: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+            mode: {
+                type: StringConstructor;
+            };
+            headerMode: {
+                type: PropType<"year" | "month">;
+            };
+            prefixCls: {
+                type: StringConstructor;
+                required: true;
+            };
+            value: {
+                type: PropType<Dayjs>;
+            };
+            headerValue: {
+                type: PropType<Dayjs>;
+                required: true;
+            };
+            timePickerValue: {
+                type: PropType<Dayjs>;
+            };
+            showTime: {
+                type: BooleanConstructor;
+            };
+            showConfirmBtn: {
+                type: BooleanConstructor;
+            };
+            shortcuts: {
+                type: PropType<ShortcutType[]>;
+                default: () => never[];
+            };
+            shortcutsPosition: {
+                type: PropType<"left" | "bottom" | "right">;
+                default: string;
+            };
+            format: {
+                type: StringConstructor;
+                required: true;
+            };
+            dayStartOfWeek: {
+                type: PropType<WeekStart>;
+                default: number;
+            };
+            disabledDate: {
+                type: PropType<import("./interface").DisabledDate>;
+            };
+            disabledTime: {
+                type: PropType<import("./interface").DisabledTime>;
+            };
+            timePickerProps: {
+                type: PropType<Partial<TimePickerProps>>;
+            };
+            hideTrigger: {
+                type: BooleanConstructor;
+            };
+            confirmBtnDisabled: {
+                type: BooleanConstructor;
+            };
+            showNowBtn: {
+                type: BooleanConstructor;
+            };
+            headerIcons: {
+                type: PropType<import("./interface").HeaderIcons>;
+                default: () => {};
+            };
+            headerOperations: {
+                type: PropType<import("./interface").HeaderOperations>;
+            };
+            abbreviation: {
+                type: BooleanConstructor;
+            };
+            hideNotInViewDates: {
+                type: BooleanConstructor;
+            };
+            utcOffset: {
+                type: NumberConstructor;
+            };
+            timezone: {
+                type: StringConstructor;
+            };
+            now: {
+                type: PropType<Dayjs>;
+            };
+        }>> & Readonly<{
+            onConfirm?: (() => any) | undefined;
+            "onCell-click"?: ((_date: Dayjs) => any) | undefined;
+            "onTime-picker-select"?: ((_time: Dayjs) => any) | undefined;
+            "onToday-btn-click"?: ((_value: Dayjs) => any) | undefined;
+            "onShortcut-click"?: ((_value: Dayjs, _shortcut: ShortcutType) => any) | undefined;
+            "onShortcut-mouse-enter"?: ((_value: Dayjs) => any) | undefined;
+            "onShortcut-mouse-leave"?: ((_value: Dayjs) => any) | undefined;
+            "onHeader-label-click"?: ((_type: "month" | "year") => any) | undefined;
+            "onHeader-select"?: ((_date: Dayjs) => any) | undefined;
+            "onMonth-header-click"?: (() => any) | undefined;
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            confirm: () => any;
+            "cell-click": (_date: Dayjs) => any;
+            "time-picker-select": (_time: Dayjs) => any;
+            "today-btn-click": (_value: Dayjs) => any;
+            "shortcut-click": (_value: Dayjs, _shortcut: ShortcutType) => any;
+            "shortcut-mouse-enter": (_value: Dayjs) => any;
+            "shortcut-mouse-leave": (_value: Dayjs) => any;
+            "header-label-click": (_type: "month" | "year") => any;
+            "header-select": (_date: Dayjs) => any;
+            "month-header-click": () => any;
+        }, import("vue").PublicProps, {
+            showTime: boolean;
+            hideNotInViewDates: boolean;
+            headerIcons: import("./interface").HeaderIcons;
+            dayStartOfWeek: WeekStart;
+            showConfirmBtn: boolean;
+            confirmBtnDisabled: boolean;
+            abbreviation: boolean;
+            shortcuts: ShortcutType[];
+            showNowBtn: boolean;
+            shortcutsPosition: "bottom" | "left" | "right";
+            hideTrigger: boolean;
+        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            mode: {
+                type: StringConstructor;
+            };
+            headerMode: {
+                type: PropType<"year" | "month">;
+            };
+            prefixCls: {
+                type: StringConstructor;
+                required: true;
+            };
+            value: {
+                type: PropType<Dayjs>;
+            };
+            headerValue: {
+                type: PropType<Dayjs>;
+                required: true;
+            };
+            timePickerValue: {
+                type: PropType<Dayjs>;
+            };
+            showTime: {
+                type: BooleanConstructor;
+            };
+            showConfirmBtn: {
+                type: BooleanConstructor;
+            };
+            shortcuts: {
+                type: PropType<ShortcutType[]>;
+                default: () => never[];
+            };
+            shortcutsPosition: {
+                type: PropType<"left" | "bottom" | "right">;
+                default: string;
+            };
+            format: {
+                type: StringConstructor;
+                required: true;
+            };
+            dayStartOfWeek: {
+                type: PropType<WeekStart>;
+                default: number;
+            };
+            disabledDate: {
+                type: PropType<import("./interface").DisabledDate>;
+            };
+            disabledTime: {
+                type: PropType<import("./interface").DisabledTime>;
+            };
+            timePickerProps: {
+                type: PropType<Partial<TimePickerProps>>;
+            };
+            hideTrigger: {
+                type: BooleanConstructor;
+            };
+            confirmBtnDisabled: {
+                type: BooleanConstructor;
+            };
+            showNowBtn: {
+                type: BooleanConstructor;
+            };
+            headerIcons: {
+                type: PropType<import("./interface").HeaderIcons>;
+                default: () => {};
+            };
+            headerOperations: {
+                type: PropType<import("./interface").HeaderOperations>;
+            };
+            abbreviation: {
+                type: BooleanConstructor;
+            };
+            hideNotInViewDates: {
+                type: BooleanConstructor;
+            };
+            utcOffset: {
+                type: NumberConstructor;
+            };
+            timezone: {
+                type: StringConstructor;
+            };
+            now: {
+                type: PropType<Dayjs>;
+            };
+        }>> & Readonly<{
+            onConfirm?: (() => any) | undefined;
+            "onCell-click"?: ((_date: Dayjs) => any) | undefined;
+            "onTime-picker-select"?: ((_time: Dayjs) => any) | undefined;
+            "onToday-btn-click"?: ((_value: Dayjs) => any) | undefined;
+            "onShortcut-click"?: ((_value: Dayjs, _shortcut: ShortcutType) => any) | undefined;
+            "onShortcut-mouse-enter"?: ((_value: Dayjs) => any) | undefined;
+            "onShortcut-mouse-leave"?: ((_value: Dayjs) => any) | undefined;
+            "onHeader-label-click"?: ((_type: "month" | "year") => any) | undefined;
+            "onHeader-select"?: ((_date: Dayjs) => any) | undefined;
+            "onMonth-header-click"?: (() => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            showTime: boolean;
+            hideNotInViewDates: boolean;
+            headerIcons: import("./interface").HeaderIcons;
+            dayStartOfWeek: WeekStart;
+            showConfirmBtn: boolean;
+            confirmBtnDisabled: boolean;
+            abbreviation: boolean;
+            shortcuts: ShortcutType[];
+            showNowBtn: boolean;
+            shortcutsPosition: "bottom" | "left" | "right";
+            hideTrigger: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        mode: {
+            type: StringConstructor;
+        };
+        headerMode: {
+            type: PropType<"year" | "month">;
+        };
+        prefixCls: {
+            type: StringConstructor;
+            required: true;
+        };
+        value: {
+            type: PropType<Dayjs>;
+        };
+        headerValue: {
+            type: PropType<Dayjs>;
+            required: true;
+        };
+        timePickerValue: {
+            type: PropType<Dayjs>;
+        };
+        showTime: {
+            type: BooleanConstructor;
+        };
+        showConfirmBtn: {
+            type: BooleanConstructor;
+        };
+        shortcuts: {
+            type: PropType<ShortcutType[]>;
+            default: () => never[];
+        };
+        shortcutsPosition: {
+            type: PropType<"left" | "bottom" | "right">;
+            default: string;
+        };
+        format: {
+            type: StringConstructor;
+            required: true;
+        };
+        dayStartOfWeek: {
+            type: PropType<WeekStart>;
+            default: number;
+        };
+        disabledDate: {
+            type: PropType<import("./interface").DisabledDate>;
+        };
+        disabledTime: {
+            type: PropType<import("./interface").DisabledTime>;
+        };
+        timePickerProps: {
+            type: PropType<Partial<TimePickerProps>>;
+        };
+        hideTrigger: {
+            type: BooleanConstructor;
+        };
+        confirmBtnDisabled: {
+            type: BooleanConstructor;
+        };
+        showNowBtn: {
+            type: BooleanConstructor;
+        };
+        headerIcons: {
+            type: PropType<import("./interface").HeaderIcons>;
+            default: () => {};
+        };
+        headerOperations: {
+            type: PropType<import("./interface").HeaderOperations>;
+        };
+        abbreviation: {
+            type: BooleanConstructor;
+        };
+        hideNotInViewDates: {
+            type: BooleanConstructor;
+        };
+        utcOffset: {
+            type: NumberConstructor;
+        };
+        timezone: {
+            type: StringConstructor;
+        };
+        now: {
+            type: PropType<Dayjs>;
+        };
+    }>> & Readonly<{
+        onConfirm?: (() => any) | undefined;
+        "onCell-click"?: ((_date: Dayjs) => any) | undefined;
+        "onTime-picker-select"?: ((_time: Dayjs) => any) | undefined;
+        "onToday-btn-click"?: ((_value: Dayjs) => any) | undefined;
+        "onShortcut-click"?: ((_value: Dayjs, _shortcut: ShortcutType) => any) | undefined;
+        "onShortcut-mouse-enter"?: ((_value: Dayjs) => any) | undefined;
+        "onShortcut-mouse-leave"?: ((_value: Dayjs) => any) | undefined;
+        "onHeader-label-click"?: ((_type: "month" | "year") => any) | undefined;
+        "onHeader-select"?: ((_date: Dayjs) => any) | undefined;
+        "onMonth-header-click"?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        confirm: () => any;
+        "cell-click": (_date: Dayjs) => any;
+        "time-picker-select": (_time: Dayjs) => any;
+        "today-btn-click": (_value: Dayjs) => any;
+        "shortcut-click": (_value: Dayjs, _shortcut: ShortcutType) => any;
+        "shortcut-mouse-enter": (_value: Dayjs) => any;
+        "shortcut-mouse-leave": (_value: Dayjs) => any;
+        "header-label-click": (_type: "month" | "year") => any;
+        "header-select": (_date: Dayjs) => any;
+        "month-header-click": () => any;
+    }, string, {
+        showTime: boolean;
+        hideNotInViewDates: boolean;
+        headerIcons: import("./interface").HeaderIcons;
+        dayStartOfWeek: WeekStart;
+        showConfirmBtn: boolean;
+        confirmBtnDisabled: boolean;
+        abbreviation: boolean;
+        shortcuts: ShortcutType[];
+        showNowBtn: boolean;
+        shortcutsPosition: "bottom" | "left" | "right";
+        hideTrigger: boolean;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            cell?: (props: {
+                date: Date;
+            }) => any;
+        } & {
+            cell?: (props: {
+                date: Date;
+            }) => any;
+        } & {
+            cell?: (props: {
+                date: Date;
+            }) => any;
+        } & {
+            cell?: (props: {
+                date: Date;
+            }) => any;
+        } & {
+            cell?: (props: {
+                date: Date;
+            }) => any;
+        } & {
+            extra?: (props: {}) => any;
+        };
+    });
+    props: {
+        showNowBtn: boolean | undefined;
+        now: Dayjs;
+        prefixCls: string;
+        format: string;
+        value: Dayjs | undefined;
+        visible: boolean;
+        showConfirmBtn: boolean | undefined;
+        confirmBtnDisabled: boolean | undefined;
+        timePickerProps: {
+            visible: boolean;
+            type?: "time" | "time-range" | undefined;
+            error?: boolean | undefined;
+            readonly?: boolean | undefined;
+            size?: "small" | "mini" | "medium" | "large" | undefined;
+            popupVisible?: boolean | undefined;
+            defaultPopupVisible?: boolean | undefined;
+            position?: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | undefined;
+            disabled?: boolean | undefined;
+            unmountOnClose?: boolean | undefined;
+            modelValue?: (import("../index.js").TimeValue | import("../index.js").TimeValue[]) | undefined;
+            placeholder?: string | string[] | undefined;
+            allowClear?: boolean | undefined;
+            triggerProps?: Record<string, unknown> | undefined;
+            format: string;
+            disabledHours?: (() => number[]) | undefined;
+            disabledMinutes?: ((selectedHour?: number) => number[]) | undefined;
+            disabledSeconds?: ((selectedHour?: number, selectedMinute?: number) => number[]) | undefined;
+            use12Hours?: boolean | undefined;
+            disableConfirm?: boolean | undefined;
+            step?: {
+                hour?: number;
+                minute?: number;
+                second?: number;
+            } | undefined;
+            hideDisabledOptions?: boolean | undefined;
+        };
+        headerValue: Dayjs;
+        headerIcons: {
+            prev: import("vue").Slot<any> | undefined;
+            prevDouble: import("vue").Slot<any> | undefined;
+            next: import("vue").Slot<any> | undefined;
+            nextDouble: import("vue").Slot<any> | undefined;
+        };
+        headerOperations: import("./interface").HeaderOperations;
+        timePickerValue: Dayjs;
+        headerMode: "month" | "year" | undefined;
+        onCellClick: typeof onPanelCellClick;
+        onTimePickerSelect: typeof onTimePickerSelect;
+        onConfirm: typeof onPanelConfirm;
+        onShortcutClick: typeof onPanelShortcutClick;
+        onShortcutMouseEnter: typeof onPanelShortcutMouseEnter | undefined;
+        onShortcutMouseLeave: typeof onPanelShortcutMouseLeave | undefined;
+        onTodayBtnClick: typeof onPanelSelect;
+        onHeaderLabelClick: typeof onPanelHeaderLabelClick;
+        onHeaderSelect: typeof onPanelHeaderSelect;
+        onMonthHeaderClick: typeof onMonthHeaderClick;
+        mode: "month" | "year" | "date" | "week" | "quarter";
+        showTime: boolean;
+        disabledDate?: ((current?: Date) => boolean) | undefined;
+        disabledTime?: ((current: Date) => DisabledTimeProps) | undefined;
+        utcOffset?: number | undefined;
+        timezone?: string | undefined;
+        hideNotInViewDates: boolean;
+        dayStartOfWeek: WeekStart;
+        abbreviation: boolean;
+        shortcuts: ShortcutType[];
+        shortcutsPosition: "bottom" | "left" | "right";
+        hideTrigger: boolean;
+    };
+}, __VLS_60: {}, __VLS_63: {
+    date: Date;
+};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_10) => any;
 } & {
     prefix?: (props: typeof __VLS_26) => any;
 } & {
     'suffix-icon'?: (props: typeof __VLS_29) => any;
+} & {
+    panelRender?: (props: typeof __VLS_37) => any;
+} & {
+    extra?: (props: typeof __VLS_46) => any;
+} & {
+    cell?: (props: typeof __VLS_49) => any;
+} & {
+    panelRender?: (props: typeof __VLS_51) => any;
+} & {
+    extra?: (props: typeof __VLS_60) => any;
+} & {
+    cell?: (props: typeof __VLS_63) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     locale: {
@@ -57,9 +980,15 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     unmountOnClose: {
         type: BooleanConstructor;
     };
+    hideNotInViewDates: {
+        type: BooleanConstructor;
+    };
     placeholder: {
         type: StringConstructor;
     };
+    inputProps: {
+        type: PropType<Record<string, any>>;
+    };
     disabled: {
         type: BooleanConstructor;
     };
@@ -88,6 +1017,12 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     valueFormat: {
         type: PropType<"timestamp" | "Date" | string>;
     };
+    utcOffset: {
+        type: NumberConstructor;
+    };
+    timezone: {
+        type: StringConstructor;
+    };
     previewShortcut: {
         type: BooleanConstructor;
         default: boolean;
@@ -180,9 +1115,15 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     unmountOnClose: {
         type: BooleanConstructor;
     };
+    hideNotInViewDates: {
+        type: BooleanConstructor;
+    };
     placeholder: {
         type: StringConstructor;
     };
+    inputProps: {
+        type: PropType<Record<string, any>>;
+    };
     disabled: {
         type: BooleanConstructor;
     };
@@ -211,6 +1152,12 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     valueFormat: {
         type: PropType<"timestamp" | "Date" | string>;
     };
+    utcOffset: {
+        type: NumberConstructor;
+    };
+    timezone: {
+        type: StringConstructor;
+    };
     previewShortcut: {
         type: BooleanConstructor;
         default: boolean;
@@ -269,6 +1216,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     mode: "month" | "year" | "date" | "week" | "quarter";
     disabledInput: boolean;
     showTime: boolean;
+    hideNotInViewDates: boolean;
     dayStartOfWeek: WeekStart;
     showConfirmBtn: boolean;
     abbreviation: boolean;