naive-ui 2.21.5 → 2.22.0

package/es/date-picker/src/DatePicker.d.ts

@@ -2,7 +2,7 @@ import { PropType, ExtractPropTypes, Ref } from 'vue';
 import { FollowerPlacement } from 'vueuc';
 import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
 import { DatePickerType } from './config';
-import type { OnUpdateValue, Value, IsDateDisabled, IsTimeDisabled, Shortcuts, FirstDayOfWeek } from './interface';
+import type { OnUpdateValue, Value, IsDateDisabled, IsTimeDisabled, Shortcuts, FirstDayOfWeek, DefaultTime } from './interface';
 declare const datePickerProps: {
     readonly to: {
         type: PropType<string | boolean | HTMLElement>;
@@ -18,6 +18,7 @@ declare const datePickerProps: {
         readonly type: PropType<Value | null>;
         readonly default: null;
     };
+    readonly defaultTime: PropType<DefaultTime>;
     readonly disabled: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
@@ -109,12 +110,14 @@ declare const datePickerProps: {
         calendarLeftPaddingDatetimerange: string;
         calendarLeftPaddingMonth: string;
         calendarLeftPaddingYear: string;
+        calendarLeftPaddingQuarter: string;
         calendarRightPaddingDate: string;
         calendarRightPaddingDatetime: string;
         calendarRightPaddingDaterange: string;
         calendarRightPaddingDatetimerange: string;
         calendarRightPaddingMonth: string;
         calendarRightPaddingYear: string;
+        calendarRightPaddingQuarter: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
             countTextColor: string;
@@ -718,12 +721,14 @@ declare const datePickerProps: {
         calendarLeftPaddingDatetimerange: string;
         calendarLeftPaddingMonth: string;
         calendarLeftPaddingYear: string;
+        calendarLeftPaddingQuarter: string;
         calendarRightPaddingDate: string;
         calendarRightPaddingDatetime: string;
         calendarRightPaddingDaterange: string;
         calendarRightPaddingDatetimerange: string;
         calendarRightPaddingMonth: string;
         calendarRightPaddingYear: string;
+        calendarRightPaddingQuarter: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
             countTextColor: string;
@@ -1327,12 +1332,14 @@ declare const datePickerProps: {
         calendarLeftPaddingDatetimerange: string;
         calendarLeftPaddingMonth: string;
         calendarLeftPaddingYear: string;
+        calendarLeftPaddingQuarter: string;
         calendarRightPaddingDate: string;
         calendarRightPaddingDatetime: string;
         calendarRightPaddingDaterange: string;
         calendarRightPaddingDatetimerange: string;
         calendarRightPaddingMonth: string;
         calendarRightPaddingYear: string;
+        calendarRightPaddingQuarter: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
             countTextColor: string;
@@ -1907,6 +1914,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<Value | null>;
         readonly default: null;
     };
+    readonly defaultTime: PropType<DefaultTime>;
     readonly disabled: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
@@ -1998,12 +2006,14 @@ declare const _default: import("vue").DefineComponent<{
         calendarLeftPaddingDatetimerange: string;
         calendarLeftPaddingMonth: string;
         calendarLeftPaddingYear: string;
+        calendarLeftPaddingQuarter: string;
         calendarRightPaddingDate: string;
         calendarRightPaddingDatetime: string;
         calendarRightPaddingDaterange: string;
         calendarRightPaddingDatetimerange: string;
         calendarRightPaddingMonth: string;
         calendarRightPaddingYear: string;
+        calendarRightPaddingQuarter: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
             countTextColor: string;
@@ -2607,12 +2617,14 @@ declare const _default: import("vue").DefineComponent<{
         calendarLeftPaddingDatetimerange: string;
         calendarLeftPaddingMonth: string;
         calendarLeftPaddingYear: string;
+        calendarLeftPaddingQuarter: string;
         calendarRightPaddingDate: string;
         calendarRightPaddingDatetime: string;
         calendarRightPaddingDaterange: string;
         calendarRightPaddingDatetimerange: string;
         calendarRightPaddingMonth: string;
         calendarRightPaddingYear: string;
+        calendarRightPaddingQuarter: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
             countTextColor: string;
@@ -3216,12 +3228,14 @@ declare const _default: import("vue").DefineComponent<{
         calendarLeftPaddingDatetimerange: string;
         calendarLeftPaddingMonth: string;
         calendarLeftPaddingYear: string;
+        calendarLeftPaddingQuarter: string;
         calendarRightPaddingDate: string;
         calendarRightPaddingDatetime: string;
         calendarRightPaddingDaterange: string;
         calendarRightPaddingDatetimerange: string;
         calendarRightPaddingMonth: string;
         calendarRightPaddingYear: string;
+        calendarRightPaddingQuarter: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
             countTextColor: string;
@@ -3991,12 +4005,14 @@ declare const _default: import("vue").DefineComponent<{
             calendarLeftPaddingDatetimerange: string;
             calendarLeftPaddingMonth: string;
             calendarLeftPaddingYear: string;
+            calendarLeftPaddingQuarter: string;
             calendarRightPaddingDate: string;
             calendarRightPaddingDatetime: string;
             calendarRightPaddingDaterange: string;
             calendarRightPaddingDatetimerange: string;
             calendarRightPaddingMonth: string;
             calendarRightPaddingYear: string;
+            calendarRightPaddingQuarter: string;
         };
         peers: {
             Input: import("../../_mixins").Theme<"Input", {
@@ -4900,6 +4916,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly clearable?: unknown;
     readonly updateValueOnClose?: unknown;
     readonly defaultValue?: unknown;
+    readonly defaultTime?: unknown;
     readonly disabled?: unknown;
     readonly placement?: unknown;
     readonly value?: unknown;
@@ -4998,12 +5015,14 @@ declare const _default: import("vue").DefineComponent<{
         calendarLeftPaddingDatetimerange: string;
         calendarLeftPaddingMonth: string;
         calendarLeftPaddingYear: string;
+        calendarLeftPaddingQuarter: string;
         calendarRightPaddingDate: string;
         calendarRightPaddingDatetime: string;
         calendarRightPaddingDaterange: string;
         calendarRightPaddingDatetimerange: string;
         calendarRightPaddingMonth: string;
         calendarRightPaddingYear: string;
+        calendarRightPaddingQuarter: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
             countTextColor: string;
@@ -5607,12 +5626,14 @@ declare const _default: import("vue").DefineComponent<{
         calendarLeftPaddingDatetimerange: string;
         calendarLeftPaddingMonth: string;
         calendarLeftPaddingYear: string;
+        calendarLeftPaddingQuarter: string;
         calendarRightPaddingDate: string;
         calendarRightPaddingDatetime: string;
         calendarRightPaddingDaterange: string;
         calendarRightPaddingDatetimerange: string;
         calendarRightPaddingMonth: string;
         calendarRightPaddingYear: string;
+        calendarRightPaddingQuarter: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
             countTextColor: string;
@@ -6216,12 +6237,14 @@ declare const _default: import("vue").DefineComponent<{
         calendarLeftPaddingDatetimerange: string;
         calendarLeftPaddingMonth: string;
         calendarLeftPaddingYear: string;
+        calendarLeftPaddingQuarter: string;
         calendarRightPaddingDate: string;
         calendarRightPaddingDatetime: string;
         calendarRightPaddingDaterange: string;
         calendarRightPaddingDatetimerange: string;
         calendarRightPaddingMonth: string;
         calendarRightPaddingYear: string;
+        calendarRightPaddingQuarter: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
             countTextColor: string;
@@ -6787,6 +6810,7 @@ declare const _default: import("vue").DefineComponent<{
     onUpdateValue?: MaybeArray<OnUpdateValue> | undefined;
     isDateDisabled?: IsDateDisabled | undefined;
     actions?: ("clear" | "confirm" | "now")[] | undefined;
+    defaultTime?: DefaultTime | undefined;
     startPlaceholder?: string | undefined;
     endPlaceholder?: string | undefined;
     timeFormat?: string | undefined;

package/es/date-picker/src/DatePicker.js

@@ -26,7 +26,7 @@ const datePickerProps = Object.assign(Object.assign({}, useTheme.props), { to: u
     }, clearable: Boolean, updateValueOnClose: Boolean, defaultValue: {
         type: [Number, Array],
         default: null
-    }, disabled: {
+    }, defaultTime: [Number, String, Array], disabled: {
         type: Boolean,
         default: undefined
     }, placement: {
@@ -101,6 +101,8 @@ export default defineComponent({
                         return localeRef.value.monthPlaceholder;
                     case 'year':
                         return localeRef.value.yearPlaceholder;
+                    case 'quarter':
+                        return localeRef.value.quarterPlaceholder;
                     default:
                         return '';
                 }
@@ -152,6 +154,8 @@ export default defineComponent({
                     return localeRef.value.yearTypeFormat;
                 case 'month':
                     return localeRef.value.monthTypeFormat;
+                case 'quarter':
+                    return localeRef.value.quarterFormat;
             }
         });
         const mergedActionsRef = computed(() => {
@@ -177,6 +181,9 @@ export default defineComponent({
                 case 'year': {
                     return ['clear', 'now'];
                 }
+                case 'quarter': {
+                    return ['clear', 'now', 'confirm'];
+                }
                 default: {
                     warn('data-picker', "The type is wrong, n-date-picker's type only supports `date`, `datetime`, `daterange` and `datetimerange`.");
                     break;
@@ -259,7 +266,7 @@ export default defineComponent({
                 disableUpdateOnClose
             });
         }
-        function scrollYearMonth(value) {
+        function scrollPickerColumns(value) {
             if (!panelInstRef.value)
                 return;
             const { monthScrollRef, yearScrollRef } = panelInstRef.value;
@@ -405,8 +412,9 @@ export default defineComponent({
             if (mergedDisabledRef.value || mergedShowRef.value)
                 return;
             doUpdateShow(true);
-            if (props.type === 'month' || props.type === 'year') {
-                void nextTick(scrollYearMonth);
+            const { type } = props;
+            if (type === 'month' || type === 'year' || type === 'quarter') {
+                void nextTick(scrollPickerColumns);
             }
         }
         function closeCalendar({ returnFocus, disableUpdateOnClose }) {
@@ -442,7 +450,7 @@ export default defineComponent({
         // use pending value to do validation
         const uniVaidation = uniCalendarValidation(props, pendingValueRef);
         const dualValidation = dualCalendarValidation(props, pendingValueRef);
-        provide(datePickerInjectionKey, Object.assign(Object.assign(Object.assign({ scrollYearMonth,
+        provide(datePickerInjectionKey, Object.assign(Object.assign(Object.assign({ scrollPickerColumns,
             mergedClsPrefixRef, mergedThemeRef: themeRef, timePickerSizeRef,
             localeRef,
             dateLocaleRef, firstDayOfWeekRef: toRef(props, 'firstDayOfWeek'), isDateDisabledRef: toRef(props, 'isDateDisabled'), rangesRef: toRef(props, 'ranges'), closeOnSelectRef: toRef(props, 'closeOnSelect'), updateValueOnCloseRef: toRef(props, 'updateValueOnClose') }, uniVaidation), dualValidation), { datePickerSlots: slots }));
@@ -578,7 +586,8 @@ export default defineComponent({
             active: this.mergedShow,
             actions: this.actions,
             shortcuts: this.shortcuts,
-            style: this.cssVars
+            style: this.cssVars,
+            defaultTime: this.defaultTime
         };
         const { mergedClsPrefix } = this;
         return (h("div", { ref: "triggerElRef", class: [
@@ -607,7 +616,7 @@ export default defineComponent({
                     h(VFollower, { show: this.mergedShow, containerClass: this.namespace, to: this.adjustedTo, teleportDisabled: this.adjustedTo === useAdjustedTo.tdkey, placement: "bottom-start" }, {
                         default: () => (h(Transition, { name: "fade-in-scale-up-transition", appear: this.isMounted }, {
                             default: () => this.mergedShow
-                                ? withDirectives(this.type === 'datetime' ? (h(DatetimePanel, Object.assign({}, commonPanelProps))) : this.type === 'daterange' ? (h(DaterangePanel, Object.assign({}, commonPanelProps))) : this.type === 'datetimerange' ? (h(DatetimerangePanel, Object.assign({}, commonPanelProps))) : this.type === 'month' ? (h(MonthPanel, Object.assign({}, commonPanelProps, { type: "month", key: "month" }))) : this.type === 'year' ? (h(MonthPanel, Object.assign({}, commonPanelProps, { type: "year", key: "year" }))) : (h(DatePanel, Object.assign({}, commonPanelProps))), [[clickoutside, this.handleClickOutside]])
+                                ? withDirectives(this.type === 'datetime' ? (h(DatetimePanel, Object.assign({}, commonPanelProps))) : this.type === 'daterange' ? (h(DaterangePanel, Object.assign({}, commonPanelProps))) : this.type === 'datetimerange' ? (h(DatetimerangePanel, Object.assign({}, commonPanelProps))) : this.type === 'month' ? (h(MonthPanel, Object.assign({}, commonPanelProps, { type: "month", key: "month" }))) : this.type === 'year' ? (h(MonthPanel, Object.assign({}, commonPanelProps, { type: "year", key: "year" }))) : this.type === 'quarter' ? (h(MonthPanel, Object.assign({}, commonPanelProps, { type: "quarter", key: "quarter" }))) : (h(DatePanel, Object.assign({}, commonPanelProps))), [[clickoutside, this.handleClickOutside]])
                                 : null
                         }))
                     })

package/es/date-picker/src/config.d.ts

@@ -1,3 +1,3 @@
 export declare const START_YEAR = 1901;
 export declare const MONTH_ITEM_HEIGHT = 40;
-export declare type DatePickerType = 'date' | 'datetime' | 'daterange' | 'datetimerange' | 'month' | 'year';
+export declare type DatePickerType = 'date' | 'datetime' | 'daterange' | 'datetimerange' | 'month' | 'year' | 'quarter';

package/es/date-picker/src/interface.d.ts

@@ -7,6 +7,7 @@ import { MergedTheme } from '../../_mixins';
 import { DatePickerTheme } from '../styles/light';
 import { uniCalendarValidation, dualCalendarValidation } from './validation-utils';
 export declare type Value = number | [number, number];
+export declare type DefaultTime = string | [string | undefined, string | undefined];
 export declare type Shortcuts = Record<string, number | (() => number)> | Record<string, [number, number] | (() => [number, number])>;
 export declare type OnUpdateValue = (value: number & (number | null) & [number, number] & ([number, number] | null)) => void;
 export declare type OnUpdateValueImpl = (value: Value | null) => void;
@@ -34,7 +35,7 @@ export declare type DatePickerInjection = {
     updateValueOnCloseRef: Ref<boolean>;
     firstDayOfWeekRef: Ref<FirstDayOfWeek | undefined>;
     datePickerSlots: Slots;
-    scrollYearMonth: (value?: number) => void;
+    scrollPickerColumns: (value?: number) => void;
 } & ReturnType<typeof uniCalendarValidation> & ReturnType<typeof dualCalendarValidation>;
 export declare const datePickerInjectionKey: InjectionKey<DatePickerInjection>;
 export declare type IsDateDisabled = IsSingleDateDisabled | IsRangeDateDisabled;

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

@@ -17,6 +17,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: null;
     };
     readonly shortcuts: import("vue").PropType<import("../interface").Shortcuts>;
+    readonly defaultTime: import("vue").PropType<import("../interface").DefaultTime>;
     readonly onConfirm: FunctionConstructor;
     readonly onClose: import("vue").PropType<import("../interface").OnClose>;
     readonly onTabOut: FunctionConstructor;
@@ -25,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly required: true;
     };
 }, {
-    handleDateClick: (dateItem: import("../utils").DateItem | import("../utils").MonthItem | import("../utils").YearItem) => void;
+    handleDateClick: (dateItem: import("../utils").DateItem | import("../utils").MonthItem | import("../utils").YearItem | import("../utils").QuarterItem) => void;
     handleDateInputBlur: () => void;
     handleDateInput: (value: string) => void;
     handleTimePickerChange: (value: number | null) => void;
@@ -208,12 +209,14 @@ declare const _default: import("vue").DefineComponent<{
             calendarLeftPaddingDatetimerange: string;
             calendarLeftPaddingMonth: string;
             calendarLeftPaddingYear: string;
+            calendarLeftPaddingQuarter: string;
             calendarRightPaddingDate: string;
             calendarRightPaddingDatetime: string;
             calendarRightPaddingDaterange: string;
             calendarRightPaddingDatetimerange: string;
             calendarRightPaddingMonth: string;
             calendarRightPaddingYear: string;
+            calendarRightPaddingQuarter: string;
         };
         peers: {
             Input: import("../../../_mixins").Theme<"Input", {
@@ -1074,6 +1077,7 @@ declare const _default: import("vue").DefineComponent<{
         monthTypeFormat: string;
         dateFormat: string;
         dateTimeFormat: string;
+        quarterFormat: string;
         clear: string;
         now: string;
         confirm: string;
@@ -1083,6 +1087,7 @@ declare const _default: import("vue").DefineComponent<{
         datetimePlaceholder: string;
         monthPlaceholder: string;
         yearPlaceholder: string;
+        quarterPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;
@@ -1116,6 +1121,7 @@ declare const _default: import("vue").DefineComponent<{
     dateArray: import("vue").ComputedRef<import("../utils").DateItem[]>;
     monthArray: import("vue").ComputedRef<import("../utils").MonthItem[]>;
     yearArray: import("vue").ComputedRef<import("../utils").YearItem[]>;
+    quarterArray: import("vue").ComputedRef<import("../utils").QuarterItem[]>;
     calendarYear: import("vue").ComputedRef<string>;
     calendarMonth: import("vue").ComputedRef<string>;
     weekdays: import("vue").ComputedRef<string[]>;
@@ -1135,6 +1141,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly timeFormat?: unknown;
     readonly value?: unknown;
     readonly shortcuts?: unknown;
+    readonly defaultTime?: unknown;
     readonly onConfirm?: unknown;
     readonly onClose?: unknown;
     readonly onTabOut?: unknown;
@@ -1150,6 +1157,7 @@ declare const _default: import("vue").DefineComponent<{
     onTabOut?: Function | undefined;
     onClose?: import("../interface").OnClose | undefined;
     onConfirm?: Function | undefined;
+    defaultTime?: import("../interface").DefaultTime | undefined;
     shortcuts?: import("../interface").Shortcuts | undefined;
 }>, {
     value: import("../interface").Value | null;

package/es/date-picker/src/panel/date.js

@@ -2,7 +2,7 @@ import { h, defineComponent, renderSlot, watchEffect } from 'vue';
 import { NButton, NxButton } from '../../../button';
 import { BackwardIcon, FastBackwardIcon, ForwardIcon, FastForwardIcon } from '../../../_internal/icons';
 import { NBaseFocusDetector } from '../../../_internal';
-import { useCalendar } from './use-calendar';
+import { useCalendar, useCalendarProps } from './use-calendar';
 import { warnOnce } from '../../../_utils';
 /**
  * Date Panel
@@ -12,7 +12,7 @@ import { warnOnce } from '../../../_utils';
  */
 export default defineComponent({
     name: 'DatePanel',
-    props: useCalendar.props,
+    props: useCalendarProps,
     setup(props) {
         if (process.env.NODE_ENV !== 'production') {
             watchEffect(() => {

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

@@ -17,6 +17,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: null;
     };
     readonly shortcuts: import("vue").PropType<import("../interface").Shortcuts>;
+    readonly defaultTime: import("vue").PropType<import("../interface").DefaultTime>;
     readonly onConfirm: FunctionConstructor;
     readonly onClose: import("vue").PropType<import("../interface").OnClose>;
     readonly onTabOut: FunctionConstructor;
@@ -206,12 +207,14 @@ declare const _default: import("vue").DefineComponent<{
             calendarLeftPaddingDatetimerange: string;
             calendarLeftPaddingMonth: string;
             calendarLeftPaddingYear: string;
+            calendarLeftPaddingQuarter: string;
             calendarRightPaddingDate: string;
             calendarRightPaddingDatetime: string;
             calendarRightPaddingDaterange: string;
             calendarRightPaddingDatetimerange: string;
             calendarRightPaddingMonth: string;
             calendarRightPaddingYear: string;
+            calendarRightPaddingQuarter: string;
         };
         peers: {
             Input: import("../../../_mixins").Theme<"Input", {
@@ -1072,6 +1075,7 @@ declare const _default: import("vue").DefineComponent<{
         monthTypeFormat: string;
         dateFormat: string;
         dateTimeFormat: string;
+        quarterFormat: string;
         clear: string;
         now: string;
         confirm: string;
@@ -1081,6 +1085,7 @@ declare const _default: import("vue").DefineComponent<{
         datetimePlaceholder: string;
         monthPlaceholder: string;
         yearPlaceholder: string;
+        quarterPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;
@@ -1135,6 +1140,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly timeFormat?: unknown;
     readonly value?: unknown;
     readonly shortcuts?: unknown;
+    readonly defaultTime?: unknown;
     readonly onConfirm?: unknown;
     readonly onClose?: unknown;
     readonly onTabOut?: unknown;
@@ -1150,6 +1156,7 @@ declare const _default: import("vue").DefineComponent<{
     onTabOut?: Function | undefined;
     onClose?: import("../interface").OnClose | undefined;
     onConfirm?: Function | undefined;
+    defaultTime?: import("../interface").DefaultTime | undefined;
     shortcuts?: import("../interface").Shortcuts | undefined;
 }>, {
     value: import("../interface").Value | null;

package/es/date-picker/src/panel/daterange.js

@@ -2,11 +2,11 @@ import { defineComponent, h, renderSlot, watchEffect } from 'vue';
 import { NButton, NxButton } from '../../../button';
 import { BackwardIcon, FastBackwardIcon, ForwardIcon, FastForwardIcon } from '../../../_internal/icons';
 import { NBaseFocusDetector } from '../../../_internal';
-import { useDualCalendar } from './use-dual-calendar';
+import { useDualCalendar, useDualCalendarProps } from './use-dual-calendar';
 import { warnOnce } from '../../../_utils';
 export default defineComponent({
     name: 'DateRangePanel',
-    props: useDualCalendar.props,
+    props: useDualCalendarProps,
     setup(props) {
         if (process.env.NODE_ENV !== 'production') {
             watchEffect(() => {

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

@@ -17,6 +17,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: null;
     };
     readonly shortcuts: import("vue").PropType<import("../interface").Shortcuts>;
+    readonly defaultTime: import("vue").PropType<import("../interface").DefaultTime>;
     readonly onConfirm: FunctionConstructor;
     readonly onClose: import("vue").PropType<import("../interface").OnClose>;
     readonly onTabOut: FunctionConstructor;
@@ -25,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly required: true;
     };
 }, {
-    handleDateClick: (dateItem: import("../utils").DateItem | import("../utils").MonthItem | import("../utils").YearItem) => void;
+    handleDateClick: (dateItem: import("../utils").DateItem | import("../utils").MonthItem | import("../utils").YearItem | import("../utils").QuarterItem) => void;
     handleDateInputBlur: () => void;
     handleDateInput: (value: string) => void;
     handleTimePickerChange: (value: number | null) => void;
@@ -143,12 +144,6 @@ declare const _default: import("vue").DefineComponent<{
             fontWeightStrong: string;
             cubicBezierEaseInOut: string;
             cubicBezierEaseOut: string;
-            /**
-             * DateTime Panel
-             * Update picker value on:
-             * 1. confirm click
-             * 2. clear click
-             */
             cubicBezierEaseIn: string;
             borderRadius: string;
             borderRadiusSmall: string;
@@ -214,12 +209,14 @@ declare const _default: import("vue").DefineComponent<{
             calendarLeftPaddingDatetimerange: string;
             calendarLeftPaddingMonth: string;
             calendarLeftPaddingYear: string;
+            calendarLeftPaddingQuarter: string;
             calendarRightPaddingDate: string;
             calendarRightPaddingDatetime: string;
             calendarRightPaddingDaterange: string;
             calendarRightPaddingDatetimerange: string;
             calendarRightPaddingMonth: string;
             calendarRightPaddingYear: string;
+            calendarRightPaddingQuarter: string;
         };
         peers: {
             Input: import("../../../_mixins").Theme<"Input", {
@@ -1080,6 +1077,7 @@ declare const _default: import("vue").DefineComponent<{
         monthTypeFormat: string;
         dateFormat: string;
         dateTimeFormat: string;
+        quarterFormat: string;
         clear: string;
         now: string;
         confirm: string;
@@ -1089,6 +1087,7 @@ declare const _default: import("vue").DefineComponent<{
         datetimePlaceholder: string;
         monthPlaceholder: string;
         yearPlaceholder: string;
+        quarterPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;
@@ -1122,6 +1121,7 @@ declare const _default: import("vue").DefineComponent<{
     dateArray: import("vue").ComputedRef<import("../utils").DateItem[]>;
     monthArray: import("vue").ComputedRef<import("../utils").MonthItem[]>;
     yearArray: import("vue").ComputedRef<import("../utils").YearItem[]>;
+    quarterArray: import("vue").ComputedRef<import("../utils").QuarterItem[]>;
     calendarYear: import("vue").ComputedRef<string>;
     calendarMonth: import("vue").ComputedRef<string>;
     weekdays: import("vue").ComputedRef<string[]>;
@@ -1141,6 +1141,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly timeFormat?: unknown;
     readonly value?: unknown;
     readonly shortcuts?: unknown;
+    readonly defaultTime?: unknown;
     readonly onConfirm?: unknown;
     readonly onClose?: unknown;
     readonly onTabOut?: unknown;
@@ -1156,6 +1157,7 @@ declare const _default: import("vue").DefineComponent<{
     onTabOut?: Function | undefined;
     onClose?: import("../interface").OnClose | undefined;
     onConfirm?: Function | undefined;
+    defaultTime?: import("../interface").DefaultTime | undefined;
     shortcuts?: import("../interface").Shortcuts | undefined;
 }>, {
     value: import("../interface").Value | null;

package/es/date-picker/src/panel/datetime.js

@@ -4,7 +4,7 @@ import { NTimePicker } from '../../../time-picker';
 import { NInput } from '../../../input';
 import { BackwardIcon, FastBackwardIcon, ForwardIcon, FastForwardIcon } from '../../../_internal/icons';
 import { NBaseFocusDetector } from '../../../_internal';
-import { useCalendar } from './use-calendar';
+import { useCalendar, useCalendarProps } from './use-calendar';
 /**
  * DateTime Panel
  * Update picker value on:
@@ -13,7 +13,7 @@ import { useCalendar } from './use-calendar';
  */
 export default defineComponent({
     name: 'DateTimePanel',
-    props: useCalendar.props,
+    props: useCalendarProps,
     setup(props) {
         return useCalendar(props, 'datetime');
     },

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

@@ -17,6 +17,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: null;
     };
     readonly shortcuts: import("vue").PropType<import("../interface").Shortcuts>;
+    readonly defaultTime: import("vue").PropType<import("../interface").DefaultTime>;
     readonly onConfirm: FunctionConstructor;
     readonly onClose: import("vue").PropType<import("../interface").OnClose>;
     readonly onTabOut: FunctionConstructor;
@@ -206,12 +207,14 @@ declare const _default: import("vue").DefineComponent<{
             calendarLeftPaddingDatetimerange: string;
             calendarLeftPaddingMonth: string;
             calendarLeftPaddingYear: string;
+            calendarLeftPaddingQuarter: string;
             calendarRightPaddingDate: string;
             calendarRightPaddingDatetime: string;
             calendarRightPaddingDaterange: string;
             calendarRightPaddingDatetimerange: string;
             calendarRightPaddingMonth: string;
             calendarRightPaddingYear: string;
+            calendarRightPaddingQuarter: string;
         };
         peers: {
             Input: import("../../../_mixins").Theme<"Input", {
@@ -1072,6 +1075,7 @@ declare const _default: import("vue").DefineComponent<{
         monthTypeFormat: string;
         dateFormat: string;
         dateTimeFormat: string;
+        quarterFormat: string;
         clear: string;
         now: string;
         confirm: string;
@@ -1081,6 +1085,7 @@ declare const _default: import("vue").DefineComponent<{
         datetimePlaceholder: string;
         monthPlaceholder: string;
         yearPlaceholder: string;
+        quarterPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;
@@ -1135,6 +1140,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly timeFormat?: unknown;
     readonly value?: unknown;
     readonly shortcuts?: unknown;
+    readonly defaultTime?: unknown;
     readonly onConfirm?: unknown;
     readonly onClose?: unknown;
     readonly onTabOut?: unknown;
@@ -1150,6 +1156,7 @@ declare const _default: import("vue").DefineComponent<{
     onTabOut?: Function | undefined;
     onClose?: import("../interface").OnClose | undefined;
     onConfirm?: Function | undefined;
+    defaultTime?: import("../interface").DefaultTime | undefined;
     shortcuts?: import("../interface").Shortcuts | undefined;
 }>, {
     value: import("../interface").Value | null;

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

@@ -4,11 +4,11 @@ import { NInput } from '../../../input';
 import { NTimePicker } from '../../../time-picker';
 import { BackwardIcon, FastBackwardIcon, ForwardIcon, FastForwardIcon } from '../../../_internal/icons';
 import { NBaseFocusDetector } from '../../../_internal';
-import { useDualCalendar } from './use-dual-calendar';
 import { warnOnce } from '../../../_utils';
+import { useDualCalendar, useDualCalendarProps } from './use-dual-calendar';
 export default defineComponent({
     name: 'DateTimeRangePanel',
-    props: useDualCalendar.props,
+    props: useDualCalendarProps,
     setup(props) {
         if (process.env.NODE_ENV !== 'production') {
             watchEffect(() => {