@coreui/vue-pro 4.5.0 → 4.6.0

package/dist/components/calendar/CCalendar.d.ts

@@ -13,6 +13,18 @@ declare const CCalendar: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    /**
+     * Set the format of day name.
+     *
+     * @default 'numeric'
+     * @since 4.6.0
+     */
+    dayFormat: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+        required: false;
+        validator: (value: string) => boolean;
+    };
     /**
      * Specify the list of dates that cannot be selected.
      */
@@ -65,6 +77,12 @@ declare const CCalendar: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Reorder year-month navigation, and render year first.
+     *
+     * @since 4.6.0
+     */
+    navYearFirst: BooleanConstructor;
     /**
      * Allow range selection.
      */
@@ -85,7 +103,7 @@ declare const CCalendar: import("vue").DefineComponent<{
      * @type  number | 'long' | 'narrow' | 'short'
      */
     weekdayFormat: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (NumberConstructor | StringConstructor | FunctionConstructor)[];
         default: number;
         validator: (value: string | number) => boolean;
     };
@@ -105,6 +123,18 @@ declare const CCalendar: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    /**
+     * Set the format of day name.
+     *
+     * @default 'numeric'
+     * @since 4.6.0
+     */
+    dayFormat: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+        required: false;
+        validator: (value: string) => boolean;
+    };
     /**
      * Specify the list of dates that cannot be selected.
      */
@@ -157,6 +187,12 @@ declare const CCalendar: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Reorder year-month navigation, and render year first.
+     *
+     * @since 4.6.0
+     */
+    navYearFirst: BooleanConstructor;
     /**
      * Allow range selection.
      */
@@ -177,7 +213,7 @@ declare const CCalendar: import("vue").DefineComponent<{
      * @type  number | 'long' | 'narrow' | 'short'
      */
     weekdayFormat: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (NumberConstructor | StringConstructor | FunctionConstructor)[];
         default: number;
         validator: (value: string | number) => boolean;
     };
@@ -188,11 +224,13 @@ declare const CCalendar: import("vue").DefineComponent<{
     "onEnd-date-change"?: ((...args: any[]) => any) | undefined;
 }, {
     calendars: number;
+    dayFormat: string | Function;
     firstDayOfWeek: number;
     locale: string;
     navigation: boolean;
+    navYearFirst: boolean;
     range: boolean;
     selectEndDate: boolean;
-    weekdayFormat: string | number;
+    weekdayFormat: string | number | Function;
 }>;
 export { CCalendar };

package/dist/components/date-picker/CDatePicker.d.ts

@@ -86,6 +86,18 @@ declare const CDatePicker: import("vue").DefineComponent<{
         type: StringConstructor;
         validator: (value: string) => boolean;
     };
+    /**
+     * Set the format of day name.
+     *
+     * @default 'numeric'
+     * @since 4.6.0
+     */
+    dayFormat: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+        required: false;
+        validator: (value: string) => boolean;
+    };
     /**
      * Toggle the disabled state for the component.
      */
@@ -170,6 +182,12 @@ declare const CDatePicker: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Reorder year-month navigation, and render year first.
+     *
+     * @since 4.6.0
+     */
+    navYearFirst: BooleanConstructor;
     /**
      * Specifies a short hint that is visible in the input.
      */
@@ -197,7 +215,7 @@ declare const CDatePicker: import("vue").DefineComponent<{
      * @type  number | 'long' | 'narrow' | 'short'
      */
     weekdayFormat: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (NumberConstructor | StringConstructor | FunctionConstructor)[];
         default: number;
         validator: (value: string | number) => boolean;
     };
@@ -290,6 +308,18 @@ declare const CDatePicker: import("vue").DefineComponent<{
         type: StringConstructor;
         validator: (value: string) => boolean;
     };
+    /**
+     * Set the format of day name.
+     *
+     * @default 'numeric'
+     * @since 4.6.0
+     */
+    dayFormat: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+        required: false;
+        validator: (value: string) => boolean;
+    };
     /**
      * Toggle the disabled state for the component.
      */
