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

package/dist/esm/components/time-picker/CTimePicker.js

@@ -0,0 +1,539 @@
+import { defineComponent, ref, watch, h } from 'vue';
+import { CButton } from '../button/CButton.js';
+import { CFormControlWrapper } from '../form/CFormControlWrapper.js';
+import { CPicker } from '../picker/CPicker.js';
+import { CTimePickerRollCol } from './CTimePickerRollCol.js';
+import { convertTimeToDate, getAmPm, getLocalizedTimePartials, isValidTime, getSelectedHour, getSelectedMinutes, getSelectedSeconds, convert12hTo24h } from './utils.js';
+import { Color } from '../props.js';
+
+const CTimePicker = defineComponent({
+    name: 'CTimePicker',
+    props: {
+        ...CPicker.props,
+        /**
+         * Set if the component should use the 12/24 hour format. If `true` forces the interface to a 12-hour format. If `false` forces the interface into a 24-hour format. If `auto` the current locale will determine the 12 or 24-hour interface by default locales.
+         *
+         * @since 4.7.0
+         */
+        ampm: {
+            type: [Boolean, String],
+            default: 'auto',
+            validator: (value) => {
+                if (typeof value == 'string') {
+                    return ['auto'].includes(value);
+                }
+                if (typeof value == 'boolean') {
+                    return true;
+                }
+                return false;
+            },
+        },
+        /**
+         * Toggle visibility or set the content of cancel button.
+         */
+        cancelButton: {
+            type: [Boolean, String],
+            default: 'Cancel',
+        },
+        /**
+         * Sets the color context of the cancel button to one of CoreUI’s themed colors.
+         *
+         * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
+         */
+        cancelButtonColor: {
+            ...Color,
+            default: 'primary',
+        },
+        /**
+         * Size the cancel button small or large.
+         *
+         * @values 'sm', 'lg'
+         */
+        cancelButtonSize: {
+            type: String,
+            default: 'sm',
+            validator: (value) => {
+                return ['sm', 'lg'].includes(value);
+            },
+        },
+        /**
+         * Set the cancel button variant to an outlined button or a ghost button.
+         *
+         * @values 'ghost', 'outline'
+         */
+        cancelButtonVariant: {
+            type: String,
+            default: 'ghost',
+            validator: (value) => {
+                return ['ghost', 'outline'].includes(value);
+            },
+        },
+        /**
+         * Toggle visibility of the cleaner button.
+         */
+        cleaner: {
+            type: Boolean,
+            default: true,
+        },
+        /**
+         * Toggle visibility or set the content of confirm button.
+         */
+        confirmButton: {
+            type: [Boolean, String],
+            default: 'OK',
+        },
+        /**
+         * Sets the color context of the confirm button to one of CoreUI’s themed colors.
+         *
+         * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
+         */
+        confirmButtonColor: {
+            ...Color,
+            default: 'primary',
+        },
+        /**
+         * Size the confirm button small or large.
+         *
+         * @values 'sm', 'lg'
+         */
+        confirmButtonSize: {
+            type: String,
+            default: 'sm',
+            validator: (value) => {
+                return ['sm', 'lg'].includes(value);
+            },
+        },
+        /**
+         * Set the confirm button variant to an outlined button or a ghost button.
+         *
+         * @values 'ghost', 'outline'
+         */
+        confirmButtonVariant: {
+            type: String,
+            validator: (value) => {
+                return ['ghost', 'outline'].includes(value);
+            },
+        },
+        /**
+         * Provide valuable, actionable feedback.
+         *
+         * @since 4.6.0
+         */
+        feedback: String,
+        /**
+         * Provide valuable, actionable feedback.
+         *
+         * @since 4.6.0
+         */
+        feedbackInvalid: String,
+        /**
+         * 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: String,
+        /**
+         * The id global attribute defines an identifier (ID) that must be unique in the whole document.
+         */
+        id: String,
+        /**
+         * Toggle visibility or set the content of the input indicator.
+         */
+        indicator: {
+            type: Boolean,
+            default: true,
+        },
+        /**
+         * Toggle the readonly state for the component.
+         */
+        inputReadOnly: Boolean,
+        /**
+         * Set component validation state to invalid.
+         *
+         * @since 4.6.0
+         */
+        invalid: {
+            type: Boolean,
+            default: undefined,
+        },
+        /**
+         * Add a caption for a component.
+         *
+         * @since 4.6.0
+         */
+        label: String,
+        /**
+         * Sets the default locale for components. If not set, it is inherited from the navigator.language.
+         */
+        locale: {
+            type: String,
+            defalut: 'default',
+        },
+        /**
+         * Specifies a short hint that is visible in the input.
+         */
+        placeholder: {
+            type: String,
+            default: 'Select time',
+        },
+        /**
+         * When present, it specifies that must be filled out before submitting the form.
+         *
+         * @since 4.9.0
+         */
+        required: Boolean,
+        /**
+         * Show seconds.
+         *
+         * @since 4.7.0
+         */
+        seconds: {
+            type: Boolean,
+            default: true,
+        },
+        /**
+         * Size the component small or large.
+         *
+         * @values 'sm', 'lg'
+         */
+        size: {
+            type: String,
+            default: undefined,
+            validator: (value) => {
+                return ['sm', 'lg'].includes(value);
+            },
+        },
+        /**
+         * Add helper text to the component.
+         *
+         * @since 4.6.0
+         */
+        text: String,
+        /**
+         * Initial selected time.
+         */
+        time: [Date, String],
+        /**
+         * Display validation feedback in a styled tooltip.
+         *
+         * @since 4.6.0
+         */
+        tooltipFeedback: Boolean,
+        /**
+         * Set component validation state to valid.
+         *
+         * @since 4.6.0
+         */
+        valid: {
+            type: Boolean,
+            default: undefined,
+        },
+        /**
+         * Set the time picker variant to a roll or select.
+         *
+         * @values 'roll', 'select'
+         */
+        variant: {
+            type: String,
+            default: 'roll',
+            validator: (value) => {
+                return ['roll', 'select'].includes(value);
+            },
+        },
+        /**
+         * Toggle the visibility of the component.
+         */
+        visible: Boolean,
+    },
+    emits: [
+        /**
+         * Callback fired when the time changed.
+         */
+        'change',
+        /**
+         * Callback fired when the component requests to be hidden.
+         */
+        'hide',
+        /**
+         * Callback fired when the component requests to be shown.
+         */
+        'show',
+        /**
+         * Callback fired when the time changed.
+         *
+         * @since 4.7.0
+         */
+        'update:time',
+    ],
+    setup(props, { emit, attrs, slots }) {
+        const formRef = ref();
+        const inputRef = ref();
+        const date = ref(convertTimeToDate(props.time));
+        const ampm = ref(date.value ? getAmPm(new Date(date.value), props.locale) : 'am');
+        const initialDate = ref(null);
+        const visible = ref(props.visible);
+        const localizedTimePartials = ref({
+            listOfHours: [],
+            listOfMinutes: [],
+            listOfSeconds: [],
+            hour12: false,
+        });
+        const isValid = ref(props.valid ?? (props.invalid === true ? false : undefined));
+        watch(() => props.time, () => {
+            date.value = convertTimeToDate(props.time);
+        });
+        watch(() => [props.valid, props.invalid], () => {
+            isValid.value = props.valid ?? (props.invalid === true ? false : undefined);
+        });
+        watch(date, () => {
+            localizedTimePartials.value = getLocalizedTimePartials(props.locale, props.ampm);
+            if (date.value) {
+                ampm.value = getAmPm(new Date(date.value), props.locale);
+            }
+        }, { immediate: true });
+        watch(inputRef, () => {
+            if (inputRef.value && inputRef.value.form) {
+                formRef.value = inputRef.value.form;
+            }
+        });
+        watch([formRef, date], () => {
+            if (formRef.value) {
+                formRef.value.addEventListener('submit', (event) => {
+                    setTimeout(() => handleFormValidation(event.target));
+                });
+                handleFormValidation(formRef.value);
+            }
+        });
+        const handleClear = (event) => {
+            event.stopPropagation();
+            date.value = null;
+            emit('change', null);
+            emit('update:time', null);
+        };
+        const handleFormValidation = (form) => {
+            if (!form.classList.contains('was-validated')) {
+                return;
+            }
+            if (date.value) {
+                isValid.value = true;
+                return;
+            }
+            isValid.value = false;
+        };
+        const handleTimeChange = (set, value) => {
+            const _date = date.value || new Date('1970-01-01');
+            if (set === 'toggle') {
+                if (value === 'am') {
+                    _date.setHours(_date.getHours() - 12);
+                }
+                if (value === 'pm') {
+                    _date.setHours(_date.getHours() + 12);
+                }
+            }
+            if (set === 'hours') {
+                if (localizedTimePartials.value && localizedTimePartials.value.hour12) {
+                    _date.setHours(convert12hTo24h(ampm.value, Number.parseInt(value)));
+                }
+                else {
+                    _date.setHours(Number.parseInt(value));
+                }
+            }
+            if (set === 'minutes') {
+                _date.setMinutes(Number.parseInt(value));
+            }
+            if (set === 'seconds') {
+                _date.setSeconds(Number.parseInt(value));
+            }
+            date.value = new Date(_date);
+            emit('change', _date.toTimeString(), _date.toLocaleTimeString(props.locale), _date);
+            emit('update:time', _date.toLocaleTimeString(props.locale));
+        };
+        const InputGroup = () => h('div', { class: 'time-picker-input-group' }, [
+            h('input', {
+                autocomplete: 'off',
+                class: 'time-picker-input',
+                disabled: props.disabled,
+                onInput: (event) => {
+                    if (isValidTime(event.target.value)) {
+                        date.value = convertTimeToDate(event.target.value);
+                    }
+                },
+                placeholder: props.placeholder,
+                readonly: props.inputReadOnly,
+                ref: inputRef,
+                required: props.required,
+                value: date.value
+                    ? date.value.toLocaleTimeString(props.locale, {
+                        hour12: localizedTimePartials.value && localizedTimePartials.value.hour12,
+                        ...(!props.seconds && { timeStyle: 'short' }),
+                    })
+                    : '',
+            }),
+            props.indicator && h('div', { class: 'time-picker-indicator' }),
+            props.cleaner &&
+                date.value &&
+                h('div', {
+                    class: 'time-picker-cleaner',
+                    onClick: (event) => handleClear(event),
+                }),
+        ]);
+        const TimePickerSelect = () => [
+            h('span', { class: 'time-picker-inline-icon' }),
+            h('select', {
+                class: 'time-picker-inline-select',
+                disabled: props.disabled,
+                onChange: (event) => handleTimeChange('hours', event.target.value),
+                ...(date.value && { value: getSelectedHour(date.value, props.locale) }),
+            }, localizedTimePartials.value &&
+                localizedTimePartials.value.listOfHours.map((option) => h('option', {
+                    value: option.value.toString(),
+                }, option.label))),
+            ':',
+            h('select', {
+                class: 'time-picker-inline-select',
+                disabled: props.disabled,
+                onChange: (event) => handleTimeChange('minutes', event.target.value),
+                ...(date.value && { value: getSelectedMinutes(date.value) }),
+            }, localizedTimePartials.value &&
+                localizedTimePartials.value.listOfMinutes?.map((option) => h('option', {
+                    value: option.value.toString(),
+                }, option.label))),
+            props.seconds && ':',
+            props.seconds &&
+                h('select', {
+                    class: 'time-picker-inline-select',
+                    disabled: props.disabled,
+                    onChange: (event) => handleTimeChange('seconds', event.target.value),
+                    ...(date.value && { value: getSelectedSeconds(date.value) }),
+                }, localizedTimePartials.value &&
+                    localizedTimePartials.value.listOfSeconds?.map((option) => h('option', {
+                        value: option.value.toString(),
+                    }, option.label))),
+            localizedTimePartials.value &&
+                localizedTimePartials.value.hour12 &&
+                h('select', {
+                    class: 'time-picker-inline-select',
+                    disabled: props.disabled,
+                    onChange: (event) => handleTimeChange('toggle', event.target.value),
+                    value: ampm.value,
+                }, [
+                    h('option', {
+                        value: 'am',
+                    }, 'AM'),
+                    h('option', {
+                        value: 'pm',
+                    }, 'PM'),
+                ]),
+        ];
+        const TimePickerRoll = () => [
+            h(CTimePickerRollCol, {
+                elements: localizedTimePartials.value && localizedTimePartials.value.listOfHours,
+                onClick: (index) => handleTimeChange('hours', index.toString()),
+                selected: getSelectedHour(date.value, props.locale, props.ampm),
+            }),
+            h(CTimePickerRollCol, {
+                elements: localizedTimePartials.value && localizedTimePartials.value.listOfMinutes,
+                onClick: (index) => handleTimeChange('minutes', index.toString()),
+                selected: getSelectedMinutes(date.value),
+            }),
+            props.seconds &&
+                h(CTimePickerRollCol, {
+                    elements: localizedTimePartials.value && localizedTimePartials.value.listOfSeconds,
+                    onClick: (index) => handleTimeChange('seconds', index.toString()),
+                    selected: getSelectedSeconds(date.value),
+                }),
+            localizedTimePartials.value &&
+                localizedTimePartials.value.hour12 &&
+                h(CTimePickerRollCol, {
+                    elements: [
+                        { value: 'am', label: 'AM' },
+                        { value: 'pm', label: 'PM' },
+                    ],
+                    onClick: (value) => handleTimeChange('toggle', value),
+                    selected: ampm.value,
+                }),
+        ];
+        return () => h(CFormControlWrapper, {
+            describedby: attrs['aria-describedby'],
+            feedback: props.feedback,
+            feedbackInvalid: props.feedbackInvalid,
+            feedbackValid: props.feedbackValid,
+            id: props.id,
+            invalid: isValid.value === false ? true : false,
+            label: props.label,
+            text: props.text,
+            tooltipFeedback: props.tooltipFeedback,
+            valid: isValid.value,
+        }, {
+            default: () => h(CPicker, {
+                class: [
+                    'time-picker',
+                    {
+                        [`time-picker-${props.size}`]: props.size,
+                        disabled: props.disabled,
+                        'is-invalid': isValid.value === false ? true : false,
+                        'is-valid': isValid.value,
+                    },
+                ],
+                container: props.container,
+                disabled: props.disabled,
+                dropdownClassNames: 'time-picker-dropdown',
+                footer: true,
+                onHide: () => {
+                    visible.value = false;
+                    emit('hide');
+                },
+                onShow: () => {
+                    if (date.value) {
+                        initialDate.value = new Date(date.value);
+                    }
+                    visible.value = true;
+                    emit('show');
+                },
+                visible: visible.value,
+            }, {
+                ...(slots.cancelButton && {
+                    cancelButton: () => slots.cancelButton && slots.cancelButton(),
+                }),
+                ...(slots.confirmButton && {
+                    confirmButton: () => slots.confirmButton && slots.confirmButton(),
+                }),
+                toggler: () => InputGroup(),
+                default: () => h('div', {
+                    class: [
+                        'time-picker-body',
+                        {
+                            ['time-picker-roll']: props.variant === 'roll',
+                        },
+                    ],
+                }, props.variant === 'select' ? TimePickerSelect() : TimePickerRoll()),
+                footer: () => h('div', { class: 'time-picker-footer' }, [
+                    props.cancelButton &&
+                        h(CButton, {
+                            color: props.cancelButtonColor,
+                            onClick: () => {
+                                if (initialDate.value) {
+                                    date.value = new Date(initialDate.value);
+                                }
+                                visible.value = false;
+                            },
+                            size: props.cancelButtonSize,
+                            variant: props.cancelButtonVariant,
+                        }, () => props.cancelButton),
+                    props.confirmButton &&
+                        h(CButton, {
+                            color: props.confirmButtonColor,
+                            onClick: () => {
+                                visible.value = false;
+                            },
+                            size: props.confirmButtonSize,
+                            variant: props.confirmButtonVariant,
+                        }, () => props.confirmButton),
+                ]),
+            }),
+        });
+    },
+});
+
+export { CTimePicker };
+//# sourceMappingURL=CTimePicker.js.map

