@coreui/vue-pro 5.16.0 → 5.17.1

package/dist/esm/components/one-time-password-input/COneTimePassword.js

@@ -0,0 +1,391 @@
+import { defineComponent, ref, computed, watch, h, nextTick } from 'vue';
+import { CFormControlWrapper } from '../form/CFormControlWrapper.js';
+import { COneTimePasswordInput } from './COneTimePasswordInput.js';
+import { extractValidChars, isValidInput } from './utils.js';
+import getNextActiveElement from '../../utils/getNextActiveElement.js';
+import isRTL from '../../utils/isRTL.js';
+
+const COneTimePassword = defineComponent({
+    name: 'COneTimePassword',
+    inheritAttrs: false,
+    props: {
+        /**
+         * Function to generate aria-label for each input field. Receives current index (0-based) and total number of inputs.
+         */
+        ariaLabel: {
+            type: Function,
+            default: (index, total) => `Digit ${index + 1} of ${total}`,
+        },
+        /**
+         * Automatically submit the form when all one time password fields are filled.
+         */
+        autoSubmit: {
+            type: Boolean,
+            default: false,
+        },
+        /**
+         * Disable all one time password (OTP) input fields.
+         */
+        disabled: {
+            type: Boolean,
+            default: false,
+        },
+        /**
+         * Initial value for uncontrolled Vue.js one time password input.
+         */
+        defaultValue: [String, Number],
+        /**
+         * Provide valuable, actionable feedback.
+         */
+        feedback: String,
+        /**
+         * Provide valuable, actionable feedback.
+         */
+        feedbackInvalid: String,
+        /**
+         * Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+         */
+        feedbackValid: String,
+        /**
+         * A string of all className you want applied to the floating label wrapper.
+         */
+        floatingClassName: String,
+        /**
+         * Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+         */
+        floatingLabel: String,
+        /**
+         * ID attribute for the hidden input field.
+         */
+        id: String,
+        /**
+         * Set component validation state to invalid.
+         */
+        invalid: Boolean,
+        /**
+         * Add a caption for a component.
+         */
+        label: String,
+        /**
+         * Enforce sequential input (users must fill fields in order).
+         */
+        linear: {
+            type: Boolean,
+            default: true,
+        },
+        /**
+         * Show input as password (masked characters).
+         */
+        masked: {
+            type: Boolean,
+            default: false,
+        },
+        /**
+         * The default name for a value passed using v-model.
+         */
+        modelValue: [String, Number],
+        /**
+         * Name attribute for the hidden input field.
+         */
+        name: String,
+        /**
+         * Placeholder text for input fields. Single character applies to all fields, longer strings apply character-by-character.
+         */
+        placeholder: String,
+        /**
+         * Make Vue.js OTP input component read-only.
+         */
+        readonly: {
+            type: Boolean,
+            default: false,
+        },
+        /**
+         * Makes the input field required for form validation.
+         */
+        required: {
+            type: Boolean,
+            default: false,
+        },
+        /**
+         * Sets the visual size of the Vue.js one time password (OTP) input. Use 'sm' for small or 'lg' for large input fields.
+         */
+        size: {
+            type: String,
+            validator: (value) => ['sm', 'lg'].includes(value),
+        },
+        /**
+         * Add helper text to the component.
+         */
+        text: String,
+        /**
+         * Display validation feedback in a styled tooltip.
+         */
+        tooltipFeedback: Boolean,
+        /**
+         * Input validation type: 'number' for digits only, or 'text' for free text.
+         */
+        type: {
+            type: String,
+            default: 'number',
+            validator: (value) => ['number', 'text'].includes(value),
+        },
+        /**
+         * Set component validation state to valid.
+         */
+        valid: Boolean,
+        /**
+         * The current value of the one time password input.
+         */
+        value: [String, Number],
+    },
+    emits: [
+        /**
+         * Callback triggered when the Vue.js one time password (OTP) value changes.
+         */
+        'update:modelValue',
+        /**
+         * Callback triggered when the Vue.js one time password (OTP) value changes.
+         */
+        'change',
+        /**
+         * Callback triggered when all Vue.js one time password (OTP) fields are filled.
+         */
+        'complete',
+    ],
+    setup(props, { attrs, slots, emit }) {
+        const inputRefs = ref([]);
+        const hiddenInputRef = ref(null);
+        const inputValues = ref([]);
+        // Count valid OTP input children
+        const inputCount = computed(() => {
+            return inputRefs.value.filter((ref) => ref !== null).length;
+        });
+        // Initialize input values
+        const initializeValues = () => {
+            const initialValue = String(props.modelValue ?? props.value ?? props.defaultValue ?? '');
+            inputValues.value = Array.from({ length: inputCount.value }, (_, i) => initialValue[i] || '');
+        };
+        // Watch for changes in modelValue or value (controlled mode)
+        watch(() => props.modelValue ?? props.value, (newValue) => {
+            if (newValue !== undefined) {
+                const valueString = String(newValue);
+                inputValues.value = Array.from({ length: inputCount.value }, (_, i) => valueString[i] || '');
+            }
+        }, { immediate: true });
+        // Watch for changes in inputCount
+        watch(inputCount, initializeValues, { immediate: true });
+        // Update hidden input and trigger events
+        const updateValue = (newValues) => {
+            const newValue = newValues.join('');
+            if (hiddenInputRef.value) {
+                hiddenInputRef.value.value = newValue;
+            }
+            emit('update:modelValue', newValue);
+            emit('change', newValue);
+            if (newValue.length === inputCount.value) {
+                emit('complete', newValue);
+                if (props.autoSubmit) {
+                    nextTick(() => {
+                        const form = hiddenInputRef.value?.closest('form');
+                        if (form && typeof form.requestSubmit === 'function') {
+                            form.requestSubmit();
+                        }
+                    });
+                }
+            }
+        };
+        const handleInputChange = (index, event) => {
+            const target = event.target;
+            const inputValue = target.value;
+            if (inputValue.length === 1 && !isValidInput(inputValue, props.type)) {
+                return;
+            }
+            const newValues = [...inputValues.value];
+            newValues[index] = inputValue.length === 1 ? inputValue : '';
+            inputValues.value = newValues;
+            updateValue(newValues);
+            if (inputValue.length === 1) {
+                const nextInput = getNextActiveElement(inputRefs.value.filter(Boolean), target, true, false);
+                nextInput?.focus();
+            }
+        };
+        const handleInputFocus = (event) => {
+            const target = event.target;
+            if (target.value) {
+                setTimeout(() => {
+                    target.select();
+                }, 0);
+                return;
+            }
+            if (props.linear) {
+                const firstEmptyInput = inputRefs.value.find((input) => !input?.value);
+                if (firstEmptyInput && firstEmptyInput !== target) {
+                    firstEmptyInput.focus();
+                }
+            }
+        };
+        const handleKeyDown = (event) => {
+            const { key, target } = event;
+            if (key === 'Backspace' && target.value === '') {
+                const newValues = [...inputValues.value];
+                const prevInput = getNextActiveElement(inputRefs.value.filter(Boolean), target, false, false);
+                if (prevInput) {
+                    const prevIndex = inputRefs.value.indexOf(prevInput);
+                    if (prevIndex !== -1) {
+                        newValues[prevIndex] = '';
+                        inputValues.value = newValues;
+                        updateValue(newValues);
+                        prevInput.focus();
+                    }
+                }
+                return;
+            }
+            if (key === 'ArrowRight') {
+                if (props.linear && target.value === '') {
+                    return;
+                }
+                const shouldMoveNext = !isRTL(target);
+                const nextInput = getNextActiveElement(inputRefs.value.filter(Boolean), target, shouldMoveNext, false);
+                nextInput?.focus();
+                return;
+            }
+            if (key === 'ArrowLeft') {
+                const shouldMoveNext = isRTL(target);
+                const prevInput = getNextActiveElement(inputRefs.value.filter(Boolean), target, shouldMoveNext, false);
+                prevInput?.focus();
+            }
+        };
+        const handlePaste = (index, event) => {
+            event.preventDefault();
+            const pastedData = event.clipboardData?.getData('text') || '';
+            const validChars = extractValidChars(pastedData, props.type);
+            if (!validChars) {
+                return;
+            }
+            const newValues = [...inputValues.value];
+            const startIndex = index;
+            for (let i = 0; i < validChars.length && startIndex + i < inputCount.value; i++) {
+                newValues[startIndex + i] = validChars[i];
+            }
+            inputValues.value = newValues;
+            updateValue(newValues);
+            // Focus the next empty input or the last filled input
+            const nextEmptyIndex = startIndex + validChars.length;
+            if (nextEmptyIndex < inputCount.value) {
+                inputRefs.value[nextEmptyIndex]?.focus();
+            }
+            else {
+                inputRefs.value[inputRefs.value.length - 1]?.focus();
+            }
+        };
+        return () => {
+            if (!slots.default) {
+                return null;
+            }
+            const children = slots.default();
+            let inputIndex = 0;
+            const processedChildren = children?.map((child) => {
+                if (child.type && child.type.name === 'COneTimePasswordInput') {
+                    const currentInputIndex = inputIndex++;
+                    return h(COneTimePasswordInput, {
+                        ...child.props,
+                        key: `otp-input-${currentInputIndex}`,
+                        type: props.masked ? 'password' : 'text',
+                        class: [
+                            {
+                                'is-invalid': props.invalid,
+                                'is-valid': props.valid,
+                            },
+                            child.props?.class,
+                        ],
+                        id: child.props?.id || (props.id ? `${props.id}-${currentInputIndex}` : undefined),
+                        name: child.props?.name || (props.name ? `${props.name}-${currentInputIndex}` : undefined),
+                        placeholder: child.props?.placeholder ||
+                            (props.placeholder && props.placeholder.length > 1
+                                ? props.placeholder[currentInputIndex]
+                                : props.placeholder),
+                        value: inputValues.value[currentInputIndex] || '',
+                        tabindex: currentInputIndex === 0 ? 0 : inputValues.value[currentInputIndex - 1] ? 0 : -1,
+                        disabled: props.disabled || child.props?.disabled,
+                        readonly: props.readonly || child.props?.readonly,
+                        required: props.required || child.props?.required,
+                        'aria-label': child.props?.['aria-label'] || props.ariaLabel(currentInputIndex, inputCount.value),
+                        inputmode: props.type === 'number' ? 'numeric' : 'text',
+                        pattern: props.type === 'number' ? '[0-9]*' : '.*',
+                        onInput: (event) => {
+                            handleInputChange(currentInputIndex, event);
+                        },
+                        onFocus: handleInputFocus,
+                        onKeydown: (event) => {
+                            handleKeyDown(event);
+                        },
+                        onPaste: (event) => {
+                            handlePaste(currentInputIndex, event);
+                        },
+                        ref: (el) => {
+                            // Get the actual DOM element - handle both direct elements and component instances
+                            if (el) {
+                                // If it's a component instance, get the DOM element
+                                const domElement = el.$el || el;
+                                // Ensure it's actually an HTMLInputElement
+                                if (domElement && domElement.tagName === 'INPUT') {
+                                    inputRefs.value[currentInputIndex] = domElement;
+                                }
+                                else {
+                                    inputRefs.value[currentInputIndex] = el;
+                                }
+                            }
+                            else {
+                                inputRefs.value[currentInputIndex] = null;
+                            }
+                        },
+                    });
+                }
+                return child;
+            });
+            return h(CFormControlWrapper, {
+                ...(typeof attrs['aria-describedby'] === 'string' && {
+                    describedby: attrs['aria-describedby'],
+                }),
+                feedback: props.feedback,
+                feedbackInvalid: props.feedbackInvalid,
+                feedbackValid: props.feedbackValid,
+                floatingClassName: props.floatingClassName,
+                floatingLabel: props.floatingLabel,
+                id: props.id,
+                invalid: props.invalid,
+                label: props.label,
+                text: props.text,
+                tooltipFeedback: props.tooltipFeedback,
+                valid: props.valid,
+            }, {
+                default: () => [
+                    h('div', {
+                        class: [
+                            'form-otp',
+                            {
+                                [`form-otp-${props.size}`]: props.size,
+                            },
+                            attrs.class,
+                        ],
+                        role: 'group',
+                        ...attrs,
+                    }, [
+                        ...processedChildren,
+                        h('input', {
+                            type: 'hidden',
+                            id: props.id,
+                            name: props.name,
+                            value: inputValues.value.join(''),
+                            disabled: props.disabled,
+                            ref: hiddenInputRef,
+                        }),
+                    ]),
+                ],
+            });
+        };
+    },
+});
+
+export { COneTimePassword };
+//# sourceMappingURL=COneTimePassword.js.map

