I am building a new website (still in maintenance mode - using Lawyers Theme from [login to view URL] and Elementor page builder) for our law firm which includes the BOOKLY plugin with advanced google calendar.
The one area I have not had success with is to match the functionality of the BOOKLY plugin booking form to the other contact forms on the website. In particular, I was able to use jQuery and CSS to make our contact form with floating labels and masking for the phone field input whereby the form lets the user type in the 10-digit US phone number (as a local USA law firm our clients and users are all from the local area) as follows: (123) 456-7890. The form automatically inserts the open/close parenthesis around the area code first 3 digits), then leaves one blank space (separating the 3-digit area code with the 7-digit subscriber phone number) and then inserts a hyphen in between the 3rd and 4th digit of the subscriber phone number. Also very important, when this form opens on a mobile device, the numeric keypad would automatically open when the user clicks in the phone field.
Its an intrtesting jquery task.I am ready to phone number masking.I have 5 years experience in developing using wordpress,jquery,css and html.I am ready to do this [login to view URL] check my work and hire me