Wordpress BOOKLY Plugin User Form Phone Field Masking

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. I am looking for someone to be able to make the PHONE MASKING functionality work (I do not care as much about the floating labels to work so the focus is on the phone masking functionality) on their own test site (you can use the free Bookly sandbox ([login to view URL]), then forward me the directions/instructions to make the changes on our website. I would need the step-by-step instructions to add CSS, javascript/jQuery or edit any files. I will not be able to give you access to our website. You can show me that it works form your sandbox.