package/dist/esm/components/one-time-password-input/COneTimePassword.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"COneTimePassword.js","sources":["../../../../src/components/one-time-password-input/COneTimePassword.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAMA,MAAM,gBAAgB,GAAG,eAAe,CAAC;AACvC,IAAA,IAAI,EAAE,kBAAkB;AACxB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,OAAO,EAAE,CAAC,KAAa,EAAE,KAAa,KAAK,CAAA,MAAA,EAAS,KAAK,GAAG,CAAC,CAAA,IAAA,EAAO,KAAK,CAAA,CAAE;AAC5E,SAAA;AACD;;AAEG;AACH,QAAA,UAAU,EAAE;AACV,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,OAAO,EAAE,KAAK;AACf,SAAA;AACD;;AAEG;AACH,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,OAAO,EAAE,KAAK;AACf,SAAA;AACD;;AAEG;AACH,QAAA,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC9B;;AAEG;AACH,QAAA,QAAQ,EAAE,MAAM;AAChB;;AAEG;AACH,QAAA,eAAe,EAAE,MAAM;AACvB;;AAEG;AACH,QAAA,aAAa,EAAE,MAAM;AACrB;;AAEG;AACH,QAAA,iBAAiB,EAAE,MAAM;AACzB;;AAEG;AACH,QAAA,aAAa,EAAE,MAAM;AACrB;;AAEG;AACH,QAAA,EAAE,EAAE,MAAM;AACV;;AAEG;AACH,QAAA,OAAO,EAAE,OAAO;AAChB;;AAEG;AACH,QAAA,KAAK,EAAE,MAAM;AACb;;AAEG;AACH,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;AACD;;AAEG;AACH,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,OAAO,EAAE,KAAK;AACf,SAAA;AACD;;AAEG;AACH,QAAA,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC5B;;AAEG;AACH,QAAA,IAAI,EAAE,MAAM;AACZ;;AAEG;AACH,QAAA,WAAW,EAAE,MAAM;AACnB;;AAEG;AACH,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,OAAO,EAAE,KAAK;AACf,SAAA;AACD;;AAEG;AACH,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,OAAO,EAAE,KAAK;AACf,SAAA;AACD;;AAEG;AACH,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;AAC3D,SAAA;AACD;;AAEG;AACH,QAAA,IAAI,EAAE,MAAM;AACZ;;AAEG;AACH,QAAA,eAAe,EAAE,OAAO;AACxB;;AAEG;AACH,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,QAAQ;AACjB,YAAA,SAAS,EAAE,CAAC,KAAa,KAAK,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;AACjE,SAAA;AACD;;AAEG;AACH,QAAA,KAAK,EAAE,OAAO;AACd;;AAEG;AACH,QAAA,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AACxB,KAAA;AACD,IAAA,KAAK,EAAE;AACL;;AAEG;QACH,mBAAmB;AACnB;;AAEG;QACH,QAAQ;AACR;;AAEG;QACH,UAAU;AACX,KAAA;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAA;AACjC,QAAA,MAAM,SAAS,GAAG,GAAG,CAA8B,EAAE,CAAC;AACtD,QAAA,MAAM,cAAc,GAAG,GAAG,CAA0B,IAAI,CAAC;AACzD,QAAA,MAAM,WAAW,GAAG,GAAG,CAAW,EAAE,CAAC;;AAGrC,QAAA,MAAM,UAAU,GAAG,QAAQ,CAAC,MAAK;AAC/B,YAAA,OAAO,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,KAAK,IAAI,CAAC,CAAC,MAAM;AAC7D,QAAA,CAAC,CAAC;;QAGF,MAAM,gBAAgB,GAAG,MAAK;AAC5B,YAAA,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,YAAY,IAAI,EAAE,CAAC;AACxF,YAAA,WAAW,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,YAAY,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;AAC/F,QAAA,CAAC;;AAGD,QAAA,KAAK,CACH,MAAM,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,KAAK,EACrC,CAAC,QAAQ,KAAI;AACX,YAAA,IAAI,QAAQ,KAAK,SAAS,EAAE;AAC1B,gBAAA,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC;AACpC,gBAAA,WAAW,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAC5B,EAAE,MAAM,EAAE,UAAU,CAAC,KAAK,EAAE,EAC5B,CAAC,CAAC,EAAE,CAAC,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,EAAE,CAC/B;YACH;AACF,QAAA,CAAC,EACD,EAAE,SAAS,EAAE,IAAI,EAAE,CACpB;;QAGD,KAAK,CAAC,UAAU,EAAE,gBAAgB,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;;AAGxD,QAAA,MAAM,WAAW,GAAG,CAAC,SAAmB,KAAI;YAC1C,MAAM,QAAQ,GAAG,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC;AAEnC,YAAA,IAAI,cAAc,CAAC,KAAK,EAAE;AACxB,gBAAA,cAAc,CAAC,KAAK,CAAC,KAAK,GAAG,QAAQ;YACvC;AAEA,YAAA,IAAI,CAAC,mBAAmB,EAAE,QAAQ,CAAC;AACnC,YAAA,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC;YAExB,IAAI,QAAQ,CAAC,MAAM,KAAK,UAAU,CAAC,KAAK,EAAE;AACxC,gBAAA,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC;AAE1B,gBAAA,IAAI,KAAK,CAAC,UAAU,EAAE;oBACpB,QAAQ,CAAC,MAAK;wBACZ,MAAM,IAAI,GAAG,cAAc,CAAC,KAAK,EAAE,OAAO,CAAC,MAAM,CAAoB;wBACrE,IAAI,IAAI,IAAI,OAAO,IAAI,CAAC,aAAa,KAAK,UAAU,EAAE;4BACpD,IAAI,CAAC,aAAa,EAAE;wBACtB;AACF,oBAAA,CAAC,CAAC;gBACJ;YACF;AACF,QAAA,CAAC;AAED,QAAA,MAAM,iBAAiB,GAAG,CAAC,KAAa,EAAE,KAAY,KAAI;AACxD,YAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B;AAC/C,YAAA,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK;AAE/B,YAAA,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,KAAK,CAAC,IAAyB,CAAC,EAAE;gBACzF;YACF;YAEA,MAAM,SAAS,GAAG,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC;AACxC,YAAA,SAAS,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,MAAM,KAAK,CAAC,GAAG,UAAU,GAAG,EAAE;AAE5D,YAAA,WAAW,CAAC,KAAK,GAAG,SAAS;YAC7B,WAAW,CAAC,SAAS,CAAC;AAEtB,YAAA,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC,EAAE;AAC3B,gBAAA,MAAM,SAAS,GAAG,oBAAoB,CACpC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAuB,EACrD,MAAM,EACN,IAAI,EACJ,KAAK,CACN;gBACD,SAAS,EAAE,KAAK,EAAE;YACpB;AACF,QAAA,CAAC;AAED,QAAA,MAAM,gBAAgB,GAAG,CAAC,KAAiB,KAAI;AAC7C,YAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B;AAE/C,YAAA,IAAI,MAAM,CAAC,KAAK,EAAE;gBAChB,UAAU,CAAC,MAAK;oBACd,MAAM,CAAC,MAAM,EAAE;gBACjB,CAAC,EAAE,CAAC,CAAC;gBACL;YACF;AAEA,YAAA,IAAI,KAAK,CAAC,MAAM,EAAE;AAChB,gBAAA,MAAM,eAAe,GAAG,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC;AACtE,gBAAA,IAAI,eAAe,IAAI,eAAe,KAAK,MAAM,EAAE;oBACjD,eAAe,CAAC,KAAK,EAAE;gBACzB;YACF;AACF,QAAA,CAAC;AAED,QAAA,MAAM,aAAa,GAAG,CAAC,KAAoB,KAAI;AAC7C,YAAA,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,KAAK;YAE7B,IAAI,GAAG,KAAK,WAAW,IAAK,MAA2B,CAAC,KAAK,KAAK,EAAE,EAAE;gBACpE,MAAM,SAAS,GAAG,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC;AACxC,gBAAA,MAAM,SAAS,GAAG,oBAAoB,CACpC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAuB,EACrD,MAA0B,EAC1B,KAAK,EACL,KAAK,CACN;gBAED,IAAI,SAAS,EAAE;oBACb,MAAM,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,SAA6B,CAAC;AACxE,oBAAA,IAAI,SAAS,KAAK,EAAE,EAAE;AACpB,wBAAA,SAAS,CAAC,SAAS,CAAC,GAAG,EAAE;AACzB,wBAAA,WAAW,CAAC,KAAK,GAAG,SAAS;wBAC7B,WAAW,CAAC,SAAS,CAAC;wBACtB,SAAS,CAAC,KAAK,EAAE;oBACnB;gBACF;gBACA;YACF;AAEA,YAAA,IAAI,GAAG,KAAK,YAAY,EAAE;gBACxB,IAAI,KAAK,CAAC,MAAM,IAAK,MAA2B,CAAC,KAAK,KAAK,EAAE,EAAE;oBAC7D;gBACF;AAEA,gBAAA,MAAM,cAAc,GAAG,CAAC,KAAK,CAAC,MAA0B,CAAC;AACzD,gBAAA,MAAM,SAAS,GAAG,oBAAoB,CACpC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAuB,EACrD,MAA0B,EAC1B,cAAc,EACd,KAAK,CACN;gBACD,SAAS,EAAE,KAAK,EAAE;gBAClB;YACF;AAEA,YAAA,IAAI,GAAG,KAAK,WAAW,EAAE;AACvB,gBAAA,MAAM,cAAc,GAAG,KAAK,CAAC,MAA0B,CAAC;AACxD,gBAAA,MAAM,SAAS,GAAG,oBAAoB,CACpC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAuB,EACrD,MAA0B,EAC1B,cAAc,EACd,KAAK,CACN;gBACD,SAAS,EAAE,KAAK,EAAE;YACpB;AACF,QAAA,CAAC;AAED,QAAA,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,KAAqB,KAAI;YAC3D,KAAK,CAAC,cAAc,EAAE;AACtB,YAAA,MAAM,UAAU,GAAG,KAAK,CAAC,aAAa,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE;YAC7D,MAAM,UAAU,GAAG,iBAAiB,CAAC,UAAU,EAAE,KAAK,CAAC,IAAyB,CAAC;YAEjF,IAAI,CAAC,UAAU,EAAE;gBACf;YACF;YAEA,MAAM,SAAS,GAAG,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC;YACxC,MAAM,UAAU,GAAG,KAAK;YAExB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,IAAI,UAAU,GAAG,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;gBAC/E,SAAS,CAAC,UAAU,GAAG,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC;YAC3C;AAEA,YAAA,WAAW,CAAC,KAAK,GAAG,SAAS;YAC7B,WAAW,CAAC,SAAS,CAAC;;AAGtB,YAAA,MAAM,cAAc,GAAG,UAAU,GAAG,UAAU,CAAC,MAAM;AACrD,YAAA,IAAI,cAAc,GAAG,UAAU,CAAC,KAAK,EAAE;gBACrC,SAAS,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE;YAC1C;iBAAO;AACL,gBAAA,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE;YACtD;AACF,QAAA,CAAC;AAED,QAAA,OAAO,MAAK;AACV,YAAA,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;AAClB,gBAAA,OAAO,IAAI;YACb;AAEA,YAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,EAAE;YAChC,IAAI,UAAU,GAAG,CAAC;YAElB,MAAM,iBAAiB,GAAG,QAAQ,EAAE,GAAG,CAAC,CAAC,KAAK,KAAI;AAChD,gBAAA,IAAI,KAAK,CAAC,IAAI,IAAK,KAAK,CAAC,IAAY,CAAC,IAAI,KAAK,uBAAuB,EAAE;AACtE,oBAAA,MAAM,iBAAiB,GAAG,UAAU,EAAE;oBAEtC,OAAO,CAAC,CAAC,qBAAqB,EAAE;wBAC9B,GAAG,KAAK,CAAC,KAAK;wBACd,GAAG,EAAE,CAAA,UAAA,EAAa,iBAAiB,CAAA,CAAE;wBACrC,IAAI,EAAE,KAAK,CAAC,MAAM,GAAG,UAAU,GAAG,MAAM;AACxC,wBAAA,KAAK,EAAE;AACL,4BAAA;gCACE,YAAY,EAAE,KAAK,CAAC,OAAO;gCAC3B,UAAU,EAAE,KAAK,CAAC,KAAK;AACxB,6BAAA;4BACD,KAAK,CAAC,KAAK,EAAE,KAAK;AACnB,yBAAA;wBACD,EAAE,EAAE,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,KAAK,CAAC,EAAE,GAAG,CAAA,EAAG,KAAK,CAAC,EAAE,CAAA,CAAA,EAAI,iBAAiB,CAAA,CAAE,GAAG,SAAS,CAAC;wBAClF,IAAI,EACF,KAAK,CAAC,KAAK,EAAE,IAAI,KAAK,KAAK,CAAC,IAAI,GAAG,CAAA,EAAG,KAAK,CAAC,IAAI,CAAA,CAAA,EAAI,iBAAiB,CAAA,CAAE,GAAG,SAAS,CAAC;AACtF,wBAAA,WAAW,EACT,KAAK,CAAC,KAAK,EAAE,WAAW;6BACvB,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,WAAW,CAAC,MAAM,GAAG;AAC/C,kCAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB;AACrC,kCAAE,KAAK,CAAC,WAAW,CAAC;wBACxB,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,EAAE;wBACjD,QAAQ,EACN,iBAAiB,KAAK,CAAC,GAAG,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,iBAAiB,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE;wBACjF,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,KAAK,EAAE,QAAQ;wBACjD,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,KAAK,EAAE,QAAQ;wBACjD,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,KAAK,EAAE,QAAQ;AACjD,wBAAA,YAAY,EACV,KAAK,CAAC,KAAK,GAAG,YAAY,CAAC,IAAI,KAAK,CAAC,SAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,CAAC;AACtF,wBAAA,SAAS,EAAE,KAAK,CAAC,IAAI,KAAK,QAAQ,GAAG,SAAS,GAAG,MAAM;AACvD,wBAAA,OAAO,EAAE,KAAK,CAAC,IAAI,KAAK,QAAQ,GAAG,QAAQ,GAAG,IAAI;AAClD,wBAAA,OAAO,EAAE,CAAC,KAAY,KAAI;AACxB,4BAAA,iBAAiB,CAAC,iBAAiB,EAAE,KAAK,CAAC;wBAC7C,CAAC;AACD,wBAAA,OAAO,EAAE,gBAAgB;AACzB,wBAAA,SAAS,EAAE,CAAC,KAAoB,KAAI;4BAClC,aAAa,CAAC,KAAK,CAAC;wBACtB,CAAC;AACD,wBAAA,OAAO,EAAE,CAAC,KAAqB,KAAI;AACjC,4BAAA,WAAW,CAAC,iBAAiB,EAAE,KAAK,CAAC;wBACvC,CAAC;AACD,wBAAA,GAAG,EAAE,CAAC,EAAO,KAAI;;4BAEf,IAAI,EAAE,EAAE;;AAEN,gCAAA,MAAM,UAAU,GAAG,EAAE,CAAC,GAAG,IAAI,EAAE;;gCAE/B,IAAI,UAAU,IAAI,UAAU,CAAC,OAAO,KAAK,OAAO,EAAE;AAChD,oCAAA,SAAS,CAAC,KAAK,CAAC,iBAAiB,CAAC,GAAG,UAAU;gCACjD;qCAAO;AACL,oCAAA,SAAS,CAAC,KAAK,CAAC,iBAAiB,CAAC,GAAG,EAAE;gCACzC;4BACF;iCAAO;AACL,gCAAA,SAAS,CAAC,KAAK,CAAC,iBAAiB,CAAC,GAAG,IAAI;4BAC3C;wBACF,CAAC;AACF,qBAAA,CAAC;gBACJ;AACA,gBAAA,OAAO,KAAK;AACd,YAAA,CAAC,CAAC;YAEF,OAAO,CAAC,CACN,mBAAmB,EACnB;gBACE,IAAI,OAAO,KAAK,CAAC,kBAAkB,CAAC,KAAK,QAAQ,IAAI;AACnD,oBAAA,WAAW,EAAE,KAAK,CAAC,kBAAkB,CAAC;iBACvC,CAAC;gBACF,QAAQ,EAAE,KAAK,CAAC,QAAQ;gBACxB,eAAe,EAAE,KAAK,CAAC,eAAe;gBACtC,aAAa,EAAE,KAAK,CAAC,aAAa;gBAClC,iBAAiB,EAAE,KAAK,CAAC,iBAAiB;gBAC1C,aAAa,EAAE,KAAK,CAAC,aAAa;gBAClC,EAAE,EAAE,KAAK,CAAC,EAAE;gBACZ,OAAO,EAAE,KAAK,CAAC,OAAO;gBACtB,KAAK,EAAE,KAAK,CAAC,KAAK;gBAClB,IAAI,EAAE,KAAK,CAAC,IAAI;gBAChB,eAAe,EAAE,KAAK,CAAC,eAAe;gBACtC,KAAK,EAAE,KAAK,CAAC,KAAK;aACnB,EACD;gBACE,OAAO,EAAE,MAAM;oBACb,CAAC,CACC,KAAK,EACL;AACE,wBAAA,KAAK,EAAE;4BACL,UAAU;AACV,4BAAA;gCACE,CAAC,CAAA,SAAA,EAAY,KAAK,CAAC,IAAI,EAAE,GAAG,KAAK,CAAC,IAAI;AACvC,6BAAA;AACD,4BAAA,KAAK,CAAC,KAAK;AACZ,yBAAA;AACD,wBAAA,IAAI,EAAE,OAAO;AACb,wBAAA,GAAG,KAAK;qBACT,EACD;AACE,wBAAA,GAAG,iBAAiB;wBACpB,CAAC,CAAC,OAAO,EAAE;AACT,4BAAA,IAAI,EAAE,QAAQ;4BACd,EAAE,EAAE,KAAK,CAAC,EAAE;4BACZ,IAAI,EAAE,KAAK,CAAC,IAAI;4BAChB,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;4BACjC,QAAQ,EAAE,KAAK,CAAC,QAAQ;AACxB,4BAAA,GAAG,EAAE,cAAc;yBACpB,CAAC;qBACH,CACF;AACF,iBAAA;AACF,aAAA,CACF;AACH,QAAA,CAAC;IACH,CAAC;AACF,CAAA;;;;"}

