@coreui/vue-pro 5.0.0-alpha.1 → 5.0.0-beta.0

package/dist/cjs/components/breadcrumb/CBreadcrumbItem.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var vue = require('vue');
+
+const CBreadcrumbItem = vue.defineComponent({
+    name: 'CBreadcrumbItem',
+    props: {
+        /**
+         * Toggle the active state for the component.
+         */
+        active: Boolean,
+        /**
+         * The `href` attribute for the inner link component.
+         */
+        href: String,
+    },
+    setup(props, { slots }) {
+        return () => vue.h('li', {
+            class: [
+                'breadcrumb-item',
+                {
+                    active: props.active,
+                },
+            ],
+            ...(props.active && { 'aria-current': 'page' }),
+        }, props.href
+            ? vue.h('a', { href: props.href }, slots.default && slots.default())
+            : slots.default && slots.default());
+    },
+});
+
+exports.CBreadcrumbItem = CBreadcrumbItem;
+//# sourceMappingURL=CBreadcrumbItem.js.map

package/dist/cjs/components/breadcrumb/CBreadcrumbItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CBreadcrumbItem.js","sources":["../../../../src/components/breadcrumb/CBreadcrumbItem.ts"],"sourcesContent":[null],"names":["defineComponent","h"],"mappings":";;;;AAEM,MAAA,eAAe,GAAGA,mBAAe,CAAC;AACtC,IAAA,IAAI,EAAE,iBAAiB;AACvB,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,MAAM,EAAE,OAAO;AACf;;AAEG;AACH,QAAA,IAAI,EAAE,MAAM;AACb,KAAA;AAED,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AACpB,QAAA,OAAO,MACLC,KAAC,CACC,IAAI,EACJ;AACE,YAAA,KAAK,EAAE;gBACL,iBAAiB;AACjB,gBAAA;oBACE,MAAM,EAAE,KAAK,CAAC,MAAM;AACrB,iBAAA;AACF,aAAA;YACD,IAAI,KAAK,CAAC,MAAM,IAAI,EAAE,cAAc,EAAE,MAAM,EAAE;SAC/C,EACD,KAAK,CAAC,IAAI;cACNA,KAAC,CAAC,GAAG,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;cAC9D,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACrC,CAAA;KACJ;AACF,CAAA;;;;"}

package/dist/cjs/components/breadcrumb/index.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var CBreadcrumbItem = require('./CBreadcrumbItem.js');
+var CBreadcrumb = require('./CBreadcrumb.js');
+
+const CBreadcrumbPlugin = {
+    install: (app) => {
+        app.component(CBreadcrumb.CBreadcrumb.name, CBreadcrumb.CBreadcrumb);
+        app.component(CBreadcrumbItem.CBreadcrumbItem.name, CBreadcrumbItem.CBreadcrumbItem);
+    },
+};
+
+exports.CBreadcrumbItem = CBreadcrumbItem.CBreadcrumbItem;
+exports.CBreadcrumb = CBreadcrumb.CBreadcrumb;
+exports.CBreadcrumbPlugin = CBreadcrumbPlugin;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/breadcrumb/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/breadcrumb/index.ts"],"sourcesContent":[null],"names":["CBreadcrumb","CBreadcrumbItem"],"mappings":";;;;;AAIA,MAAM,iBAAiB,GAAG;AACxB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAACA,uBAAW,CAAC,IAAI,EAAEA,uBAAW,CAAC,CAAA;QAC5C,GAAG,CAAC,SAAS,CAACC,+BAAe,CAAC,IAAI,EAAEA,+BAAe,CAAC,CAAA;KACrD;;;;;;;"}

package/dist/cjs/components/button/CButton.js

