How do we show placeholder for a number

I am making a input component with a number format so that the users can type in their phone number. However, as a number the default value is automatically set to 0, so on the testing screen "0" is shown instead of my placeholder. It is not user friendly at all. My users would not be able to see "phone number" or any prompt but only see a weird "0", how can they supposed to know that they should type in their phone number there?
If anyone knows how to solve this issue please let me know. Thank you so much!
2 people have
this question