@@ -374,6 +404,12 @@ declare const CDatePicker: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Reorder year-month navigation, and render year first.
+     *
+     * @since 4.6.0
+     */
+    navYearFirst: BooleanConstructor;
     /**
      * Specifies a short hint that is visible in the input.
      */
@@ -401,7 +437,7 @@ declare const CDatePicker: import("vue").DefineComponent<{
      * @type  number | 'long' | 'narrow' | 'short'
      */
     weekdayFormat: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (NumberConstructor | StringConstructor | FunctionConstructor)[];
         default: number;
         validator: (value: string | number) => boolean;
     };
@@ -409,10 +445,12 @@ declare const CDatePicker: import("vue").DefineComponent<{
     "onDate-change"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
+    dayFormat: string | Function;
     firstDayOfWeek: number;
     locale: string;
     navigation: boolean;
-    weekdayFormat: string | number;
+    navYearFirst: boolean;
+    weekdayFormat: string | number | Function;
     cancelButton: string | boolean;
     cancelButtonColor: string;
     cancelButtonSize: string;

package/dist/components/date-range-picker/CDateRangePicker.d.ts

@@ -93,6 +93,18 @@ declare const CDateRangePicker: import("vue").DefineComponent<{
         type: StringConstructor;
         validator: (value: string) => boolean;
     };
+    /**
+     * Set the format of day name.
+     *
+     * @default 'numeric'
+     * @since 4.6.0
+     */
+    dayFormat: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+        required: false;
+        validator: (value: string) => boolean;
+    };
     /**
      * Toggle the disabled state for the component.
      */
@@ -110,6 +122,30 @@ declare const CDateRangePicker: import("vue").DefineComponent<{
         type: (StringConstructor | DateConstructor)[];
         required: false;
     };
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.6.0
+     */
+    feedback: {
+        type: StringConstructor;
+    };
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.6.0
+     */
+    feedbackInvalid: {
+        type: StringConstructor;
+    };
+    /**
+     * Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+     *
+     * @since 4.6.0
+     */
+    feedbackValid: {
+        type: StringConstructor;
+    };
     /**
      * Sets the day of start week.
      * - 0 - Sunday,
@@ -152,6 +188,20 @@ declare const CDateRangePicker: import("vue").DefineComponent<{
      * Toggle the readonly state for the component.
      */
     inputReadOnly: BooleanConstructor;
+    /**
+     * Set component validation state to invalid.
+     *
+     * @since 4.6.0
+     */
+    invalid: BooleanConstructor;
+    /**
+     * Add a caption for a component.
+     *
+     * @since 4.6.0
+     */
+    label: {
+        type: StringConstructor;
+    };
     /**
      * Sets the default locale for components. If not set, it is inherited from the navigator.language.
      */
@@ -178,6 +228,12 @@ declare const CDateRangePicker: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Reorder year-month navigation, and render year first.
+     *
+     * @since 4.6.0
+     */
+    navYearFirst: BooleanConstructor;
     /**
      * Specifies a short hint that is visible in the input.
      */
@@ -223,6 +279,14 @@ declare const CDateRangePicker: import("vue").DefineComponent<{
     startDate: {
         type: (StringConstructor | DateConstructor)[];
     };
+    /**
+     * Add helper text to the component.
+     *
+     * @since 4.6.0
+     */
+    text: {
+        type: StringConstructor;
+    };
     /**
      * Provide an additional time selection by adding select boxes to choose times.
      */
@@ -263,13 +327,25 @@ declare const CDateRangePicker: import("vue").DefineComponent<{
         type: StringConstructor;
         validator: (value: string) => boolean;
     };
+    /**
+     * Display validation feedback in a styled tooltip.
+     *
+     * @since 4.6.0
+     */
+    tooltipFeedback: BooleanConstructor;
+    /**
+     * Set component validation state to valid.
+     *
+     * @since 4.6.0
+     */
+    valid: BooleanConstructor;
     /**
      * Set length or format of day name.
      *
      * @type  number | 'long' | 'narrow' | 'short'
      */
     weekdayFormat: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (NumberConstructor | StringConstructor | FunctionConstructor)[];
         default: number;
         validator: (value: string | number) => boolean;
     };
