naive-ui 2.21.5 → 2.23.2

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

@@ -4,19 +4,17 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: () => string[];
     };
     readonly active: BooleanConstructor;
-    readonly dateFormat: {
-        readonly type: StringConstructor;
-        readonly default: "yyyy-MM-dd";
-    };
+    readonly dateFormat: StringConstructor;
     readonly timeFormat: {
         readonly type: StringConstructor;
-        readonly default: "HH:mm:ss";
+        readonly value: "HH:mm:ss";
     };
     readonly value: {
         readonly type: import("vue").PropType<import("../interface").Value | null>;
         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 +204,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 +1072,7 @@ declare const _default: import("vue").DefineComponent<{
         monthTypeFormat: string;
         dateFormat: string;
         dateTimeFormat: string;
+        quarterFormat: string;
         clear: string;
         now: string;
         confirm: string;
@@ -1081,6 +1082,7 @@ declare const _default: import("vue").DefineComponent<{
         datetimePlaceholder: string;
         monthPlaceholder: string;
         yearPlaceholder: string;
+        quarterPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;
@@ -1135,6 +1137,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;
@@ -1142,20 +1145,19 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     value: import("../interface").Value | null;
     active: boolean;
-    dateFormat: string;
     onUpdateValue: import("../interface").OnPanelUpdateValue;
     actions: unknown[];
-    timeFormat: string;
 } & {
+    dateFormat?: string | undefined;
     onTabOut?: Function | undefined;
     onClose?: import("../interface").OnClose | undefined;
     onConfirm?: Function | undefined;
+    defaultTime?: import("../interface").DefaultTime | undefined;
+    timeFormat?: string | undefined;
     shortcuts?: import("../interface").Shortcuts | undefined;
 }>, {
     value: import("../interface").Value | null;
     active: boolean;
-    dateFormat: string;
     actions: unknown[];
-    timeFormat: string;
 }>;
 export default _default;

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

@@ -8,7 +8,7 @@ const use_dual_calendar_1 = require("./use-dual-calendar");
 const _utils_1 = require("../../../_utils");
 exports.default = (0, vue_1.defineComponent)({
     name: 'DateRangePanel',
-    props: use_dual_calendar_1.useDualCalendar.props,
+    props: use_dual_calendar_1.useDualCalendarProps,
     setup(props) {
         if (process.env.NODE_ENV !== 'production') {
             (0, vue_1.watchEffect)(() => {

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

@@ -4,19 +4,17 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: () => string[];
     };
     readonly active: BooleanConstructor;
-    readonly dateFormat: {
-        readonly type: StringConstructor;
-        readonly default: "yyyy-MM-dd";
-    };
+    readonly dateFormat: StringConstructor;
     readonly timeFormat: {
         readonly type: StringConstructor;
-        readonly default: "HH:mm:ss";
+        readonly value: "HH:mm:ss";
     };
     readonly value: {
         readonly type: import("vue").PropType<import("../interface").Value | null>;
         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 +23,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 +141,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 +206,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 +1074,7 @@ declare const _default: import("vue").DefineComponent<{
         monthTypeFormat: string;
         dateFormat: string;
         dateTimeFormat: string;
+        quarterFormat: string;
         clear: string;
         now: string;
         confirm: string;
@@ -1089,6 +1084,7 @@ declare const _default: import("vue").DefineComponent<{
         datetimePlaceholder: string;
         monthPlaceholder: string;
         yearPlaceholder: string;
+        quarterPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;
@@ -1122,6 +1118,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 +1138,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;
@@ -1148,21 +1146,20 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     value: import("../interface").Value | null;
     active: boolean;
-    dateFormat: string;
     onUpdateValue: import("../interface").OnPanelUpdateValue;
     actions: string[];
-    timeFormat: string;
 } & {
+    dateFormat?: string | undefined;
     onTabOut?: Function | undefined;
     onClose?: import("../interface").OnClose | undefined;
     onConfirm?: Function | undefined;
+    defaultTime?: import("../interface").DefaultTime | undefined;
+    timeFormat?: string | undefined;
     shortcuts?: import("../interface").Shortcuts | undefined;
 }>, {
     value: import("../interface").Value | null;
     active: boolean;
-    dateFormat: string;
     actions: string[];
-    timeFormat: string;
 }>;
 /**
  * DateTime Panel

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

@@ -15,7 +15,7 @@ const use_calendar_1 = require("./use-calendar");
  */
 exports.default = (0, vue_1.defineComponent)({
     name: 'DateTimePanel',
-    props: use_calendar_1.useCalendar.props,
+    props: use_calendar_1.useCalendarProps,
     setup(props) {
         return (0, use_calendar_1.useCalendar)(props, 'datetime');
     },

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

@@ -4,19 +4,17 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: () => string[];
     };
     readonly active: BooleanConstructor;
-    readonly dateFormat: {
-        readonly type: StringConstructor;
-        readonly default: "yyyy-MM-dd";
-    };
+    readonly dateFormat: StringConstructor;
     readonly timeFormat: {
         readonly type: StringConstructor;
-        readonly default: "HH:mm:ss";
+        readonly value: "HH:mm:ss";
     };
     readonly value: {
         readonly type: import("vue").PropType<import("../interface").Value | null>;
         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 +204,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 +1072,7 @@ declare const _default: import("vue").DefineComponent<{
         monthTypeFormat: string;
         dateFormat: string;
         dateTimeFormat: string;
+        quarterFormat: string;
         clear: string;
         now: string;
         confirm: string;
@@ -1081,6 +1082,7 @@ declare const _default: import("vue").DefineComponent<{
         datetimePlaceholder: string;
         monthPlaceholder: string;
         yearPlaceholder: string;
+        quarterPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;
@@ -1135,6 +1137,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;
@@ -1142,20 +1145,19 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     value: import("../interface").Value | null;
     active: boolean;
-    dateFormat: string;
     onUpdateValue: import("../interface").OnPanelUpdateValue;
     actions: unknown[];
-    timeFormat: string;
 } & {
+    dateFormat?: string | undefined;
     onTabOut?: Function | undefined;
     onClose?: import("../interface").OnClose | undefined;
     onConfirm?: Function | undefined;
+    defaultTime?: import("../interface").DefaultTime | undefined;
+    timeFormat?: string | undefined;
     shortcuts?: import("../interface").Shortcuts | undefined;
 }>, {
     value: import("../interface").Value | null;
     active: boolean;
-    dateFormat: string;
     actions: unknown[];
-    timeFormat: string;
 }>;
 export default _default;

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

@@ -6,11 +6,11 @@ const input_1 = require("../../../input");
 const time_picker_1 = require("../../../time-picker");
 const icons_1 = require("../../../_internal/icons");
 const _internal_1 = require("../../../_internal");
-const use_dual_calendar_1 = require("./use-dual-calendar");
 const _utils_1 = require("../../../_utils");
+const use_dual_calendar_1 = require("./use-dual-calendar");
 exports.default = (0, vue_1.defineComponent)({
     name: 'DateTimeRangePanel',
-    props: use_dual_calendar_1.useDualCalendar.props,
+    props: use_dual_calendar_1.useDualCalendarProps,
     setup(props) {
         if (process.env.NODE_ENV !== 'production') {
             (0, vue_1.watchEffect)(() => {

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

@@ -1,8 +1,8 @@
 import { VNode, PropType } from 'vue';
-import type { MonthItem, YearItem } from '../utils';
+import type { MonthItem, YearItem, QuarterItem } from '../utils';
 declare const _default: import("vue").DefineComponent<{
     type: {
-        type: PropType<"month" | "year">;
+        type: PropType<"month" | "year" | "quarter">;
         required: true;
     };
     actions: {
@@ -10,19 +10,17 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: () => string[];
     };
     active: BooleanConstructor;
-    dateFormat: {
-        readonly type: StringConstructor;
-        readonly default: "yyyy-MM-dd";
-    };
+    dateFormat: StringConstructor;
     timeFormat: {
         readonly type: StringConstructor;
-        readonly default: "HH:mm:ss";
+        readonly value: "HH:mm:ss";
     };
     value: {
         readonly type: PropType<import("../interface").Value | null>;
         readonly default: null;
     };
     shortcuts: PropType<import("../interface").Shortcuts>;
+    defaultTime: PropType<import("../interface").DefaultTime>;
     onConfirm: FunctionConstructor;
     onClose: PropType<import("../interface").OnClose>;
     onTabOut: FunctionConstructor;
@@ -31,8 +29,8 @@ declare const _default: import("vue").DefineComponent<{
         readonly required: true;
     };
 }, {
-    renderItem: (item: YearItem | MonthItem, i: number, mergedClsPrefix: string) => VNode;
-    handleDateClick: (dateItem: import("../utils").DateItem | MonthItem | YearItem) => void;
+    renderItem: (item: YearItem | MonthItem | QuarterItem, i: number, mergedClsPrefix: string) => VNode;
+    handleDateClick: (dateItem: import("../utils").DateItem | MonthItem | YearItem | QuarterItem) => void;
     handleDateInputBlur: () => void;
     handleDateInput: (value: string) => void;
     handleTimePickerChange: (value: number | null) => void;
@@ -149,12 +147,6 @@ declare const _default: import("vue").DefineComponent<{
             fontWeight: string;
             fontWeightStrong: string;
             cubicBezierEaseInOut: string;
-            /**
-             * Month Panel
-             * Update picker value on:
-             * 1. item click
-             * 2. clear click
-             */
             cubicBezierEaseOut: string;
             cubicBezierEaseIn: string;
             borderRadius: string;
@@ -221,12 +213,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", {
@@ -1087,6 +1081,7 @@ declare const _default: import("vue").DefineComponent<{
         monthTypeFormat: string;
         dateFormat: string;
         dateTimeFormat: string;
+        quarterFormat: string;
         clear: string;
         now: string;
         confirm: string;
@@ -1096,6 +1091,7 @@ declare const _default: import("vue").DefineComponent<{
         datetimePlaceholder: string;
         monthPlaceholder: string;
         yearPlaceholder: string;
+        quarterPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;
@@ -1129,6 +1125,7 @@ declare const _default: import("vue").DefineComponent<{
     dateArray: import("vue").ComputedRef<import("../utils").DateItem[]>;
     monthArray: import("vue").ComputedRef<MonthItem[]>;
     yearArray: import("vue").ComputedRef<YearItem[]>;
+    quarterArray: import("vue").ComputedRef<QuarterItem[]>;
     calendarYear: import("vue").ComputedRef<string>;
     calendarMonth: import("vue").ComputedRef<string>;
     weekdays: import("vue").ComputedRef<string[]>;
@@ -1149,29 +1146,29 @@ declare const _default: import("vue").DefineComponent<{
     timeFormat?: unknown;
     value?: unknown;
     shortcuts?: unknown;
+    defaultTime?: unknown;
     onConfirm?: unknown;
     onClose?: unknown;
     onTabOut?: unknown;
     onUpdateValue?: unknown;
 } & {
-    type: "month" | "year";
+    type: "month" | "year" | "quarter";
     value: import("../interface").Value | null;
     active: boolean;
-    dateFormat: string;
     onUpdateValue: import("../interface").OnPanelUpdateValue;
     actions: string[];
-    timeFormat: string;
 } & {
+    dateFormat?: string | undefined;
     onTabOut?: Function | undefined;
     onClose?: import("../interface").OnClose | undefined;
     onConfirm?: Function | undefined;
+    defaultTime?: import("../interface").DefaultTime | undefined;
+    timeFormat?: string | undefined;
     shortcuts?: import("../interface").Shortcuts | undefined;
 }>, {
     value: import("../interface").Value | null;
     active: boolean;
-    dateFormat: string;
     actions: string[];
-    timeFormat: string;
 }>;
 /**
  * Month Panel

package/lib/date-picker/src/panel/month.js

@@ -4,8 +4,8 @@ const vue_1 = require("vue");
 const vueuc_1 = require("vueuc");
 const button_1 = require("../../../button");
 const _internal_1 = require("../../../_internal");
-const use_calendar_1 = require("./use-calendar");
 const config_1 = require("../config");
+const use_calendar_1 = require("./use-calendar");
 /**
  * Month Panel
  * Update picker value on:
@@ -14,32 +14,41 @@ const config_1 = require("../config");
  */
 exports.default = (0, vue_1.defineComponent)({
     name: 'MonthPanel',
-    props: Object.assign(Object.assign({}, use_calendar_1.useCalendar.props), { type: {
+    props: Object.assign(Object.assign({}, use_calendar_1.useCalendarProps), { type: {
             type: String,
             required: true
         } }),
     setup(props) {
         const useCalendarRef = (0, use_calendar_1.useCalendar)(props, props.type);
+        const getRenderContent = (item) => {
+            switch (item.type) {
+                case 'year':
+                    return item.dateObject.year;
+                case 'month':
+                    return item.dateObject.month + 1;
+                case 'quarter':
+                    return `Q ${item.dateObject.quarter}`;
+            }
+        };
         const renderItem = (item, i, mergedClsPrefix) => {
             const { mergedIsDateDisabled, handleDateClick } = useCalendarRef;
             return ((0, vue_1.h)("div", { "data-n-date": true, key: i, class: [
                     `${mergedClsPrefix}-date-panel-month-calendar__picker-col-item`,
                     {
-                        [`${mergedClsPrefix}-date-panel-month-calendar__picker-col-item--current`]: item.type === 'month'
-                            ? item.isCurrentMonth
-                            : item.isCurrentYear,
+                        [`${mergedClsPrefix}-date-panel-month-calendar__picker-col-item--current`]: item.isCurrent,
                         [`${mergedClsPrefix}-date-panel-month-calendar__picker-col-item--selected`]: item.selected,
                         [`${mergedClsPrefix}-date-panel-month-calendar__picker-col-item--disabled`]: mergedIsDateDisabled(item.ts)
                     }
-                ], onClick: () => handleDateClick(item) }, item.type === 'month'
-                ? item.dateObject.month + 1
-                : item.dateObject.year));
+                ], onClick: () => handleDateClick(item) }, getRenderContent(item)));
         };
         return Object.assign(Object.assign({}, useCalendarRef), { renderItem });
     },
     render() {
         const { mergedClsPrefix, mergedTheme, shortcuts, actions, renderItem, type } = this;
-        return ((0, vue_1.h)("div", { ref: "selfRef", tabindex: 0, class: `${mergedClsPrefix}-date-panel ${mergedClsPrefix}-date-panel--month`, onFocus: this.handlePanelFocus, onKeydown: this.handlePanelKeyDown },
+        return ((0, vue_1.h)("div", { ref: "selfRef", tabindex: 0, class: [
+                `${mergedClsPrefix}-date-panel`,
+                `${mergedClsPrefix}-date-panel--month`
+            ], onFocus: this.handlePanelFocus, onKeydown: this.handlePanelKeyDown },
             (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month-calendar` },
                 (0, vue_1.h)(_internal_1.NScrollbar, { ref: "scrollbarInstRef", class: `${mergedClsPrefix}-date-panel-month-calendar__picker-col`, theme: mergedTheme.peers.Scrollbar, themeOverrides: mergedTheme.peerOverrides.Scrollbar, container: this.virtualListContainer, content: this.virtualListContent, horizontalRailStyle: { zIndex: 1 }, verticalRailStyle: { zIndex: 1 } }, {
                     default: () => ((0, vue_1.h)(vueuc_1.VirtualList, { ref: "yearScrollRef", items: this.yearArray, itemSize: config_1.MONTH_ITEM_HEIGHT, showScrollbar: false, keyField: "ts", onScroll: this.handleVirtualListScroll, paddingBottom: 4 }, {
@@ -48,11 +57,13 @@ exports.default = (0, vue_1.defineComponent)({
                         }
                     }))
                 }),
-                type === 'month' ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month-calendar__picker-col` },
+                type === 'month' || type === 'quarter' ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month-calendar__picker-col` },
                     (0, vue_1.h)(_internal_1.NScrollbar, { ref: "monthScrollRef", theme: mergedTheme.peers.Scrollbar, themeOverrides: mergedTheme.peerOverrides.Scrollbar }, {
                         default: () => [
-                            this.monthArray.map((monthItem, i) => renderItem(monthItem, i, mergedClsPrefix)),
-                            (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month-calendar__padding` })
+                            (type === 'month'
+                                ? this.monthArray
+                                : this.quarterArray).map((item, i) => renderItem(item, i, mergedClsPrefix)),
+                            (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-${type}-calendar__padding` })
                         ]
                     }))) : null),
             this.datePickerSlots.footer ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-footer` }, {

package/lib/date-picker/src/panel/use-calendar.d.ts

@@ -1,25 +1,23 @@
 import { ExtractPropTypes, PropType } from 'vue';
-import { Shortcuts } from '../interface';
-import type { DateItem, MonthItem, YearItem } from '../utils';
+import type { Shortcuts } from '../interface';
+import type { DateItem, MonthItem, YearItem, QuarterItem } from '../utils';
 declare const useCalendarProps: {
     readonly actions: {
         readonly type: PropType<string[]>;
         readonly default: () => string[];
     };
     readonly active: BooleanConstructor;
-    readonly dateFormat: {
-        readonly type: StringConstructor;
-        readonly default: "yyyy-MM-dd";
-    };
+    readonly dateFormat: StringConstructor;
     readonly timeFormat: {
         readonly type: StringConstructor;
-        readonly default: "HH:mm:ss";
+        readonly value: "HH:mm:ss";
     };
     readonly value: {
         readonly type: PropType<import("../interface").Value | null>;
         readonly default: null;
     };
     readonly shortcuts: PropType<Shortcuts>;
+    readonly defaultTime: PropType<import("../interface").DefaultTime>;
     readonly onConfirm: FunctionConstructor;
     readonly onClose: PropType<import("../interface").OnClose>;
     readonly onTabOut: FunctionConstructor;
@@ -28,8 +26,8 @@ declare const useCalendarProps: {
         readonly required: true;
     };
 };
-declare function useCalendar(props: ExtractPropTypes<typeof useCalendarProps>, type: 'date' | 'datetime' | 'month' | 'year'): {
-    handleDateClick: (dateItem: DateItem | MonthItem | YearItem) => void;
+declare function useCalendar(props: ExtractPropTypes<typeof useCalendarProps>, type: 'date' | 'datetime' | 'month' | 'year' | 'quarter'): {
+    handleDateClick: (dateItem: DateItem | MonthItem | YearItem | QuarterItem) => void;
     handleDateInputBlur: () => void;
     handleDateInput: (value: string) => void;
     handleTimePickerChange: (value: number | null) => void;
@@ -212,12 +210,14 @@ declare function useCalendar(props: ExtractPropTypes<typeof useCalendarProps>, t
             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", {
@@ -1078,6 +1078,7 @@ declare function useCalendar(props: ExtractPropTypes<typeof useCalendarProps>, t
         monthTypeFormat: string;
         dateFormat: string;
         dateTimeFormat: string;
+        quarterFormat: string;
         clear: string;
         now: string;
         confirm: string;
@@ -1087,6 +1088,7 @@ declare function useCalendar(props: ExtractPropTypes<typeof useCalendarProps>, t
         datetimePlaceholder: string;
         monthPlaceholder: string;
         yearPlaceholder: string;
+        quarterPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;
@@ -1120,6 +1122,7 @@ declare function useCalendar(props: ExtractPropTypes<typeof useCalendarProps>, t
     dateArray: import("vue").ComputedRef<DateItem[]>;
     monthArray: import("vue").ComputedRef<MonthItem[]>;
     yearArray: import("vue").ComputedRef<YearItem[]>;
+    quarterArray: import("vue").ComputedRef<QuarterItem[]>;
     calendarYear: import("vue").ComputedRef<string>;
     calendarMonth: import("vue").ComputedRef<string>;
     weekdays: import("vue").ComputedRef<string[]>;
@@ -1133,33 +1136,4 @@ declare function useCalendar(props: ExtractPropTypes<typeof useCalendarProps>, t
     handleSingleShortcutMouseenter: (shortcut: Shortcuts[string]) => void;
     handleSingleShortcutClick: (shortcut: Shortcuts[string]) => void;
 };
-declare namespace useCalendar {
-    var props: {
-        readonly actions: {
-            readonly type: PropType<string[]>;
-            readonly default: () => string[];
-        };
-        readonly active: BooleanConstructor;
-        readonly dateFormat: {
-            readonly type: StringConstructor;
-            readonly default: "yyyy-MM-dd";
-        };
-        readonly timeFormat: {
-            readonly type: StringConstructor;
-            readonly default: "HH:mm:ss";
-        };
-        readonly value: {
-            readonly type: PropType<import("../interface").Value | null>;
-            readonly default: null;
-        };
-        readonly shortcuts: PropType<Shortcuts>;
-        readonly onConfirm: FunctionConstructor;
-        readonly onClose: PropType<import("../interface").OnClose>;
-        readonly onTabOut: FunctionConstructor;
-        readonly onUpdateValue: {
-            readonly type: PropType<import("../interface").OnPanelUpdateValue>;
-            readonly required: true;
-        };
-    };
-}
-export { useCalendar };
+export { useCalendar, useCalendarProps };