@coreui/vue-pro 4.5.0 → 4.7.0-alpha.0

package/dist/components/Types.d.ts

@@ -1,5 +1,5 @@
-export declare type Breakpoints = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
-export declare type Colors = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | 'primary-gradient' | 'secondary-gradient' | 'success-gradient' | 'danger-gradient' | 'warning-gradient' | 'info-gradient' | 'dark-gradient' | 'light-gradient' | string;
-export declare type Placements = 'auto' | 'auto-start' | 'auto-end' | 'top-end' | 'top' | 'top-start' | 'bottom-end' | 'bottom' | 'bottom-start' | 'right-start' | 'right' | 'right-end' | 'left-start' | 'left' | 'left-end' | undefined;
-export declare type Shapes = 'rounded' | 'rounded-top' | 'rounded-end' | 'rounded-bottom' | 'rounded-start' | 'rounded-circle' | 'rounded-pill' | 'rounded-0' | 'rounded-1' | 'rounded-2' | 'rounded-3' | string;
-export declare type Triggers = 'hover' | 'focus' | 'click';
+export type Breakpoints = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+export type Colors = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | 'primary-gradient' | 'secondary-gradient' | 'success-gradient' | 'danger-gradient' | 'warning-gradient' | 'info-gradient' | 'dark-gradient' | 'light-gradient' | string;
+export type Placements = 'auto' | 'auto-start' | 'auto-end' | 'top-end' | 'top' | 'top-start' | 'bottom-end' | 'bottom' | 'bottom-start' | 'right-start' | 'right' | 'right-end' | 'left-start' | 'left' | 'left-end' | undefined;
+export type Shapes = 'rounded' | 'rounded-top' | 'rounded-end' | 'rounded-bottom' | 'rounded-start' | 'rounded-circle' | 'rounded-pill' | 'rounded-0' | 'rounded-1' | 'rounded-2' | 'rounded-3' | string;
+export type Triggers = 'hover' | 'focus' | 'click';

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,13 +215,13 @@ 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;
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "date-change"[], "date-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("date-change" | "update:date")[], "date-change" | "update:date", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Default date of the component
      */
@@ -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,18 +437,21 @@ 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;
     };
 }>> & {
     "onDate-change"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:date"?: ((...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

@@ -57,6 +57,15 @@ declare const CDateRangePicker: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * If true the dropdown will be immediately closed after submitting the full date.
+     *
+     * @since 4.7.0
+     */
+    closeOnSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Toggle visibility or set the content of confirm button.
      */
@@ -93,6 +102,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 +131,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 +197,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 +237,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 +288,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,19 +336,35 @@ 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;
+    /**
+     * Toggle the visibility of the component.
+     */
+    visible: 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;
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hide" | "show" | "start-date-change" | "end-date-change")[], "hide" | "show" | "start-date-change" | "end-date-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hide" | "show" | "start-date-change" | "end-date-change" | "update:start-date" | "update:end-date")[], "hide" | "show" | "start-date-change" | "end-date-change" | "update:start-date" | "update:end-date", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The number of calendars that render on desktop devices.
      */
@@ -333,6 +422,15 @@ declare const CDateRangePicker: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * If true the dropdown will be immediately closed after submitting the full date.
+     *
+     * @since 4.7.0
+     */
+    closeOnSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Toggle visibility or set the content of confirm button.
      */
@@ -369,6 +467,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 +496,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 +562,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 +602,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 +653,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 +701,29 @@ 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;
+    /**
+     * Toggle the visibility of the component.
+     */
+    visible: 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;
     };
@@ -554,15 +732,23 @@ declare const CDateRangePicker: import("vue").DefineComponent<{
     onShow?: ((...args: any[]) => any) | undefined;
     "onStart-date-change"?: ((...args: any[]) => any) | undefined;
     "onEnd-date-change"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:start-date"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:end-date"?: ((...args: any[]) => any) | undefined;
 }, {
+    invalid: boolean;
+    visible: 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;
@@ -575,6 +761,7 @@ declare const CDateRangePicker: import("vue").DefineComponent<{
     indicator: boolean;
     inputReadOnly: boolean;
     placeholder: String | String[];
+    closeOnSelect: boolean;
     separator: boolean;
     timepicker: boolean;
     todayButton: string | boolean;