@@ -369,6 +445,18 @@ declare const CDateRangePicker: import("vue").DefineComponent<{
         type: StringConstructor;
         validator: (value: string) => boolean;
     };
+    /**
+     * Set the format of day name.
+     *
+     * @default 'numeric'
+     * @since 4.6.0
+     */
+    dayFormat: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+        required: false;
+        validator: (value: string) => boolean;
+    };
     /**
      * Toggle the disabled state for the component.
      */
@@ -386,6 +474,30 @@ declare const CDateRangePicker: import("vue").DefineComponent<{
         type: (StringConstructor | DateConstructor)[];
         required: false;
     };
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.6.0
+     */
+    feedback: {
+        type: StringConstructor;
+    };
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.6.0
+     */
+    feedbackInvalid: {
+        type: StringConstructor;
+    };
+    /**
+     * Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+     *
+     * @since 4.6.0
+     */
+    feedbackValid: {
+        type: StringConstructor;
+    };
     /**
      * Sets the day of start week.
      * - 0 - Sunday,
@@ -428,6 +540,20 @@ declare const CDateRangePicker: import("vue").DefineComponent<{
      * Toggle the readonly state for the component.
      */
     inputReadOnly: BooleanConstructor;
+    /**
+     * Set component validation state to invalid.
+     *
+     * @since 4.6.0
+     */
+    invalid: BooleanConstructor;
+    /**
+     * Add a caption for a component.
+     *
+     * @since 4.6.0
+     */
+    label: {
+        type: StringConstructor;
+    };
     /**
      * Sets the default locale for components. If not set, it is inherited from the navigator.language.
      */
@@ -454,6 +580,12 @@ declare const CDateRangePicker: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Reorder year-month navigation, and render year first.
+     *
+     * @since 4.6.0
+     */
+    navYearFirst: BooleanConstructor;
     /**
      * Specifies a short hint that is visible in the input.
      */
@@ -499,6 +631,14 @@ declare const CDateRangePicker: import("vue").DefineComponent<{
     startDate: {
         type: (StringConstructor | DateConstructor)[];
     };
+    /**
+     * Add helper text to the component.
+     *
+     * @since 4.6.0
+     */
+    text: {
+        type: StringConstructor;
+    };
     /**
      * Provide an additional time selection by adding select boxes to choose times.
      */
@@ -539,13 +679,25 @@ declare const CDateRangePicker: import("vue").DefineComponent<{
         type: StringConstructor;
         validator: (value: string) => boolean;
     };
+    /**
+     * Display validation feedback in a styled tooltip.
+     *
+     * @since 4.6.0
+     */
+    tooltipFeedback: BooleanConstructor;
+    /**
+     * Set component validation state to valid.
+     *
+     * @since 4.6.0
+     */
+    valid: BooleanConstructor;
     /**
      * Set length or format of day name.
      *
      * @type  number | 'long' | 'narrow' | 'short'
      */
     weekdayFormat: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (NumberConstructor | StringConstructor | FunctionConstructor)[];
         default: number;
         validator: (value: string | number) => boolean;
     };
