The date picker block

The date picker is the customer-facing calendar that appears on your product page. It is delivered as a Shopify Theme App Extension, which means you add it to your theme via the Theme Editor , no code editing required.

Adding the date picker to your theme

1. From your Shopify admin, go to Online Store → Themes → Customize.
2. In the Theme Editor, navigate to a Product page template (select a specific product page or the default product template).
3. In the left sidebar, click Add block (or Add section depending on your theme layout).
4. Find Miko Rentals Date Picker in the list of available blocks and click it to add it.
5. Drag the block to position it near your Add to Cart button so the flow is natural for customers.
6. Click Save in the Theme Editor.

How the date picker works for customers

The date picker shows a calendar where customers select a start date and an end date for their rental. Unavailable dates , those already booked by another customer or manually blocked by you , appear greyed out and cannot be selected. The rental total updates dynamically as the customer changes the selected range, applying your daily, weekly, or monthly pricing rules automatically.