Add the date picker to checkout (Shopify Plus)
Updated 23 July 2026
On Shopify Plus, Flare renders a native date picker inside checkout itself. The date and the shipping options are calculated together against the shopper's real address, which makes this the most accurate placement — and the only one that can hard-block checkout until a valid date is chosen.
Requires: Shopify Plus (for Shopify's checkout editor) and Flare's Advanced plan or higher.
Set it up
- In Flare, open Date selector and choose Checkout. Flare opens Shopify's checkout editor.
- Click Add app block and choose Select Delivery Date (the Flare block).
- Position it — most stores place it with the shipping options.
- Click Save in the checkout editor.
How it behaves
- The calendar appears once the shopper has entered their address, and only shows dates that are valid for their address, cart, and chosen shipping rate.
- If the shopper picks a shipping rate that Flare doesn't manage (for example a Shopify-managed rate you've kept), the picker steps aside and checkout proceeds normally.
- If the shopper dawdles past a cutoff, the picker tells them — "The shipping cut-off for your selected date has passed. Please select a new date." — and refreshes their options.
- Requiring a date is enforced both in the checkout UI and server-side by Flare's Delivery Availability & Date Guard checkout rule, so Shop app / Shop Pay orders can't slip through without a date. See Checkout validation.
Options you control
From Date selector (and its Advanced checkout settings section):
- Require a delivery date before shoppers continue.
- Automatically select the earliest date (or a later offset) so most shoppers never need to touch the calendar.
- Hide express payment buttons until a date is chosen.
- Customise the block title (default "Select Delivery Date") and the error messages for the main "no options" scenarios — see Checkout error messaging.
Pairing with other surfaces
Checkout-only is the cleanest Plus setup. If you want dates visible earlier in the journey, add the passive Estimated Delivery date product-page block rather than a second interactive picker.