@@ -0,0 +1,110 @@
+'use strict';
+
+var vue = require('vue');
+var props = require('../../props.js');
+
+const CButton = vue.defineComponent({
+    name: 'CButton',
+    props: {
+        /**
+         * Toggle the active state for the component.
+         */
+        active: Boolean,
+        /**
+         * Sets the color context of the component to one of CoreUI’s themed colors.
+         *
+         * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
+         */
+        color: props.Color,
+        /**
+         * Component used for the root node. Either a string to use a HTML element or a component.
+         */
+        component: {
+            type: String,
+            default: 'button',
+        },
+        /**
+         * Toggle the disabled state for the component.
+         */
+        disabled: Boolean,
+        /**
+         * The href attribute specifies the URL of the page the link goes to.
+         */
+        href: String,
+        /**
+         * Select the shape of the component.
+         *
+         * @values 'rounded', 'rounded-top', 'rounded-end', 'rounded-bottom', 'rounded-start', 'rounded-circle', 'rounded-pill', 'rounded-0', 'rounded-1', 'rounded-2', 'rounded-3'
+         */
+        shape: props.Shape,
+        /**
+         * Size the component small or large.
+         *
+         * @values 'sm', 'lg'
+         */
+        size: {
+            type: String,
+            validator: (value) => {
+                return ['sm', 'lg'].includes(value);
+            },
+        },
+        /**
+         * Specifies the type of button. Always specify the type attribute for the `<button>` element.
+         * Different browsers may use different default types for the `<button>` element.
+         *
+         * @values 'button', 'submit', 'reset'
+         */
+        type: {
+            type: String,
+            default: 'button',
+            validator: (value) => {
+                return ['button', 'submit', 'reset'].includes(value);
+            },
+        },
+        /**
+         * Set the button variant to an outlined button or a ghost button.
+         *
+         * @values 'ghost', 'outline'
+         */
+        variant: {
+            type: String,
+            validator: (value) => {
+                return ['ghost', 'outline'].includes(value);
+            },
+        },
+    },
+    emits: [
+        /**
+         * Event called when the user clicks on the button.
+         */
+        'click',
+    ],
+    setup(props, { emit, slots }) {
+        const component = props.href ? 'a' : props.component;
+        const handleClick = (event) => {
+            if (props.disabled) {
+                return;
+            }
+            emit('click', event);
+        };
+        return () => vue.h(component, {
+            class: [
+                'btn',
+                props.variant ? `btn-${props.variant}-${props.color}` : `btn-${props.color}`,
+                {
+                    [`btn-${props.size}`]: props.size,
+                    active: props.active,
+                    disabled: props.disabled,
+                },
+                props.shape,
+            ],
+            ...(component === 'a' && props.disabled && { 'aria-disabled': true, tabIndex: -1 }),
+            ...(component === 'a' && props.href && { href: props.href }),
+            ...(component === 'button' && { type: props.type, disabled: props.disabled }),
+            onClick: handleClick,
+        }, slots.default && slots.default());
+    },
+});
+
+exports.CButton = CButton;
+//# sourceMappingURL=CButton.js.map

package/dist/cjs/components/button/CButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CButton.js","sources":["../../../../src/components/button/CButton.ts"],"sourcesContent":[null],"names":["defineComponent","Color","Shape","h"],"mappings":";;;;;AAIO,MAAM,OAAO,GAAGA,mBAAe,CAAC;AACrC,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,MAAM,EAAE,OAAO;AACf;;;;AAIG;AACH,QAAA,KAAK,EAAEC,WAAK;AACZ;;AAEG;AACH,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,QAAQ;AAClB,SAAA;AACD;;AAEG;AACH,QAAA,QAAQ,EAAE,OAAO;AACjB;;AAEG;AACH,QAAA,IAAI,EAAE,MAAM;AACZ;;;;AAIG;AACH,QAAA,KAAK,EAAEC,WAAK;AACZ;;;;AAIG;AACH,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;gBAC3B,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;aACpC;AACF,SAAA;AACD;;;;;AAKG;AACH,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,QAAQ;AACjB,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;AAC3B,gBAAA,OAAO,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;aACrD;AACF,SAAA;AACD;;;;AAIG;AACH,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;gBAC3B,OAAO,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;aAC5C;AACF,SAAA;AACF,KAAA;AACD,IAAA,KAAK,EAAE;AACL;;AAEG;QACH,OAAO;AACR,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAA;AAC1B,QAAA,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,GAAG,GAAG,GAAG,KAAK,CAAC,SAAS,CAAA;AACpD,QAAA,MAAM,WAAW,GAAG,CAAC,KAAY,KAAI;YACnC,IAAI,KAAK,CAAC,QAAQ,EAAE;gBAClB,OAAM;AACP,aAAA;AAED,YAAA,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;AACtB,SAAC,CAAA;AACD,QAAA,OAAO,MACLC,KAAC,CACC,SAAS,EACT;AACE,YAAA,KAAK,EAAE;gBACL,KAAK;gBACL,KAAK,CAAC,OAAO,GAAG,CAAO,IAAA,EAAA,KAAK,CAAC,OAAO,CAAA,CAAA,EAAI,KAAK,CAAC,KAAK,EAAE,GAAG,CAAO,IAAA,EAAA,KAAK,CAAC,KAAK,CAAE,CAAA;AAC5E,gBAAA;oBACE,CAAC,CAAA,IAAA,EAAO,KAAK,CAAC,IAAI,EAAE,GAAG,KAAK,CAAC,IAAI;oBACjC,MAAM,EAAE,KAAK,CAAC,MAAM;oBACpB,QAAQ,EAAE,KAAK,CAAC,QAAQ;AACzB,iBAAA;AACD,gBAAA,KAAK,CAAC,KAAK;AACZ,aAAA;AACD,YAAA,IAAI,SAAS,KAAK,GAAG,IAAI,KAAK,CAAC,QAAQ,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE;AAClF,YAAA,IAAI,SAAS,KAAK,GAAG,IAAI,KAAK,CAAC,IAAI,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE;AAC3D,YAAA,IAAI,SAAS,KAAK,QAAQ,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE;AAC5E,YAAA,OAAO,EAAE,WAAW;SACrB,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,CAAA;KACJ;AACF,CAAA;;;;"}

