From 38e1dd388663bb574ad54540de535b480967c503 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Leandro=20In=C3=A1cio?= <leandro.souza@homeday.de>
Date: Mon, 4 Mar 2024 10:18:56 +0100
Subject: [PATCH] :bug: Adds isValid and required fields to HdInputPhone
 (#1261)

---
 src/components/form/HdInputPhone.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/form/HdInputPhone.vue b/src/components/form/HdInputPhone.vue
index 9ade2736..635b50a0 100644
--- a/src/components/form/HdInputPhone.vue
+++ b/src/components/form/HdInputPhone.vue
@@ -52,12 +52,12 @@
       :custom-rules="[isValidNumber, isMobileNumber, canBeInternationallyDialled]"
       :formatter="phoneFormatter"
       @input="handleInputEvent"
+      :required="required"
     />
   </div>
 </template>
 
 <script>
-/* eslint-disable import/no-extraneous-dependencies */
 import HdInputFormatter from 'homeday-blocks/src/components/form/HdInputFormatter.vue';
 import HdIcon from 'homeday-blocks/src/components/HdIcon.vue';
 import { getMessages } from 'homeday-blocks/src/lang';
@@ -115,6 +115,11 @@ export default {
       required: false,
       default: false,
     },
+    required: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
     lang: {
       type: String,
       default: 'de',
@@ -195,6 +200,9 @@ export default {
         errorMessage: this.t.FORM.VALIDATION.NOT_MOBILE_NUMBER,
       };
     },
+    isValid() {
+      return this.$refs.input.$refs.input.isValid;
+    },
     canBeInternationallyDialled() {
       return {
         validate: (value) => {