@@ -555,14 +707,19 @@ declare const CDateRangePicker: import("vue").DefineComponent<{
     "onStart-date-change"?: ((...args: any[]) => any) | undefined;
     "onEnd-date-change"?: ((...args: any[]) => any) | undefined;
 }, {
+    invalid: boolean;
     disabled: boolean;
     calendars: number;
+    dayFormat: string | Function;
     firstDayOfWeek: number;
     locale: string;
     navigation: boolean;
+    navYearFirst: boolean;
     range: boolean;
     selectEndDate: boolean;
-    weekdayFormat: string | number;
+    weekdayFormat: string | number | Function;
+    valid: boolean;
+    tooltipFeedback: boolean;
     cancelButton: string | boolean;
     cancelButtonColor: string;
     cancelButtonSize: string;

package/dist/components/multi-select/CMultiSelect.d.ts

@@ -27,6 +27,50 @@ declare const CMultiSelect: import("vue").DefineComponent<{
         required: false;
         default: boolean;
     };
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.6.0
+     */
+    feedback: {
+        type: StringConstructor;
+    };
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.6.0
+     */
+    feedbackInvalid: {
+        type: StringConstructor;
+    };
+    /**
+     * Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+     *
+     * @since 4.6.0
+     */
+    feedbackValid: {
+        type: StringConstructor;
+    };
+    /**
+     * The id global attribute defines an identifier (ID) that must be unique in the whole document.
+     */
+    id: {
+        type: StringConstructor;
+    };
+    /**
+     * Set component validation state to invalid.
+     *
+     * @since 4.6.0
+     */
+    invalid: BooleanConstructor;
+    /**
+     * Add a caption for a component.
+     *
+     * @since 4.6.0
+     */
+    label: {
+        type: StringConstructor;
+    };
     /**
      * It specifies that multiple options can be selected at once.
      *
@@ -145,6 +189,26 @@ declare const CMultiSelect: import("vue").DefineComponent<{
         required: false;
         validator: (value: string) => boolean;
     };
+    /**
+     * Add helper text to the component.
+     *
+     * @since 4.6.0
+     */
+    text: {
+        type: StringConstructor;
+    };
+    /**
+     * Display validation feedback in a styled tooltip.
+     *
+     * @since 4.6.0
+     */
+    tooltipFeedback: BooleanConstructor;
+    /**
+     * Set component validation state to valid.
+     *
+     * @since 4.6.0
+     */
+    valid: BooleanConstructor;
     /**
      * Toggle the visibility of multi select dropdown.
      *
@@ -176,6 +240,50 @@ declare const CMultiSelect: import("vue").DefineComponent<{
         required: false;
         default: boolean;
     };
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.6.0
+     */
+    feedback: {
+        type: StringConstructor;
+    };
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.6.0
+     */
+    feedbackInvalid: {
+        type: StringConstructor;
+    };
+    /**
+     * Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+     *
+     * @since 4.6.0
+     */
+    feedbackValid: {
+        type: StringConstructor;
+    };
+    /**
+     * The id global attribute defines an identifier (ID) that must be unique in the whole document.
+     */
+    id: {
+        type: StringConstructor;
+    };
+    /**
+     * Set component validation state to invalid.
+     *
+     * @since 4.6.0
+     */
+    invalid: BooleanConstructor;
+    /**
+     * Add a caption for a component.
+     *
+     * @since 4.6.0
+     */
+    label: {
+        type: StringConstructor;
+    };
     /**
      * It specifies that multiple options can be selected at once.
      *
@@ -294,6 +402,26 @@ declare const CMultiSelect: import("vue").DefineComponent<{
         required: false;
         validator: (value: string) => boolean;
     };
+    /**
+     * Add helper text to the component.
+     *
+     * @since 4.6.0
+     */
+    text: {
+        type: StringConstructor;
+    };
+    /**
+     * Display validation feedback in a styled tooltip.
+     *
+     * @since 4.6.0
+     */
+    tooltipFeedback: BooleanConstructor;
+    /**
+     * Set component validation state to valid.
+     *
+     * @since 4.6.0
+     */
+    valid: BooleanConstructor;
     /**
      * Toggle the visibility of multi select dropdown.
      *
@@ -308,8 +436,11 @@ declare const CMultiSelect: import("vue").DefineComponent<{
     onChange?: ((...args: any[]) => any) | undefined;
 }, {
     search: boolean;
+    invalid: boolean;
     visible: boolean;
     disabled: boolean;
+    valid: boolean;
+    tooltipFeedback: boolean;
     multiple: boolean;
     options: Option[];
     cleaner: boolean;