package/dist/esm/components/time-picker/CTimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTimePicker.js","sources":["../../../../src/components/time-picker/CTimePicker.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/esm/components/time-picker/CTimePickerRollCol.d.ts

@@ -0,0 +1,27 @@
+import { PropType } from 'vue';
+export interface Element {
+    value: number | string;
+    label: number | string;
+}
+declare const CTimePickerRollCol: import("vue").DefineComponent<{
+    elements: {
+        type: PropType<Element[]>;
+        required: true;
+    };
+    selected: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    elements: {
+        type: PropType<Element[]>;
+        required: true;
+    };
+    selected: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export { CTimePickerRollCol };

package/dist/esm/components/time-picker/CTimePickerRollCol.js

@@ -0,0 +1,63 @@
+import { defineComponent, ref, watch, onUpdated, h } from 'vue';
+import { useIsVisible } from '../../composables/useIsVisible.js';
+import '@popperjs/core';
+
+const CTimePickerRollCol = defineComponent({
+    name: 'CTimePickerRollCol',
+    props: {
+        elements: {
+            type: Array,
+            required: true,
+        },
+        selected: {
+            type: [Number, String],
+        },
+    },
+    emits: ['click'],
+    setup(props, { emit }) {
+        const init = ref(true);
+        const colRef = ref();
+        const isVisible = useIsVisible(colRef);
+        const scrollToSelectedElement = () => {
+            const nodeEl = colRef.value?.querySelector('.selected');
+            if (isVisible.value && nodeEl && nodeEl instanceof HTMLElement) {
+                colRef.value?.scrollTo({
+                    top: nodeEl.offsetTop,
+                    behavior: init.value ? 'auto' : 'smooth',
+                });
+            }
+        };
+        watch(isVisible, () => {
+            scrollToSelectedElement();
+            if (isVisible.value) {
+                init.value = false;
+            }
+        });
+        onUpdated(() => {
+            scrollToSelectedElement();
+        });
+        const handleKeyDown = (event, value) => {
+            if (event.code === 'Space' || event.key === 'Enter') {
+                event.preventDefault();
+                emit('click', value);
+            }
+        };
+        return () => h('div', { class: 'time-picker-roll-col', ref: colRef }, props.elements.map((element) => {
+            return h('div', {
+                class: [
+                    'time-picker-roll-cell',
+                    {
+                        selected: element.value === props.selected,
+                    },
+                ],
+                onClick: () => emit('click', element.value),
+                onKeydown: (event) => handleKeyDown(event, element.value),
+                role: 'button',
+                tabindex: 0,
+            }, element.label);
+        }));
+    },
+});
+
+export { CTimePickerRollCol };
+//# sourceMappingURL=CTimePickerRollCol.js.map

package/dist/esm/components/time-picker/CTimePickerRollCol.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTimePickerRollCol.js","sources":["../../../../src/components/time-picker/CTimePickerRollCol.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AASM,MAAA,kBAAkB,GAAG,eAAe,CAAC;AACzC,IAAA,IAAI,EAAE,oBAAoB;AAC1B,IAAA,KAAK,EAAE;AACL,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,KAA4B;AAClC,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AACvB,SAAA;AACF,KAAA;IACD,KAAK,EAAE,CAAC,OAAO,CAAC;AAChB,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,EAAA;AACnB,QAAA,MAAM,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC,CAAA;AACtB,QAAA,MAAM,MAAM,GAAG,GAAG,EAAe,CAAA;AACjC,QAAA,MAAM,SAAS,GAAG,YAAY,CAAC,MAAM,CAAC,CAAA;QAEtC,MAAM,uBAAuB,GAAG,MAAK;YACnC,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,CAAA;YACvD,IAAI,SAAS,CAAC,KAAK,IAAI,MAAM,IAAI,MAAM,YAAY,WAAW,EAAE;AAC9D,gBAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC;oBACrB,GAAG,EAAE,MAAM,CAAC,SAAS;oBACrB,QAAQ,EAAE,IAAI,CAAC,KAAK,GAAG,MAAM,GAAG,QAAQ;AACzC,iBAAA,CAAC,CAAA;AACH,aAAA;AACH,SAAC,CAAA;AAED,QAAA,KAAK,CAAC,SAAS,EAAE,MAAK;AACpB,YAAA,uBAAuB,EAAE,CAAA;YAEzB,IAAI,SAAS,CAAC,KAAK,EAAE;AACnB,gBAAA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;AACnB,aAAA;AACH,SAAC,CAAC,CAAA;QAEF,SAAS,CAAC,MAAK;AACb,YAAA,uBAAuB,EAAE,CAAA;AAC3B,SAAC,CAAC,CAAA;AAEF,QAAA,MAAM,aAAa,GAAG,CAAC,KAAoB,EAAE,KAAsB,KAAI;YACrE,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;gBACnD,KAAK,CAAC,cAAc,EAAE,CAAA;AACtB,gBAAA,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;AACrB,aAAA;AACH,SAAC,CAAA;QAED,OAAO,MACL,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,sBAAsB,EAAE,GAAG,EAAE,MAAM,EAAE,EAC9C,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,KAAI;YAC7B,OAAO,CAAC,CACN,KAAK,EACL;AACE,gBAAA,KAAK,EAAE;oBACL,uBAAuB;AACvB,oBAAA;AACE,wBAAA,QAAQ,EAAE,OAAO,CAAC,KAAK,KAAK,KAAK,CAAC,QAAQ;AAC3C,qBAAA;AACF,iBAAA;gBACD,OAAO,EAAE,MAAM,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC;AAC3C,gBAAA,SAAS,EAAE,CAAC,KAAoB,KAAK,aAAa,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC;AACxE,gBAAA,IAAI,EAAE,QAAQ;AACd,gBAAA,QAAQ,EAAE,CAAC;AACZ,aAAA,EACD,OAAO,CAAC,KAAK,CACd,CAAA;SACF,CAAC,CACH,CAAA;KACJ;AACF,CAAA;;;;"}

package/dist/esm/components/time-picker/index.d.ts

@@ -0,0 +1,6 @@
+import { App } from 'vue';
+import { CTimePicker } from './CTimePicker';
+declare const CTimePickerPlugin: {
+    install: (app: App) => void;
+};
+export { CTimePicker, CTimePickerPlugin };

package/dist/esm/components/time-picker/index.js

@@ -0,0 +1,10 @@
+import { CTimePicker } from './CTimePicker.js';
+
+const CTimePickerPlugin = {
+    install: (app) => {
+        app.component(CTimePicker.name, CTimePicker);
+    },
+};
+
+export { CTimePicker, CTimePickerPlugin };
+//# sourceMappingURL=index.js.map