naive-ui 2.38.2 → 2.40.0

package/es/date-picker/src/panel/datetimerange.d.ts

@@ -18,6 +18,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly shortcuts: import("vue").PropType<import("../interface").Shortcuts>;
     readonly defaultTime: import("vue").PropType<import("../interface").DefaultTime>;
+    readonly inputReadonly: BooleanConstructor;
     readonly onClear: FunctionConstructor;
     readonly onConfirm: import("vue").PropType<(value: import("../interface").Value | null) => void>;
     readonly onClose: import("vue").PropType<import("../interface").OnClose>;
@@ -66,8 +67,8 @@ declare const _default: import("vue").DefineComponent<{
     endYearScrollbarRef: import("vue").Ref<import("../../../_internal").ScrollbarInst | null>;
     startMonthScrollbarRef: import("vue").Ref<import("../../../_internal").ScrollbarInst | null>;
     endMonthScrollbarRef: import("vue").Ref<import("../../../_internal").ScrollbarInst | null>;
-    startYearVlRef: import("vue").Ref<import("vueuc").VirtualListInst | null>;
-    endYearVlRef: import("vue").Ref<import("vueuc").VirtualListInst | null>;
+    startYearVlRef: import("vue").Ref<import("vueuc").VVirtualListInst | null>;
+    endYearVlRef: import("vue").Ref<import("vueuc").VVirtualListInst | null>;
     isDateDisabled: import("vue").Ref<import("../interface").IsDateDisabled | undefined>;
     isStartHourDisabled: import("vue").ComputedRef<import("../../../time-picker/src/interface").IsHourDisabled | undefined>;
     isEndHourDisabled: import("vue").ComputedRef<import("../../../time-picker/src/interface").IsHourDisabled | undefined>;
@@ -83,111 +84,7 @@ declare const _default: import("vue").DefineComponent<{
     isEndValueInvalid: import("vue").ComputedRef<boolean>;
     isRangeInvalid: import("vue").ComputedRef<boolean>;
     mergedTheme: import("vue").Ref<{
-        common: {
-            baseColor: string;
-            primaryColor: string;
-            primaryColorHover: string;
-            primaryColorPressed: string;
-            primaryColorSuppl: string;
-            infoColor: string;
-            infoColorHover: string;
-            infoColorPressed: string;
-            infoColorSuppl: string;
-            successColor: string;
-            successColorHover: string;
-            successColorPressed: string;
-            successColorSuppl: string;
-            warningColor: string;
-            warningColorHover: string;
-            warningColorPressed: string;
-            warningColorSuppl: string;
-            errorColor: string;
-            errorColorHover: string;
-            errorColorPressed: string;
-            errorColorSuppl: string;
-            textColorBase: string;
-            textColor1: string;
-            textColor2: string;
-            textColor3: string;
-            textColorDisabled: string;
-            placeholderColor: string;
-            placeholderColorDisabled: string;
-            iconColor: string;
-            iconColorHover: string;
-            iconColorPressed: string;
-            iconColorDisabled: string;
-            opacity1: string;
-            opacity2: string;
-            opacity3: string;
-            opacity4: string;
-            opacity5: string;
-            dividerColor: string;
-            borderColor: string;
-            closeIconColor: string;
-            closeIconColorHover: string;
-            closeIconColorPressed: string;
-            closeColorHover: string;
-            closeColorPressed: string;
-            clearColor: string;
-            clearColorHover: string;
-            clearColorPressed: string;
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            progressRailColor: string;
-            railColor: string;
-            popoverColor: string;
-            tableColor: string;
-            cardColor: string;
-            modalColor: string;
-            bodyColor: string;
-            tagColor: string;
-            avatarColor: string;
-            invertedColor: string;
-            inputColor: string;
-            codeColor: string;
-            tabColor: string;
-            actionColor: string;
-            tableHeaderColor: string;
-            hoverColor: string;
-            tableColorHover: string;
-            tableColorStriped: string;
-            pressedColor: string;
-            opacityDisabled: string;
-            inputColorDisabled: string;
-            buttonColor2: string;
-            buttonColor2Hover: string;
-            buttonColor2Pressed: string;
-            boxShadow1: string;
-            boxShadow2: string;
-            boxShadow3: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadius: string;
-            borderRadiusSmall: string;
-            fontSize: string;
-            fontSizeMini: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            lineHeight: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            name: "common";
-        };
+        common: import("../../..").ThemeCommonVars;
         self: {
             itemFontSize: string;
             calendarDaysFontSize: string;
@@ -542,8 +439,10 @@ declare const _default: import("vue").DefineComponent<{
                     borderRadius: string;
                     color: string;
                     colorHover: string;
-                    railInsetHorizontal: string;
-                    railInsetVertical: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
                     railColor: string;
                 }, any>;
                 Button: import("../../../_mixins").Theme<"Button", {
@@ -818,8 +717,10 @@ declare const _default: import("vue").DefineComponent<{
                 borderRadius: string;
                 color: string;
                 colorHover: string;
-                railInsetHorizontal: string;
-                railInsetVertical: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
                 railColor: string;
             }, any>;
         };
@@ -842,8 +743,10 @@ declare const _default: import("vue").DefineComponent<{
                         borderRadius: string;
                         color: string;
                         colorHover: string;
-                        railInsetHorizontal: string;
-                        railInsetVertical: string;
+                        railInsetHorizontalBottom: string;
+                        railInsetHorizontalTop: string;
+                        railInsetVerticalRight: string;
+                        railInsetVerticalLeft: string;
                         railColor: string;
                     }, any>> | undefined;
                     Button?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Button", {
@@ -1122,7 +1025,7 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     mergedClsPrefix: import("vue").Ref<string>;
     dateFnsOptions: import("vue").ComputedRef<{
-        locale: Locale;
+        locale: import("date-fns").Locale;
     }>;
     timePickerProps: import("vue").Ref<import("../../../time-picker").TimePickerProps | [import("../../../time-picker").TimePickerProps, import("../../../time-picker").TimePickerProps] | undefined>;
     selfRef: import("vue").Ref<HTMLElement | null>;
@@ -1154,7 +1057,7 @@ declare const _default: import("vue").DefineComponent<{
         startMonthPlaceholder: string;
         endMonthPlaceholder: string;
         monthBeforeYear: boolean;
-        firstDayOfWeek: 0 | 1 | 3 | 2 | 4 | 6 | 5;
+        firstDayOfWeek: 0 | 1 | 2 | 3 | 4 | 5 | 6;
         today: string;
     }>;
     doConfirm: () => void;
@@ -1168,14 +1071,14 @@ declare const _default: import("vue").DefineComponent<{
     cachePendingValue: () => void;
     clearPendingValue: () => void;
     restorePendingValue: () => void;
-    getShortcutValue: (shortcut: number | [number, number] | (() => number) | readonly [number, number] | (() => [number, number] | readonly [number, number])) => number | [number, number] | readonly [number, number];
+    getShortcutValue: (shortcut: import("../interface").Shortcuts[string]) => number | [number, number] | readonly [number, number];
     handleShortcutMouseleave: () => void;
     showMonthYearPanel: import("vue").Ref<boolean>;
     handleOpenQuickSelectMonthPanel: () => void;
     startDatesElRef: import("vue").Ref<HTMLElement | null>;
     endDatesElRef: import("vue").Ref<HTMLElement | null>;
     handleDateClick: (dateItem: import("../utils").DateItem) => void;
-    handleColItemClick: (dateItem: import("../utils").MonthItem | import("../utils").YearItem | import("../utils").QuarterItem, clickType: "start" | "end") => void;
+    handleColItemClick: (dateItem: import("../utils").MonthItem | import("../utils").QuarterItem | import("../utils").YearItem, clickType: "start" | "end") => void;
     handleDateMouseEnter: (dateItem: import("../utils").DateItem) => void;
     handleConfirmClick: () => void;
     startCalendarPrevYear: () => void;
@@ -1187,7 +1090,7 @@ declare const _default: import("vue").DefineComponent<{
     endCalendarNextMonth: () => void;
     endCalendarNextYear: () => void;
     mergedIsDateDisabled: (ts: number) => boolean;
-    changeStartEndTime: (startTime: number, endTime: number, source: "done" | "shortcutPreview" | "wipPreview") => void;
+    changeStartEndTime: (startTime: number, endTime: number, source: "shortcutPreview" | "wipPreview" | "done") => void;
     ranges: import("vue").Ref<Record<string, [number, number]> | undefined>;
     startCalendarMonth: import("vue").ComputedRef<string>;
     startCalendarYear: import("vue").ComputedRef<string>;
@@ -1203,8 +1106,8 @@ declare const _default: import("vue").DefineComponent<{
     endMonthArray: import("vue").ComputedRef<import("../utils").MonthItem[]>;
     endQuarterArray: import("vue").ComputedRef<import("../utils").QuarterItem[]>;
     isSelecting: import("vue").Ref<boolean>;
-    handleRangeShortcutMouseenter: (shortcut: number | [number, number] | (() => number) | readonly [number, number] | (() => [number, number] | readonly [number, number])) => void;
-    handleRangeShortcutClick: (shortcut: number | [number, number] | (() => number) | readonly [number, number] | (() => [number, number] | readonly [number, number])) => void;
+    handleRangeShortcutMouseenter: (shortcut: import("../interface").Shortcuts[string]) => void;
+    handleRangeShortcutClick: (shortcut: import("../interface").Shortcuts[string]) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly defaultCalendarStartTime: NumberConstructor;
     readonly defaultCalendarEndTime: NumberConstructor;
@@ -1225,6 +1128,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly shortcuts: import("vue").PropType<import("../interface").Shortcuts>;
     readonly defaultTime: import("vue").PropType<import("../interface").DefaultTime>;
+    readonly inputReadonly: BooleanConstructor;
     readonly onClear: FunctionConstructor;
     readonly onConfirm: import("vue").PropType<(value: import("../interface").Value | null) => void>;
     readonly onClose: import("vue").PropType<import("../interface").OnClose>;
@@ -1244,6 +1148,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly value: import("../interface").Value | null;
     readonly active: boolean;
     readonly actions: unknown[];
+    readonly inputReadonly: boolean;
     readonly panel: boolean;
     readonly bindCalendarMonths: boolean;
 }, {}>;

package/es/date-picker/src/panel/datetimerange.mjs

@@ -2,9 +2,9 @@ import { defineComponent, h, watchEffect } from 'vue';
 import { NButton, NxButton } from "../../../button/index.mjs";
 import { NInput } from "../../../input/index.mjs";
 import { NTimePicker } from "../../../time-picker/index.mjs";
-import { BackwardIcon, FastBackwardIcon, ForwardIcon, FastForwardIcon } from "../../../_internal/icons/index.mjs";
+import { BackwardIcon, FastBackwardIcon, FastForwardIcon, ForwardIcon } from "../../../_internal/icons/index.mjs";
 import { NBaseFocusDetector } from "../../../_internal/index.mjs";
-import { resolveSlot, warnOnce } from "../../../_utils/index.mjs";
+import { resolveSlot, resolveSlotWithProps, warnOnce } from "../../../_utils/index.mjs";
 import { useDualCalendar, useDualCalendarProps } from "./use-dual-calendar.mjs";
 import PanelHeader from "./panelHeader.mjs";
 export default defineComponent({
@@ -46,6 +46,7 @@ export default defineComponent({
       themeOverrides: mergedTheme.peerOverrides.Input,
       size: this.timePickerSize,
       stateful: false,
+      readonly: this.inputReadonly,
       class: `${mergedClsPrefix}-date-panel-date-input`,
       textDecoration: this.isStartValueInvalid ? 'line-through' : '',
       placeholder: this.locale.selectDate,
@@ -73,6 +74,7 @@ export default defineComponent({
       themeOverrides: mergedTheme.peerOverrides.Input,
       stateful: false,
       size: this.timePickerSize,
+      readonly: this.inputReadonly,
       class: `${mergedClsPrefix}-date-panel-date-input`,
       textDecoration: this.isEndValueInvalid ? 'line-through' : '',
       placeholder: this.locale.selectDate,
@@ -236,14 +238,21 @@ export default defineComponent({
       }) : null;
     })), h("div", {
       class: `${mergedClsPrefix}-date-panel-actions__suffix`
-    }, ((_b = this.actions) === null || _b === void 0 ? void 0 : _b.includes('clear')) ? h(NButton, {
+    }, ((_b = this.actions) === null || _b === void 0 ? void 0 : _b.includes('clear')) ? resolveSlotWithProps($slots.clear, {
+      onClear: this.handleClearClick,
+      text: this.locale.clear
+    }, () => [h(NButton, {
       theme: mergedTheme.peers.Button,
       themeOverrides: mergedTheme.peerOverrides.Button,
       size: "tiny",
       onClick: this.handleClearClick
     }, {
       default: () => this.locale.clear
-    }) : null, ((_c = this.actions) === null || _c === void 0 ? void 0 : _c.includes('confirm')) ? h(NButton, {
+    })]) : null, ((_c = this.actions) === null || _c === void 0 ? void 0 : _c.includes('confirm')) ? resolveSlotWithProps($slots.confirm, {
+      onConfirm: this.handleConfirmClick,
+      disabled: this.isRangeInvalid || this.isSelecting,
+      text: this.locale.confirm
+    }, () => [h(NButton, {
       theme: mergedTheme.peers.Button,
       themeOverrides: mergedTheme.peerOverrides.Button,
       size: "tiny",
@@ -252,7 +261,7 @@ export default defineComponent({
       onClick: this.handleConfirmClick
     }, {
       default: () => this.locale.confirm
-    }) : null)) : null, h(NBaseFocusDetector, {
+    })]) : null)) : null, h(NBaseFocusDetector, {
       onFocus: this.handleFocusDetectorFocus
     }));
   }

package/es/date-picker/src/panel/month.d.ts

@@ -1,5 +1,5 @@
-import { type VNode, type PropType } from 'vue';
-import { type MonthItem, type YearItem, type QuarterItem } from '../utils';
+import { type PropType, type VNode } from 'vue';
+import { type MonthItem, type QuarterItem, type YearItem } from '../utils';
 /**
  * Month Panel
  * Update picker value on:
@@ -29,6 +29,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     shortcuts: PropType<import("../interface").Shortcuts>;
     defaultTime: PropType<import("../interface").DefaultTime>;
+    inputReadonly: BooleanConstructor;
     onClear: FunctionConstructor;
     onConfirm: PropType<(value: import("../interface").Value | null) => void>;
     onClose: PropType<import("../interface").OnClose>;
@@ -55,125 +56,21 @@ declare const _default: import("vue").DefineComponent<{
     clearSelectedDateTime: () => void;
     virtualListContainer: () => HTMLElement | null;
     virtualListContent: () => HTMLElement | null;
-    handleVirtualListScroll: (e: Event) => void;
+    handleVirtualListScroll: () => void;
     timePickerSize: import("vue").Ref<"small" | "medium" | "large">;
     dateInputValue: import("vue").Ref<string>;
     datePickerSlots: Readonly<{
         [name: string]: import("vue").Slot<any> | undefined;
     }>;
     handleQuickMonthClick: (dateItem: MonthItem | YearItem | QuarterItem, updatePanelValue: (value: number) => void) => void;
-    justifyColumnsScrollState: (value?: number | undefined) => void;
+    justifyColumnsScrollState: (value?: number) => void;
     calendarValue: import("vue").Ref<number>;
     onUpdateCalendarValue: (value: number) => void;
     monthScrollbarRef: import("vue").Ref<import("../../../_internal").ScrollbarInst | null>;
     yearScrollbarRef: import("vue").Ref<import("../../../_internal").ScrollbarInst | null>;
-    yearVlRef: import("vue").Ref<import("vueuc").VirtualListInst | null>;
+    yearVlRef: import("vue").Ref<import("vueuc").VVirtualListInst | null>;
     mergedTheme: import("vue").Ref<{
-        common: {
-            baseColor: string;
-            primaryColor: string;
-            primaryColorHover: string;
-            primaryColorPressed: string;
-            primaryColorSuppl: string;
-            infoColor: string;
-            infoColorHover: string;
-            infoColorPressed: string;
-            infoColorSuppl: string;
-            successColor: string;
-            successColorHover: string;
-            successColorPressed: string;
-            successColorSuppl: string;
-            warningColor: string;
-            warningColorHover: string;
-            warningColorPressed: string;
-            warningColorSuppl: string;
-            errorColor: string;
-            errorColorHover: string;
-            errorColorPressed: string;
-            errorColorSuppl: string;
-            textColorBase: string;
-            textColor1: string;
-            textColor2: string;
-            textColor3: string;
-            textColorDisabled: string;
-            placeholderColor: string;
-            placeholderColorDisabled: string;
-            iconColor: string;
-            iconColorHover: string;
-            iconColorPressed: string;
-            iconColorDisabled: string;
-            opacity1: string;
-            opacity2: string;
-            opacity3: string;
-            opacity4: string;
-            opacity5: string;
-            dividerColor: string;
-            borderColor: string;
-            closeIconColor: string;
-            closeIconColorHover: string;
-            closeIconColorPressed: string;
-            closeColorHover: string;
-            closeColorPressed: string;
-            clearColor: string;
-            clearColorHover: string;
-            clearColorPressed: string;
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            progressRailColor: string;
-            railColor: string;
-            popoverColor: string;
-            tableColor: string;
-            cardColor: string;
-            modalColor: string;
-            bodyColor: string;
-            tagColor: string;
-            avatarColor: string;
-            invertedColor: string;
-            inputColor: string;
-            codeColor: string;
-            tabColor: string;
-            actionColor: string;
-            tableHeaderColor: string;
-            hoverColor: string;
-            tableColorHover: string;
-            tableColorStriped: string;
-            pressedColor: string;
-            opacityDisabled: string;
-            inputColorDisabled: string;
-            buttonColor2: string;
-            buttonColor2Hover: string;
-            buttonColor2Pressed: string;
-            boxShadow1: string;
-            boxShadow2: string;
-            boxShadow3: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadius: string;
-            borderRadiusSmall: string;
-            fontSize: string;
-            fontSizeMini: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            lineHeight: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            name: "common";
-        };
+        common: import("../../..").ThemeCommonVars;
         self: {
             itemFontSize: string;
             calendarDaysFontSize: string;
@@ -528,8 +425,10 @@ declare const _default: import("vue").DefineComponent<{
                     borderRadius: string;
                     color: string;
                     colorHover: string;
-                    railInsetHorizontal: string;
-                    railInsetVertical: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
                     railColor: string;
                 }, any>;
                 Button: import("../../../_mixins").Theme<"Button", {
@@ -804,8 +703,10 @@ declare const _default: import("vue").DefineComponent<{
                 borderRadius: string;
                 color: string;
                 colorHover: string;
-                railInsetHorizontal: string;
-                railInsetVertical: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
                 railColor: string;
             }, any>;
         };
@@ -828,8 +729,10 @@ declare const _default: import("vue").DefineComponent<{
                         borderRadius: string;
                         color: string;
                         colorHover: string;
-                        railInsetHorizontal: string;
-                        railInsetVertical: string;
+                        railInsetHorizontalBottom: string;
+                        railInsetHorizontalTop: string;
+                        railInsetVerticalRight: string;
+                        railInsetVerticalLeft: string;
                         railColor: string;
                     }, any>> | undefined;
                     Button?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Button", {
@@ -1108,9 +1011,9 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     mergedClsPrefix: import("vue").Ref<string>;
     dateFnsOptions: import("vue").ComputedRef<{
-        locale: Locale;
+        locale: import("date-fns").Locale;
     }>;
-    timePickerProps: import("vue").Ref<import("naive-ui").TimePickerProps | [import("naive-ui").TimePickerProps, import("naive-ui").TimePickerProps] | undefined>;
+    timePickerProps: import("vue").Ref<import("../../..").TimePickerProps | [import("../../..").TimePickerProps, import("../../..").TimePickerProps] | undefined>;
     selfRef: import("vue").Ref<HTMLElement | null>;
     locale: import("vue").Ref<{
         yearFormat: string;
@@ -1140,7 +1043,7 @@ declare const _default: import("vue").DefineComponent<{
         startMonthPlaceholder: string;
         endMonthPlaceholder: string;
         monthBeforeYear: boolean;
-        firstDayOfWeek: 0 | 1 | 3 | 2 | 4 | 6 | 5;
+        firstDayOfWeek: 0 | 1 | 2 | 3 | 4 | 5 | 6;
         today: string;
     }>;
     doConfirm: () => void;
@@ -1155,7 +1058,7 @@ declare const _default: import("vue").DefineComponent<{
     cachePendingValue: () => void;
     clearPendingValue: () => void;
     restorePendingValue: () => void;
-    getShortcutValue: (shortcut: number | [number, number] | (() => number) | readonly [number, number] | (() => [number, number] | readonly [number, number])) => number | [number, number] | readonly [number, number];
+    getShortcutValue: (shortcut: import("../interface").Shortcuts[string]) => number | [number, number] | readonly [number, number];
     handleShortcutMouseleave: () => void;
     showMonthYearPanel: import("vue").Ref<boolean>;
     handleOpenQuickSelectMonthPanel: () => void;
@@ -1181,8 +1084,8 @@ declare const _default: import("vue").DefineComponent<{
     prevMonth: () => void;
     handleNowClick: () => void;
     handleConfirmClick: () => void;
-    handleSingleShortcutMouseenter: (shortcut: number | [number, number] | (() => number) | readonly [number, number] | (() => [number, number] | readonly [number, number])) => void;
-    handleSingleShortcutClick: (shortcut: number | [number, number] | (() => number) | readonly [number, number] | (() => [number, number] | readonly [number, number])) => void;
+    handleSingleShortcutMouseenter: (shortcut: import("../interface").Shortcuts[string]) => void;
+    handleSingleShortcutClick: (shortcut: import("../interface").Shortcuts[string]) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
         type: PropType<"month" | "year" | "quarter">;
@@ -1206,6 +1109,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     shortcuts: PropType<import("../interface").Shortcuts>;
     defaultTime: PropType<import("../interface").DefaultTime>;
+    inputReadonly: BooleanConstructor;
     onClear: FunctionConstructor;
     onConfirm: PropType<(value: import("../interface").Value | null) => void>;
     onClose: PropType<import("../interface").OnClose>;
@@ -1225,6 +1129,7 @@ declare const _default: import("vue").DefineComponent<{
     value: import("../interface").Value | null;
     active: boolean;
     actions: string[];
+    inputReadonly: boolean;
     panel: boolean;
     useAsQuickJump: boolean;
 }, {}>;

package/es/date-picker/src/panel/month.mjs

@@ -1,10 +1,11 @@
-import { h, defineComponent, onMounted } from 'vue';
+import { defineComponent, h, onMounted } from 'vue';
 import { VirtualList } from 'vueuc';
 import { useLocale } from "../../../_mixins/index.mjs";
 import { NButton, NxButton } from "../../../button/index.mjs";
 import { NBaseFocusDetector, NScrollbar } from "../../../_internal/index.mjs";
 import { getMonthString, getQuarterString, getYearString } from "../utils.mjs";
 import { MONTH_ITEM_HEIGHT } from "../config.mjs";
+import { resolveSlotWithProps } from "../../../_utils/index.mjs";
 import { useCalendar, useCalendarProps } from "./use-calendar.mjs";
 /**
  * Month Panel
@@ -62,10 +63,14 @@ export default defineComponent({
           month: item.dateObject.quarter
         } : null) && `${mergedClsPrefix}-date-panel-month-calendar__picker-col-item--disabled`],
         onClick: () => {
-          useAsQuickJump ? handleQuickMonthClick(item, value => {
-            ;
-            props.onUpdateValue(value, false);
-          }) : handleDateClick(item);
+          if (useAsQuickJump) {
+            handleQuickMonthClick(item, value => {
+              ;
+              props.onUpdateValue(value, false);
+            });
+          } else {
+            handleDateClick(item);
+          }
         }
       }, getRenderContent(item));
     };
@@ -161,21 +166,31 @@ export default defineComponent({
       });
     })), h("div", {
       class: `${mergedClsPrefix}-date-panel-actions__suffix`
-    }, (actions === null || actions === void 0 ? void 0 : actions.includes('clear')) ? h(NButton, {
+    }, (actions === null || actions === void 0 ? void 0 : actions.includes('clear')) ? resolveSlotWithProps(this.$slots.now, {
+      onClear: this.handleClearClick,
+      text: this.locale.clear
+    }, () => [h(NButton, {
       theme: mergedTheme.peers.Button,
       themeOverrides: mergedTheme.peerOverrides.Button,
       size: "tiny",
       onClick: this.handleClearClick
     }, {
       default: () => this.locale.clear
-    }) : null, (actions === null || actions === void 0 ? void 0 : actions.includes('now')) ? h(NButton, {
+    })]) : null, (actions === null || actions === void 0 ? void 0 : actions.includes('now')) ? resolveSlotWithProps(this.$slots.now, {
+      onNow: this.handleNowClick,
+      text: this.locale.now
+    }, () => [h(NButton, {
       theme: mergedTheme.peers.Button,
       themeOverrides: mergedTheme.peerOverrides.Button,
       size: "tiny",
       onClick: this.handleNowClick
     }, {
       default: () => this.locale.now
-    }) : null, (actions === null || actions === void 0 ? void 0 : actions.includes('confirm')) ? h(NButton, {
+    })]) : null, (actions === null || actions === void 0 ? void 0 : actions.includes('confirm')) ? resolveSlotWithProps(this.$slots.confirm, {
+      onConfirm: this.handleConfirmClick,
+      disabled: this.isDateInvalid,
+      text: this.locale.confirm
+    }, () => [h(NButton, {
       theme: mergedTheme.peers.Button,
       themeOverrides: mergedTheme.peerOverrides.Button,
       size: "tiny",
@@ -184,7 +199,7 @@ export default defineComponent({
       onClick: this.handleConfirmClick
     }, {
       default: () => this.locale.confirm
-    }) : null)) : null, h(NBaseFocusDetector, {
+    })]) : null)) : null, h(NBaseFocusDetector, {
       onFocus: this.handleFocusDetectorFocus
     }));
   }