package/dist/esm/components/one-time-password-input/COneTimePasswordInput.d.ts

@@ -0,0 +1,4 @@
+declare const COneTimePasswordInput: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export { COneTimePasswordInput };

package/dist/esm/components/one-time-password-input/COneTimePasswordInput.js

@@ -0,0 +1,17 @@
+import { defineComponent, h } from 'vue';
+
+const COneTimePasswordInput = defineComponent({
+    name: 'COneTimePasswordInput',
+    inheritAttrs: false,
+    setup(_, { attrs, slots }) {
+        return () => h('input', {
+            ...attrs,
+            class: ['form-otp-control', attrs.class],
+            maxlength: 1,
+            autocomplete: 'off',
+        }, slots.default && slots.default());
+    },
+});
+
+export { COneTimePasswordInput };
+//# sourceMappingURL=COneTimePasswordInput.js.map

package/dist/esm/components/one-time-password-input/COneTimePasswordInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"COneTimePasswordInput.js","sources":["../../../../src/components/one-time-password-input/COneTimePasswordInput.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEA,MAAM,qBAAqB,GAAG,eAAe,CAAC;AAC5C,IAAA,IAAI,EAAE,uBAAuB;AAC7B,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAA;AACvB,QAAA,OAAO,MACL,CAAC,CACC,OAAO,EACP;AACE,YAAA,GAAG,KAAK;AACR,YAAA,KAAK,EAAE,CAAC,kBAAkB,EAAE,KAAK,CAAC,KAAK,CAAC;AACxC,YAAA,SAAS,EAAE,CAAC;AACZ,YAAA,YAAY,EAAE,KAAK;SACpB,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC;IACL,CAAC;AACF,CAAA;;;;"}

