From 044a900f9dacfcb00ef4052f9ff6247116e2fa03 Mon Sep 17 00:00:00 2001
From: Mert Sincan <sincan.mert@gmail.com>
Date: Fri, 18 Oct 2024 16:49:48 +0100
Subject: [PATCH] Add form support to `InputOtp`

---
 .../primevue/src/inputotp/BaseInputOtp.vue    | 20 ++-----------------
 packages/primevue/src/inputotp/InputOtp.vue   |  5 +++--
 2 files changed, 5 insertions(+), 20 deletions(-)

diff --git a/packages/primevue/src/inputotp/BaseInputOtp.vue b/packages/primevue/src/inputotp/BaseInputOtp.vue
index 38a6c6468..6749532dc 100644
--- a/packages/primevue/src/inputotp/BaseInputOtp.vue
+++ b/packages/primevue/src/inputotp/BaseInputOtp.vue
@@ -1,31 +1,15 @@
 <script>
-import BaseComponent from '@primevue/core/basecomponent';
+import BaseInput from '@primevue/core/baseinput';
 import InputOtpStyle from 'primevue/inputotp/style';
 
 export default {
     name: 'BaseInputOtp',
-    extends: BaseComponent,
+    extends: BaseInput,
     props: {
-        modelValue: {
-            type: null,
-            default: null
-        },
-        invalid: {
-            type: Boolean,
-            default: false
-        },
-        disabled: {
-            type: Boolean,
-            default: false
-        },
         readonly: {
             type: Boolean,
             default: false
         },
-        variant: {
-            type: String,
-            default: null
-        },
         tabindex: {
             type: Number,
             default: null
diff --git a/packages/primevue/src/inputotp/InputOtp.vue b/packages/primevue/src/inputotp/InputOtp.vue
index 842becfdd..5a3571a7f 100755
--- a/packages/primevue/src/inputotp/InputOtp.vue
+++ b/packages/primevue/src/inputotp/InputOtp.vue
@@ -6,6 +6,7 @@
                     :value="tokens[i - 1]"
                     :type="inputType"
                     :class="cx('pcInputText')"
+                    :name="$formName"
                     :inputmode="inputMode"
                     :variant="variant"
                     :readonly="readonly"
@@ -34,7 +35,7 @@ export default {
     name: 'InputOtp',
     extends: BaseInputOtp,
     inheritAttrs: false,
-    emits: ['update:modelValue', 'change', 'focus', 'blur'],
+    emits: ['change', 'focus', 'blur'],
     data() {
         return {
             tokens: []
@@ -76,7 +77,7 @@ export default {
         updateModel(event) {
             const newValue = this.tokens.join('');
 
-            this.$emit('update:modelValue', newValue);
+            this.updateValue(newValue, event);
             this.$emit('change', {
                 originalEvent: event,
                 value: newValue