Adding a date and time picker in product page

Hi, I want to add date and time picker for a cleaning service business product page. Basically, the vistor will select the number of rooms and bathrooms and then the date and time and choose Add to Cart to complete order. The thing is I’m finding it really had to add functionality of date and time in my product page. I need something like this image, but instead of just date I want date & time both

screenshot-community.shopify.com-2024.04.30-19_09_26.png

Here’s the store link:
https://dt7k9ki35re0v6qn-76889850174.shopifypreview.com

Any help would be greatly appreciated :blush:

Hi @Thehumblelone There are 2 option through which you can accomplish the same.

  1. 3rd Party App: You can search and add the 3rd party app in the shopify app store that use to provide you this functionality, and integrate the same in your store.
  2. Custom Code: You can accomplish this with the help of custom code, so that there will a date and time picker in the store.

If you will unable to implement the same then I’m happy to do this for you, let me know. I can implement the code changes so that this will work well for you.

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

Best Regards

Sahil

Hey @Thehumblelone ! Sounds like you’re building something great for services – and totally agree, adding both date and time input on the product page (not cart or checkout) can be a bit tricky on Shopify.

If you just need a basic picker, some merchants use a jQuery-based calendar with a dropdown or time field – but it can get clunky when you need:

  • Specific date/time exclusions (like weekends or short notice)

  • Control by product or service type

  • A clear, formatted date/time stored in the order

Some apps (like Flare) allow you to place a calendar directly on the product page and let you capture both date and time together. You can also block out times based on cutoffs, days, or service rules – so it scales better than custom code when your business grows.

If you’re sticking with code, happy to help troubleshoot your current setup too. Let me know!