package/dist/esm/components/one-time-password-input/index.d.ts

@@ -0,0 +1,3 @@
+import { COneTimePassword } from './COneTimePassword';
+import { COneTimePasswordInput } from './COneTimePasswordInput';
+export { COneTimePassword, COneTimePasswordInput };

package/dist/esm/components/one-time-password-input/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const isValidInput: (value: string, type: "number" | "text") => boolean;
+export declare const extractValidChars: (value: string, type: "number" | "text") => string;

package/dist/esm/components/one-time-password-input/utils.js

@@ -0,0 +1,15 @@
+const isValidInput = (value, type) => {
+    if (type === 'number') {
+        return /^\d$/.test(value);
+    }
+    return /^.$/u.test(value);
+};
+const extractValidChars = (value, type) => {
+    if (type === 'number') {
+        return value.replace(/\D/g, '');
+    }
+    return value;
+};
+
+export { extractValidChars, isValidInput };
+//# sourceMappingURL=utils.js.map

package/dist/esm/components/one-time-password-input/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/components/one-time-password-input/utils.ts"],"sourcesContent":[null],"names":[],"mappings":"MAAa,YAAY,GAAG,CAAC,KAAa,EAAE,IAAuB,KAAa;AAC9E,IAAA,IAAI,IAAI,KAAK,QAAQ,EAAE;AACrB,QAAA,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;IAC3B;AACA,IAAA,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;AAC3B;MAEa,iBAAiB,GAAG,CAAC,KAAa,EAAE,IAAuB,KAAY;AAClF,IAAA,IAAI,IAAI,KAAK,QAAQ,EAAE;QACrB,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;IACjC;AACA,IAAA,OAAO,KAAK;AACd;;;;"}

