From 4ae2e25f0c0a62cf961a68459d52c53054caf1df Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Wed, 26 Jun 2024 14:49:14 +0300
Subject: [PATCH] Fixed #5908 - InputMask: v4 no classes are passed to target
 inpud component

---
 packages/primevue/src/inputmask/BaseInputMask.vue | 4 ++++
 packages/primevue/src/inputmask/InputMask.d.ts    | 4 ++++
 packages/primevue/src/inputmask/InputMask.vue     | 5 ++++-
 3 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/packages/primevue/src/inputmask/BaseInputMask.vue b/packages/primevue/src/inputmask/BaseInputMask.vue
index 12355b432..5786066d0 100644
--- a/packages/primevue/src/inputmask/BaseInputMask.vue
+++ b/packages/primevue/src/inputmask/BaseInputMask.vue
@@ -11,6 +11,10 @@ export default {
             type: String,
             default: '_'
         },
+        class: {
+            type: [String, Object],
+            default: null
+        },
         mask: {
             type: String,
             default: null
diff --git a/packages/primevue/src/inputmask/InputMask.d.ts b/packages/primevue/src/inputmask/InputMask.d.ts
index 42270afc0..64872ac6d 100755
--- a/packages/primevue/src/inputmask/InputMask.d.ts
+++ b/packages/primevue/src/inputmask/InputMask.d.ts
@@ -111,6 +111,10 @@ export interface InputMaskProps {
      * Mask pattern.
      */
     mask?: string | undefined;
+    /**
+     * Style class of the input field.
+     */
+    class?: string | object | undefined;
     /**
      * Placeholder text for the input.
      */
diff --git a/packages/primevue/src/inputmask/InputMask.vue b/packages/primevue/src/inputmask/InputMask.vue
index 04edf8635..3c19ddb84 100755
--- a/packages/primevue/src/inputmask/InputMask.vue
+++ b/packages/primevue/src/inputmask/InputMask.vue
@@ -1,7 +1,7 @@
 <template>
     <InputText
         :value="modelValue"
-        :class="cx('root')"
+        :class="inputClass"
         :readonly="readonly"
         :disabled="disabled"
         :invalid="invalid"
@@ -517,6 +517,9 @@ export default {
         filled() {
             return this.modelValue != null && this.modelValue.toString().length > 0;
         },
+        inputClass() {
+            return [this.cx('root'), this.class];
+        },
         ptmParams() {
             return {
                 context: {