package/dist/cjs/components/button/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var CButton = require('./CButton.js');
+
+const CButtonPlugin = {
+    install: (app) => {
+        app.component(CButton.CButton.name, CButton.CButton);
+    },
+};
+
+exports.CButton = CButton.CButton;
+exports.CButtonPlugin = CButtonPlugin;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/button/index.ts"],"sourcesContent":[null],"names":["CButton"],"mappings":";;;;AAGA,MAAM,aAAa,GAAG;AACpB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAACA,eAAO,CAAC,IAAI,EAAEA,eAAO,CAAC,CAAA;KACrC;;;;;;"}

package/dist/cjs/components/button-group/CButtonGroup.js

@@ -0,0 +1,35 @@
+'use strict';
+
+var vue = require('vue');
+
+const CButtonGroup = vue.defineComponent({
+    name: 'CButtonGroup',
+    props: {
+        /**
+         * Size the component small or large.
+         *
+         * @values 'sm', 'lg'
+         */
+        size: {
+            type: String,
+            validator: (value) => {
+                return ['sm', 'lg'].includes(value);
+            },
+        },
+        /**
+         * Create a set of buttons that appear vertically stacked rather than horizontally. Split button dropdowns are not supported here.
+         */
+        vertical: Boolean,
+    },
+    setup(props, { slots }) {
+        return () => vue.h('div', {
+            class: [
+                props.vertical ? 'btn-group-vertical' : 'btn-group',
+                { [`btn-group-${props.size}`]: props.size },
+            ],
+        }, slots.default && slots.default());
+    },
+});
+
+exports.CButtonGroup = CButtonGroup;
+//# sourceMappingURL=CButtonGroup.js.map

package/dist/cjs/components/button-group/CButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CButtonGroup.js","sources":["../../../../src/components/button-group/CButtonGroup.ts"],"sourcesContent":[null],"names":["defineComponent","h"],"mappings":";;;;AAEM,MAAA,YAAY,GAAGA,mBAAe,CAAC;AACnC,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,KAAK,EAAE;AACL;;;;AAIG;AACH,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;gBAC3B,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;aACpC;AACF,SAAA;AACD;;AAEG;AACH,QAAA,QAAQ,EAAE,OAAO;AAClB,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AACpB,QAAA,OAAO,MACLC,KAAC,CACC,KAAK,EACL;AACE,YAAA,KAAK,EAAE;gBACL,KAAK,CAAC,QAAQ,GAAG,oBAAoB,GAAG,WAAW;gBACnD,EAAE,CAAC,CAAa,UAAA,EAAA,KAAK,CAAC,IAAI,CAAE,CAAA,GAAG,KAAK,CAAC,IAAI,EAAE;AAC5C,aAAA;SACF,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,CAAA;KACJ;AACF,CAAA;;;;"}

