🐛 Adds isValid and required fields to HdInputPhone (#1261)

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) => {