How can I add a date picker to my contact form for table bookings?

Hello Everyone!

I have a questions relating to the contact form I’d like to update. I’d like to add a Date Picker/Calendar to it; so that my customers can select a date to submit on the form. It’s for the purpose of booking a table.

https://ladureeireland.com/pages/afternoon-tea is the ;ink to my current form - but I’d like to add the option to choose a date for their visit.

Does anyone have any experience of implementing such a feature on to their contact forms?

Any help is always appreciated! Thank you!

1 Like

@JonnySherlock

yes please try this code

https://help.shopify.com/en/manual/online-store/themes/os/customize/add-date-picker

1 Like

Thanks Ketan,

Does this work for Contact forms as well as the cart?

Many thanks

@JonnySherlock

yes that work as well

Hello Ketan, i have a rental business, i want to add to date pickers to my contact form, so the customer can add a “from” date and a “too” to show how long they want to rent the product. the code you linked worked perfectly for the first one but when i try to add another one it dosnt work, i have tried alot of things but cant seem to find what the issue is. I would greatly appreciate your help.

Best regards Johannes

1 Like

@JohannesKarasik

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

Hello Ketan,

I have added this date picker to the contact us page as well as to the cart page. But unfortunately, when I receive the contact form email it doesn’t show the date. Can you help, please?

1 Like

@tenillegore

can you please send stor url

Sorry for the late reply. https://www.themessageco.com.au/

Hi Johannes,

Did you find a solution to give a from and to date for a rental? Please share, it would be super helpful as I’m making a rental website too.

Thank you for your help,
David

Hi Ketan,

I have added this date picker to my booking page, based on the contact page. Unfortunately, when I receive the e-mail from the contact form, the date doesn’t appear either. Can you please help?

https://blue-cherry.ch/pages/appointment-booking?contact_posted=true#contact_form

Thanks,

Gracinda