Improve calendar visibility

Technical Q&A

Topic summary

A user is seeking to improve the visibility and placement of a date picker calendar currently located on the cart page of their Shopify store (Brooklyn theme).

Current Issues:

  • The calendar isn’t prominent enough and customers frequently overlook it
  • It’s not a mandatory field
  • The calendar only appears when users click into the input box

Desired Improvements:

  • Make the calendar always visible/open by default
  • Relocate it to the checkout page where delivery/pickup decisions are made

Technical Context:

  • The calendar is implemented in delivery-date.liquid using jQuery UI datepicker
  • Code snippet shows jQuery UI integration with date picker configuration (minDate: +1, maxDate: +3M)

The discussion remains open with no solutions provided yet. The user is looking for guidance on modifying the calendar’s behavior and potentially moving it to a different page in the checkout flow.

Summarized with AI on November 6. AI used: claude-sonnet-4-5-20250929.
1

Hi,

Our calendar is currently on the cart page. People seem to miss it as it doesn’t stand out very well and it isn’t mandatory. It isn’t an actual calendar unless you click in the box then a calendar opens. How can I make this calendar always open or even better move it to the check out page instead where people are deciding on delivery or pick up, it makes more sense there. Thanks.

from delivery-date.liquid (Brooklyn theme)

{{ ‘//code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css’ | stylesheet_tag }}

When would you like this order?

calendar.JPG
calendar.JPG664×487 25.8 KB