Fixed #5908 - InputMask: v4 no classes are passed to target inpud com…

…ponent
primefaces · Jun 26, 2024 · 4ae2e25 · 4ae2e25
1 parent 3e2c905
commit 4ae2e25
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 1 deletion.
diff --git 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
@@ -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
@@ -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: {