package/dist/cjs/components/button-group/CButtonToolbar.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var vue = require('vue');
+
+const CButtonToolbar = vue.defineComponent({
+    name: 'CButtonToolbar',
+    setup(_, { slots }) {
+        return () => vue.h('div', { class: 'btn-toolbar' }, slots.default && slots.default());
+    },
+});
+
+exports.CButtonToolbar = CButtonToolbar;
+//# sourceMappingURL=CButtonToolbar.js.map

package/dist/cjs/components/button-group/CButtonToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CButtonToolbar.js","sources":["../../../../src/components/button-group/CButtonToolbar.ts"],"sourcesContent":[null],"names":["defineComponent","h"],"mappings":";;;;AAEM,MAAA,cAAc,GAAGA,mBAAe,CAAC;AACrC,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAA;QAChB,OAAO,MAAMC,KAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC,CAAA;KAClF;AACF,CAAA;;;;"}

package/dist/cjs/components/button-group/index.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var CButtonToolbar = require('./CButtonToolbar.js');
+var CButtonGroup = require('./CButtonGroup.js');
+
+const CButtonGroupPlugin = {
+    install: (app) => {
+        app.component(CButtonToolbar.CButtonToolbar.name, CButtonToolbar.CButtonToolbar);
+        app.component(CButtonGroup.CButtonGroup.name, CButtonGroup.CButtonGroup);
+    },
+};
+
+exports.CButtonToolbar = CButtonToolbar.CButtonToolbar;
+exports.CButtonGroup = CButtonGroup.CButtonGroup;
+exports.CButtonGroupPlugin = CButtonGroupPlugin;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/button-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/button-group/index.ts"],"sourcesContent":[null],"names":["CButtonToolbar","CButtonGroup"],"mappings":";;;;;AAIA,MAAM,kBAAkB,GAAG;AACzB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAACA,6BAAc,CAAC,IAAI,EAAEA,6BAAc,CAAC,CAAA;QAClD,GAAG,CAAC,SAAS,CAACC,yBAAY,CAAC,IAAI,EAAEA,yBAAY,CAAC,CAAA;KAC/C;;;;;;;"}

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

