Add mask value in prop

EnergySage · Dec 7, 2023 · 8a4c37f · 8a4c37f
1 parent 275e1b4
commit 8a4c37f
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/es-vue-base/src/lib-components/EsFormInput.vue b/es-vue-base/src/lib-components/EsFormInput.vue
@@ -30,7 +30,7 @@
             <b-form-input
                 :id="id"
                 v-bind="$attrs"
-                v-mask="type === 'maskedTel' ? maskValue : null"
+                v-mask="type === 'maskedTel' ? phoneMaskValue : null"
                 :type="type === 'maskedTel' ? 'tel' : type"
                 class="es-form-input w-100"
                 :class="{ 'has-prefix-icon': $slots.prefixIcon }"
@@ -142,9 +142,11 @@ export default {
             type: Boolean,
             default: false,
         },
-    },
-    data() {
-        return { maskValue: '(###)-###-####' };
+        phoneMaskValue: {
+            type: String,
+            default: '(###)-###-####',
+            required: false,
+        },
     },
     computed: {
         hasSuccess() {