naive-ui 2.21.2 → 2.22.0

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", {
@@ -290,9 +293,9 @@ declare const _default: import("vue").DefineComponent<{
                 fontSizeMedium: string;
                 fontSizeLarge: string;
                 opacityDisabled: string;
-                colorOpacitySecondary: number;
-                colorOpacitySecondaryHover: number;
-                colorOpacitySecondaryPressed: number;
+                colorOpacitySecondary: string;
+                colorOpacitySecondaryHover: string;
+                colorOpacitySecondaryPressed: string;
                 colorSecondary: string;
                 colorSecondaryHover: string;
                 colorSecondaryPressed: string;
@@ -515,9 +518,9 @@ declare const _default: import("vue").DefineComponent<{
                     fontSizeMedium: string;
                     fontSizeLarge: string;
                     opacityDisabled: string;
-                    colorOpacitySecondary: number;
-                    colorOpacitySecondaryHover: number;
-                    colorOpacitySecondaryPressed: number;
+                    colorOpacitySecondary: string;
+                    colorOpacitySecondaryHover: string;
+                    colorOpacitySecondaryPressed: string;
                     colorSecondary: string;
                     colorSecondaryHover: string;
                     colorSecondaryPressed: string;
@@ -802,9 +805,9 @@ declare const _default: import("vue").DefineComponent<{
                         fontSizeMedium: string;
                         fontSizeLarge: string;
                         opacityDisabled: string;
-                        colorOpacitySecondary: number;
-                        colorOpacitySecondaryHover: number;
-                        colorOpacitySecondaryPressed: number;
+                        colorOpacitySecondary: string;
+                        colorOpacitySecondaryHover: string;
+                        colorOpacitySecondaryPressed: string;
                         colorSecondary: string;
                         colorSecondaryHover: string;
                         colorSecondaryPressed: string;
@@ -1070,6 +1073,11 @@ declare const _default: import("vue").DefineComponent<{
         yearFormat: string;
         monthFormat: string;
         dayFormat: string;
+        yearTypeFormat: string;
+        monthTypeFormat: string;
+        dateFormat: string;
+        dateTimeFormat: string;
+        quarterFormat: string;
         clear: string;
         now: string;
         confirm: string;
@@ -1078,6 +1086,8 @@ declare const _default: import("vue").DefineComponent<{
         datePlaceholder: string;
         datetimePlaceholder: string;
         monthPlaceholder: string;
+        yearPlaceholder: string;
+        quarterPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;
@@ -1111,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[]>;
@@ -1130,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;
@@ -1145,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", {
@@ -288,9 +291,9 @@ declare const _default: import("vue").DefineComponent<{
                 fontSizeMedium: string;
                 fontSizeLarge: string;
                 opacityDisabled: string;
-                colorOpacitySecondary: number;
-                colorOpacitySecondaryHover: number;
-                colorOpacitySecondaryPressed: number;
+                colorOpacitySecondary: string;
+                colorOpacitySecondaryHover: string;
+                colorOpacitySecondaryPressed: string;
                 colorSecondary: string;
                 colorSecondaryHover: string;
                 colorSecondaryPressed: string;
@@ -513,9 +516,9 @@ declare const _default: import("vue").DefineComponent<{
                     fontSizeMedium: string;
                     fontSizeLarge: string;
                     opacityDisabled: string;
-                    colorOpacitySecondary: number;
-                    colorOpacitySecondaryHover: number;
-                    colorOpacitySecondaryPressed: number;
+                    colorOpacitySecondary: string;
+                    colorOpacitySecondaryHover: string;
+                    colorOpacitySecondaryPressed: string;
                     colorSecondary: string;
                     colorSecondaryHover: string;
                     colorSecondaryPressed: string;
@@ -800,9 +803,9 @@ declare const _default: import("vue").DefineComponent<{
                         fontSizeMedium: string;
                         fontSizeLarge: string;
                         opacityDisabled: string;
-                        colorOpacitySecondary: number;
-                        colorOpacitySecondaryHover: number;
-                        colorOpacitySecondaryPressed: number;
+                        colorOpacitySecondary: string;
+                        colorOpacitySecondaryHover: string;
+                        colorOpacitySecondaryPressed: string;
                         colorSecondary: string;
                         colorSecondaryHover: string;
                         colorSecondaryPressed: string;
@@ -1068,6 +1071,11 @@ declare const _default: import("vue").DefineComponent<{
         yearFormat: string;
         monthFormat: string;
         dayFormat: string;
+        yearTypeFormat: string;
+        monthTypeFormat: string;
+        dateFormat: string;
+        dateTimeFormat: string;
+        quarterFormat: string;
         clear: string;
         now: string;
         confirm: string;
@@ -1076,6 +1084,8 @@ declare const _default: import("vue").DefineComponent<{
         datePlaceholder: string;
         datetimePlaceholder: string;
         monthPlaceholder: string;
+        yearPlaceholder: string;
+        quarterPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;
@@ -1130,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;
@@ -1145,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", {
@@ -296,9 +293,9 @@ declare const _default: import("vue").DefineComponent<{
                 fontSizeMedium: string;
                 fontSizeLarge: string;
                 opacityDisabled: string;
-                colorOpacitySecondary: number;
-                colorOpacitySecondaryHover: number;
-                colorOpacitySecondaryPressed: number;
+                colorOpacitySecondary: string;
+                colorOpacitySecondaryHover: string;
+                colorOpacitySecondaryPressed: string;
                 colorSecondary: string;
                 colorSecondaryHover: string;
                 colorSecondaryPressed: string;
@@ -521,9 +518,9 @@ declare const _default: import("vue").DefineComponent<{
                     fontSizeMedium: string;
                     fontSizeLarge: string;
                     opacityDisabled: string;
-                    colorOpacitySecondary: number;
-                    colorOpacitySecondaryHover: number;
-                    colorOpacitySecondaryPressed: number;
+                    colorOpacitySecondary: string;
+                    colorOpacitySecondaryHover: string;
+                    colorOpacitySecondaryPressed: string;
                     colorSecondary: string;
                     colorSecondaryHover: string;
                     colorSecondaryPressed: string;
@@ -808,9 +805,9 @@ declare const _default: import("vue").DefineComponent<{
                         fontSizeMedium: string;
                         fontSizeLarge: string;
                         opacityDisabled: string;
-                        colorOpacitySecondary: number;
-                        colorOpacitySecondaryHover: number;
-                        colorOpacitySecondaryPressed: number;
+                        colorOpacitySecondary: string;
+                        colorOpacitySecondaryHover: string;
+                        colorOpacitySecondaryPressed: string;
                         colorSecondary: string;
                         colorSecondaryHover: string;
                         colorSecondaryPressed: string;
@@ -1076,6 +1073,11 @@ declare const _default: import("vue").DefineComponent<{
         yearFormat: string;
         monthFormat: string;
         dayFormat: string;
+        yearTypeFormat: string;
+        monthTypeFormat: string;
+        dateFormat: string;
+        dateTimeFormat: string;
+        quarterFormat: string;
         clear: string;
         now: string;
         confirm: string;
@@ -1084,6 +1086,8 @@ declare const _default: import("vue").DefineComponent<{
         datePlaceholder: string;
         datetimePlaceholder: string;
         monthPlaceholder: string;
+        yearPlaceholder: string;
+        quarterPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;
@@ -1117,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[]>;
@@ -1136,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;
@@ -1151,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", {
@@ -288,9 +291,9 @@ declare const _default: import("vue").DefineComponent<{
                 fontSizeMedium: string;
                 fontSizeLarge: string;
                 opacityDisabled: string;
-                colorOpacitySecondary: number;
-                colorOpacitySecondaryHover: number;
-                colorOpacitySecondaryPressed: number;
+                colorOpacitySecondary: string;
+                colorOpacitySecondaryHover: string;
+                colorOpacitySecondaryPressed: string;
                 colorSecondary: string;
                 colorSecondaryHover: string;
                 colorSecondaryPressed: string;
@@ -513,9 +516,9 @@ declare const _default: import("vue").DefineComponent<{
                     fontSizeMedium: string;
                     fontSizeLarge: string;
                     opacityDisabled: string;
-                    colorOpacitySecondary: number;
-                    colorOpacitySecondaryHover: number;
-                    colorOpacitySecondaryPressed: number;
+                    colorOpacitySecondary: string;
+                    colorOpacitySecondaryHover: string;
+                    colorOpacitySecondaryPressed: string;
                     colorSecondary: string;
                     colorSecondaryHover: string;
                     colorSecondaryPressed: string;
@@ -800,9 +803,9 @@ declare const _default: import("vue").DefineComponent<{
                         fontSizeMedium: string;
                         fontSizeLarge: string;
                         opacityDisabled: string;
-                        colorOpacitySecondary: number;
-                        colorOpacitySecondaryHover: number;
-                        colorOpacitySecondaryPressed: number;
+                        colorOpacitySecondary: string;
+                        colorOpacitySecondaryHover: string;
+                        colorOpacitySecondaryPressed: string;
                         colorSecondary: string;
                         colorSecondaryHover: string;
                         colorSecondaryPressed: string;
@@ -1068,6 +1071,11 @@ declare const _default: import("vue").DefineComponent<{
         yearFormat: string;
         monthFormat: string;
         dayFormat: string;
+        yearTypeFormat: string;
+        monthTypeFormat: string;
+        dateFormat: string;
+        dateTimeFormat: string;
+        quarterFormat: string;
         clear: string;
         now: string;
         confirm: string;
@@ -1076,6 +1084,8 @@ declare const _default: import("vue").DefineComponent<{
         datePlaceholder: string;
         datetimePlaceholder: string;
         monthPlaceholder: string;
+        yearPlaceholder: string;
+        quarterPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;
@@ -1130,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;
@@ -1145,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(() => {

package/es/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: {
@@ -23,6 +23,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: null;
     };
     shortcuts: PropType<import("../interface").Shortcuts>;
+    defaultTime: PropType<import("../interface").DefaultTime>;
     onConfirm: FunctionConstructor;
     onClose: PropType<import("../interface").OnClose>;
     onTabOut: FunctionConstructor;
@@ -31,8 +32,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 +150,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 +216,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", {
@@ -303,9 +300,9 @@ declare const _default: import("vue").DefineComponent<{
                 fontSizeMedium: string;
                 fontSizeLarge: string;
                 opacityDisabled: string;
-                colorOpacitySecondary: number;
-                colorOpacitySecondaryHover: number;
-                colorOpacitySecondaryPressed: number;
+                colorOpacitySecondary: string;
+                colorOpacitySecondaryHover: string;
+                colorOpacitySecondaryPressed: string;
                 colorSecondary: string;
                 colorSecondaryHover: string;
                 colorSecondaryPressed: string;
@@ -528,9 +525,9 @@ declare const _default: import("vue").DefineComponent<{
                     fontSizeMedium: string;
                     fontSizeLarge: string;
                     opacityDisabled: string;
-                    colorOpacitySecondary: number;
-                    colorOpacitySecondaryHover: number;
-                    colorOpacitySecondaryPressed: number;
+                    colorOpacitySecondary: string;
+                    colorOpacitySecondaryHover: string;
+                    colorOpacitySecondaryPressed: string;
                     colorSecondary: string;
                     colorSecondaryHover: string;
                     colorSecondaryPressed: string;
@@ -815,9 +812,9 @@ declare const _default: import("vue").DefineComponent<{
                         fontSizeMedium: string;
                         fontSizeLarge: string;
                         opacityDisabled: string;
-                        colorOpacitySecondary: number;
-                        colorOpacitySecondaryHover: number;
-                        colorOpacitySecondaryPressed: number;
+                        colorOpacitySecondary: string;
+                        colorOpacitySecondaryHover: string;
+                        colorOpacitySecondaryPressed: string;
                         colorSecondary: string;
                         colorSecondaryHover: string;
                         colorSecondaryPressed: string;
@@ -1083,6 +1080,11 @@ declare const _default: import("vue").DefineComponent<{
         yearFormat: string;
         monthFormat: string;
         dayFormat: string;
+        yearTypeFormat: string;
+        monthTypeFormat: string;
+        dateFormat: string;
+        dateTimeFormat: string;
+        quarterFormat: string;
         clear: string;
         now: string;
         confirm: string;
@@ -1091,6 +1093,8 @@ declare const _default: import("vue").DefineComponent<{
         datePlaceholder: string;
         datetimePlaceholder: string;
         monthPlaceholder: string;
+        yearPlaceholder: string;
+        quarterPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;
@@ -1124,6 +1128,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[]>;
@@ -1144,12 +1149,13 @@ 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;
@@ -1160,6 +1166,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;