Added more restrictions to Phone number and Calendar feature

[kesharwaniyanshi]

Description

Earlier the phone number could accept anything alphabet,symbol etc and any length number . Now i have fixed that and also updated the Appointment date section .Added calendar to it for better user experience.

Related Issues

• Closes ✨[Feature Request]: Improving the Make Appointments Section #274

Type of PR

• Bug fix
• Feature enhancement
• Documentation update
• Other (specify): _______________

Screenshots / videos (if applicable)

[Attach any relevant screenshots or videos demonstrating the changes]

Checklist

• I have gone through the contributing guide
• I have updated my branch and synced it with project main branch before making this PR
• I have performed a self-review of my code
• I have tested the changes thoroughly before submitting this pull request.
• I have provided relevant issue numbers, screenshots, and videos after making the changes.
• I have commented my code, particularly in hard-to-understand areas.

[varshith257]

@kesharwaniyanshi I think it's better intuitive if we add strict validation of format of mobile number along with country codes and validation of phone number

[kesharwaniyanshi]

@kesharwaniyanshi I think it's better intuitive if we add strict validation of format of mobile number along with country codes and validation of phone number

So do you want me to modify it and make it in a format that it accepts country codes as well?

[kesharwaniyanshi]

I made required changes kindly have a look and merge my PR.

[varshith257]

Can't see any changes over there in the files?

[kesharwaniyanshi]

Can't see any changes over there in the files?

I have added a js code for country code and made some css modifications and additions to adjust it properly

[varshith257]

@kesharwaniyanshi Thanks for the contribution