ENH: #170 phone input structure

[Ahtritus]

ENH: #170 - Added phone input component with backend validation rules

[Ahtritus]

@JhumanJ Hey, this seems to be working more or less as expected. However, the styling can still be improved a bit. Additionally, I'm not sure whether the rules added in the backend are enough and I haven't added any unit tests for them as well. Could you please guide me towards the next steps?

[JhumanJ]

Hi, thanks for the great work. I've just gave it a try, but unfortunately this doesn't work for us, as the created input doesn't match the style of the inputs we already have (regardless of the theme). That's why I didn't recommend going with a library.

[Ahtritus]

Hi, thanks for the great work. I've just gave it a try, but unfortunately this doesn't work for us, as the created input doesn't match the style of the inputs we already have (regardless of the theme). That's why I didn't recommend going with a library.

Hey, I made a couple of changes to make sure it works with all the themes but I'm guessing you're talking about the dropdown select element?

If that's the case, I'll perhaps give it some more time to create a custom input, only problem there is the flags which are a bit tricky.

[JhumanJ]

There's not only the dropdown, but also the colored shadow when input is focused and some other inconsistencies unfortunately. As mentioned, I think the flag issue can easily be resolved with a small library that does just this :)

[Ahtritus]

Makes sense. I did go ahead and created a custom dropdown phone input component. Closing this and raising a new PR for that