package/dist/esm/components/stepper/CStepper.d.ts

@@ -161,8 +161,8 @@ export declare const CStepper: import("vue").DefineComponent<import("vue").Extra
     onStepValidationComplete?: ((...args: any[]) => any) | undefined;
 }>, {
     layout: "horizontal" | "vertical";
-    activeStepNumber: number;
     linear: boolean;
+    activeStepNumber: number;
     stepButtonLayout: "horizontal" | "vertical";
     validation: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/esm/index.js

@@ -135,6 +135,8 @@ export { COffcanvas } from './components/offcanvas/COffcanvas.js';
 export { COffcanvasBody } from './components/offcanvas/COffcanvasBody.js';
 export { COffcanvasHeader } from './components/offcanvas/COffcanvasHeader.js';
 export { COffcanvasTitle } from './components/offcanvas/COffcanvasTitle.js';
+export { COneTimePassword } from './components/one-time-password-input/COneTimePassword.js';
+export { COneTimePasswordInput } from './components/one-time-password-input/COneTimePasswordInput.js';
 export { CPasswordInput } from './components/password-input/CPasswordInput.js';
 export { CPasswordInputPlugin } from './components/password-input/index.js';
 export { CPaginationPlugin } from './components/pagination/index.js';

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":[null],"names":["Components","Directives"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAM,SAAS,GAAG;AAChB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;AAC1B,QAAA,KAAK,MAAM,GAAG,IAAIA,KAAU,EAAE;YAC5B,GAAG,CAAC,SAAS,CAAC,GAAG,EAAGA,KAAqC,CAAC,GAAG,CAAC,CAAC;QACjE;AAEA,QAAA,KAAK,MAAM,GAAG,IAAIC,OAAU,EAAE;AAC5B,YAAA,GAAG,CAAC,SAAS,CACVA,OAAqC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,EAClDA,OAAqC,CAAC,GAAG,CAAC,CAC5C;QACH;IACF,CAAC;;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":[null],"names":["Components","Directives"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAM,SAAS,GAAG;AAChB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;AAC1B,QAAA,KAAK,MAAM,GAAG,IAAIA,KAAU,EAAE;YAC5B,GAAG,CAAC,SAAS,CAAC,GAAG,EAAGA,KAAqC,CAAC,GAAG,CAAC,CAAC;QACjE;AAEA,QAAA,KAAK,MAAM,GAAG,IAAIC,OAAU,EAAE;AAC5B,YAAA,GAAG,CAAC,SAAS,CACVA,OAAqC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,EAClDA,OAAqC,CAAC,GAAG,CAAC,CAC5C;QACH;IACF,CAAC;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue-pro",
-  "version": "5.16.0",
+  "version": "5.17.1",
   "description": "UI Components Library for Vue.js",
   "keywords": [
     "vue",
@@ -51,14 +51,14 @@
     "@types/jest": "^29.5.14",
     "@vue/test-utils": "^2.4.6",
     "@vue/vue3-jest": "29.2.6",
-    "cross-env": "^10.0.0",
+    "cross-env": "^10.1.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "rollup": "^4.50.2",
+    "rollup": "^4.52.3",
     "rollup-plugin-vue": "^6.0.0",
-    "ts-jest": "^29.4.2",
-    "typescript": "^5.9.2",
-    "vue": "^3.5.21",
+    "ts-jest": "^29.4.4",
+    "typescript": "^5.9.3",
+    "vue": "^3.5.22",
     "vue-types": "^6.0.0"
   },
   "peerDependencies": {

package/src/components/autocomplete/CAutocomplete.ts

@@ -785,22 +785,23 @@ const CAutocomplete = defineComponent({
                             handleClear()
                           },
                         }),
-                      h('button', {
-                        type: 'button',
-                        class: 'autocomplete-indicator',
-                        disabled:
-                          !(props.searchNoResultsLabel || filteredOptions.value.length > 0) &&
-                          !isExternalSearch(props.search),
-                        onClick: (event: Event) => {
-                          event.preventDefault()
-                          event.stopPropagation()
-                          if (visible.value) {
-                            handleDropdownHide()
-                          } else {
-                            handleDropdownShow()
-                          }
-                        },
-                      }),
+                      props.indicator &&
+                        h('button', {
+                          type: 'button',
+                          class: 'autocomplete-indicator',
+                          disabled:
+                            !(props.searchNoResultsLabel || filteredOptions.value.length > 0) &&
+                            !isExternalSearch(props.search),
+                          onClick: (event: Event) => {
+                            event.preventDefault()
+                            event.stopPropagation()
+                            if (visible.value) {
+                              handleDropdownHide()
+                            } else {
+                              handleDropdownShow()
+                            }
+                          },
+                        }),
                     ]),
                 ]
               ),

