Calendar pop up date picker not showing

Hi there,

I’ve added a date picker based on this guide; but the calendar does not pop up.

I think I need to pick a widget from here: https://api.jqueryui.com/datepicker/#option-altField but I’m not quite sure where to add this code!

Any help would be appreciated :slightly_smiling_face:

Using dawn theme

heya! Thanks for your reply, I added your code but ended up with 3 extra fields, none of them showing a calender when clicked on unfortunately.

Would I still need to add a widget from here though? https://api.jqueryui.com/datepicker/

Hi @INFRA

If you’re looking for an easier, no-code solution to add a working date picker, I recommend using Easify Product Options. It lets you add a fully functional date picker to your product page with just a few clicks — no need to deal with manual code. Super simple and saves you the headache! Here’s how it works:

  • This is the result:

  • This is the app setting:

It has many advanced options for your calendar:

Hope you try the app! It’s user-friendly, and if you need support, please let me know or reach out to Easify :hugs:

I’d be using type=“date” unless you need extensive validations, which you seem to need…

Hey @INFRA ,
That pop-up issue often comes down to CSS or JavaScript in your theme hiding the calendar widget. A good first step is to check the browser console for errors and see if .datepicker or similar elements are being set to display: none.

You can test by installing a basic date‑picker plugin in a clean theme like Dawn to confirm it renders correctly by default. From there, you can isolate the conflicting CSS or scripts in your live theme.

If you’re searching for a more plug‑and‑play, supported date‑picker, Flare: Delivery Date Picker integrates seamlessly with checkout, adapts to your theme automatically, and comes with setup help if needed.

Happy to help dig deeper if you post your store link or screenshots!