I have integrated a country code dropdown into the phone number input field on my sign up form using the Maz-UI library. For more information about this specific component, you can refer to the documentation provided by the library here.
I'm seeing an unexpected format in my phone number field. Instead of the expected appearance as shown in the Maz-UI docs https://i.sstatic.net/fh4qV.png, it looks like this: https://i.sstatic.net/Gzn4b.png
Below is a snippet of the relevant code from my component:
<template>
<div>
<MazPhoneNumberInput
v-model="phoneNumber"
/>
... additional code that is not directly related to this issue.
</div>
</template>
<script>
import { MazPhoneNumberInput } from 'maz-ui'
import 'maz-ui/lib/css/maz-phone-number-input.css'
export default {
name: 'CuiRegister',
components: { MazPhoneNumberInput },
}
... code for handling the form submission that is not directly relevant to this question
</script>