@@ -0,0 +1,294 @@
+import { PropType } from 'vue';
+declare const CCalendar: import("vue").DefineComponent<{
+    /**
+     * Default date of the component
+     */
+    calendarDate: PropType<string | Date | null>;
+    /**
+     * The number of calendars that render on desktop devices.
+     */
+    calendars: {
+        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.
+     */
+    disabledDates: {
+        type: PropType<Date[] | Date[][]>;
+    };
+    /**
+     * Initial selected to date (range).
+     */
+    endDate: PropType<string | Date | null>;
+    /**
+     * Sets the day of start week.
+     * - 0 - Sunday,
+     * - 1 - Monday,
+     * - 2 - Tuesday,
+     * - 3 - Wednesday,
+     * - 4 - Thursday,
+     * - 5 - Friday,
+     * - 6 - Saturday,
+     */
+    firstDayOfWeek: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Sets the default locale for components. If not set, it is inherited from the navigator.language.
+     */
+    locale: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Max selectable date.
+     */
+    maxDate: PropType<string | Date | null>;
+    /**
+     * Min selectable date.
+     */
+    minDate: PropType<string | Date | null>;
+    /**
+     * Show arrows navigation.
+     */
+    navigation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Reorder year-month navigation, and render year first.
+     *
+     * @since 4.6.0
+     */
+    navYearFirst: BooleanConstructor;
+    /**
+     * Allow range selection.
+     */
+    range: BooleanConstructor;
+    /**
+     * Toggle select mode between start and end date.
+     */
+    selectEndDate: BooleanConstructor;
+    /**
+     * Set whether days in adjacent months shown before or after the current month are selectable. This only applies if the `showAdjacementDays` option is set to true.
+     *
+     * @since 4.9.0
+     */
+    selectAdjacementDays: BooleanConstructor;
+    /**
+     * Specify the type of date selection as day, week, month, or year.
+     *
+     * @since 5.0.0-beta.0
+     */
+    selectionType: {
+        type: PropType<"day" | "week" | "month" | "year">;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Set whether to display dates in adjacent months (non-selectable) at the start and end of the current month.
+     *
+     * @since 4.9.0
+     */
+    showAdjacementDays: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Set whether to display week numbers in the calendar.
+     *
+     * @since 5.0.0-beta.0
+     */
+    showWeekNumber: BooleanConstructor;
+    /**
+     * Initial selected date.
+     */
+    startDate: PropType<string | Date | null>;
+    /**
+     * Set length or format of day name.
+     *
+     * @type  number | 'long' | 'narrow' | 'short'
+     */
+    weekdayFormat: {
+        type: (NumberConstructor | StringConstructor | FunctionConstructor)[];
+        default: number;
+        validator: (value: string | number) => boolean;
+    };
+    /**
+     * Label displayed over week numbers in the calendar.
+     *
+     * @since 5.0.0-beta.0
+     */
+    weekNumbersLabel: StringConstructor;
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("date-hover" | "calendar-date-change" | "start-date-change" | "end-date-change")[], "date-hover" | "calendar-date-change" | "start-date-change" | "end-date-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Default date of the component
+     */
+    calendarDate: PropType<string | Date | null>;
+    /**
+     * The number of calendars that render on desktop devices.
+     */
+    calendars: {
+        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.
+     */
+    disabledDates: {
+        type: PropType<Date[] | Date[][]>;
+    };
+    /**
+     * Initial selected to date (range).
+     */
+    endDate: PropType<string | Date | null>;
+    /**
+     * Sets the day of start week.
+     * - 0 - Sunday,
+     * - 1 - Monday,
+     * - 2 - Tuesday,
+     * - 3 - Wednesday,
+     * - 4 - Thursday,
+     * - 5 - Friday,
+     * - 6 - Saturday,
+     */
+    firstDayOfWeek: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Sets the default locale for components. If not set, it is inherited from the navigator.language.
+     */
+    locale: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Max selectable date.
+     */
+    maxDate: PropType<string | Date | null>;
+    /**
+     * Min selectable date.
+     */
+    minDate: PropType<string | Date | null>;
+    /**
+     * Show arrows navigation.
+     */
+    navigation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Reorder year-month navigation, and render year first.
+     *
+     * @since 4.6.0
+     */
+    navYearFirst: BooleanConstructor;
+    /**
+     * Allow range selection.
+     */
+    range: BooleanConstructor;
+    /**
+     * Toggle select mode between start and end date.
+     */
+    selectEndDate: BooleanConstructor;
+    /**
+     * Set whether days in adjacent months shown before or after the current month are selectable. This only applies if the `showAdjacementDays` option is set to true.
+     *
+     * @since 4.9.0
+     */
+    selectAdjacementDays: BooleanConstructor;
+    /**
+     * Specify the type of date selection as day, week, month, or year.
+     *
+     * @since 5.0.0-beta.0
+     */
+    selectionType: {
+        type: PropType<"day" | "week" | "month" | "year">;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Set whether to display dates in adjacent months (non-selectable) at the start and end of the current month.
+     *
+     * @since 4.9.0
+     */
+    showAdjacementDays: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Set whether to display week numbers in the calendar.
+     *
+     * @since 5.0.0-beta.0
+     */
+    showWeekNumber: BooleanConstructor;
+    /**
+     * Initial selected date.
+     */
+    startDate: PropType<string | Date | null>;
+    /**
+     * Set length or format of day name.
+     *
+     * @type  number | 'long' | 'narrow' | 'short'
+     */
+    weekdayFormat: {
+        type: (NumberConstructor | StringConstructor | FunctionConstructor)[];
+        default: number;
+        validator: (value: string | number) => boolean;
+    };
+    /**
+     * Label displayed over week numbers in the calendar.
+     *
+     * @since 5.0.0-beta.0
+     */
+    weekNumbersLabel: StringConstructor;
+}>> & {
+    "onDate-hover"?: ((...args: any[]) => any) | undefined;
+    "onCalendar-date-change"?: ((...args: any[]) => any) | undefined;
+    "onStart-date-change"?: ((...args: any[]) => any) | undefined;
+    "onEnd-date-change"?: ((...args: any[]) => any) | undefined;
+}, {
+    calendars: number;
+    dayFormat: string | Function;
+    firstDayOfWeek: number;
+    locale: string;
+    navigation: boolean;
+    navYearFirst: boolean;
+    range: boolean;
+    selectEndDate: boolean;
+    selectAdjacementDays: boolean;
+    selectionType: "day" | "week" | "month" | "year";
+    showAdjacementDays: boolean;
+    showWeekNumber: boolean;
+    weekdayFormat: string | number | Function;
+}, {}>;
+export { CCalendar };