package/src/components/calendar/utils.ts

@@ -402,6 +402,22 @@ const createDateOnly = (groups: DateOnlyGroups): Date | null => {
   return new Date(parsedYear, parsedMonth, parsedDay)
 }
 
+/**
+ * Helper function to determine expected parts count from patterns.
+ * @param patterns - Array of date format patterns.
+ * @returns Expected number of parts for a complete date.
+ */
+const getExpectedPartsCount = (patterns: string[]): number => {
+  if (patterns.length === 0) {
+    return 3
+  }
+
+  // Analyze the first pattern to determine expected parts count
+  const firstPattern = patterns[0]
+  const parts = firstPattern.split(/[-/.\s:]+/).filter((part) => part.length > 0)
+  return parts.length
+}
+
 /**
  * Enhanced day parsing with locale-aware patterns.
  * @param dateString - The day string to parse.
@@ -415,24 +431,23 @@ const parseDayString = (dateString: string, locale: string, includeTime: boolean
 
   if (!groups) {
     // Check if input looks like a complete date (has separators and multiple parts)
-    // If so, use fallback parsing for formats like "2022/08/17", "2022-08-17"
-    // If not (like "1", "12"), return null
     const trimmed = dateString.trim()
     const hasDateSeparators = /[-/.:]/.test(trimmed)
     const parts = trimmed.split(/[-/.\s:]+/).filter((part) => part.length > 0)
-    const hasMultipleParts = parts.length >= 2
+    const expectedPartsCount = getExpectedPartsCount(patterns)
+    const hasRequiredParts = parts.length >= expectedPartsCount
 
-    if (hasDateSeparators && hasMultipleParts) {
+    if (hasDateSeparators && hasRequiredParts) {
       // Use fallback for complete date strings that don't match locale patterns
       return parseLocalDateString(dateString)
     }
 
-    // For incomplete input like "1" or "12", return null
+    // For incomplete input return null
     return null
   }
 
-  // For day selection, require at least month and day to be present
-  if ('month' in groups && 'day' in groups) {
+  // For day selection, require at least year, month, and day to be present
+  if ('year' in groups && 'month' in groups && 'day' in groups) {
     const { month, day } = groups
     if (!validateDateComponents(month, day)) {
       return null

package/src/components/index.ts

@@ -32,6 +32,7 @@ export * from './multi-select'
 export * from './nav'
 export * from './navbar'
 export * from './offcanvas'
+export * from './one-time-password-input'
 export * from './password-input'
 export * from './pagination'
 export * from './picker'