[Feature]: Restrict Phone Number Length Based on Country Selection in Phone Widget

[saiprabhu-dandanayak]

Is there an existing issue for this?

• I have searched the existing issues

Description 

In the current implementation of the phone widget, users can select a country and type a phone number. However, the widget allows users to enter more digits than permitted for the selected country. For example, Indian phone numbers should only have 10 digits, but the current widget allows more than 10 digits. To enhance the user experience and ensure accurate phone number inputs, we need to restrict the number of digits based on the selected country.

Steps to reproduce

1. Drag and drop the phoneInputWidget
2. in the property pane select the default country code as India
3. Now try to enter a random mobile number with 15-20 digits ( it is taking more than 10 digits , but indian numbers have 10 digits only)
4. We should not allow the user from entering extra digits than the permitted count for respective country.

Screenshot

[Harshithazemoso]

hello @Nikhil-Nandagopal
Solution approach :
We will have user input field just below for the default country code where the user can enter the maxDigits for that country ,and based on that input, we will limit the number of digits accordingly.

[Nikhil-Nandagopal]

@Harshithazemoso it should work exactly like max characters in the input widget

[Harshithazemoso]

okay sure @Nikhil-Nandagopal

[Harshithazemoso]

Hi @Nikhil-Nandagopal,

We are considering naming the field "Max Length" and adding it to the validation section, similar to the input widget. Could you please review and let us know if we can proceed with this approach?

Thank you!