The Calendar Appearance Settings give store owners precise control over how date and time inputs are displayed to customers
In this guide, we’ll walk you through how to set the date and time format to match your store’s preferences.
- Navigate to Apps > Flexi Delivery & Pickup Date > Appearance, then select the Calendar Appearance sub-tab
Date Format #
Date format preferences differ by region. This setting allows you to adjust the calendar to match the standard date format of your country.
For example,
- France, dd-mm-yyyy date format is used
- Germany: dd.mm.yyyy
You can choose the appropriate format from the Date Format dropdown to ensure the calendar displays dates in a way that your customers are familiar with.
Note: On the Checkout page, the date format only applies when using the inline calendar due to Shopify’s limitations.
On the cart page, the selected format displays correctly without any issues.
Frontend Experience: What Your Customers Will See #
Cart Page
The selected date format will be displayed in the Delivery Date field on the Cart page.
Checkout page
On the Checkout page, the date format will only apply when using the inline calendar
Time Format #
Depending on the region, customers may use either the 12-hour or 24-hour time format. The time format dropdown allows you to select the appropriate time format for your store’s customer base.
- 12-Hour Format:
Displays time with AM/PM suffix.
Example: 2:00 PM
- 24-Hour Format (Default):
Shows full range from 00:00 to 23:59.
Example: 13:00 to 23:00
Frontend Experience: What Your Customers Will See #
Your chosen time format will be reflected in all time slots visible to the customer on both the cart and checkout pages.
These settings help ensure your delivery calendar is consistent, user-friendly, and aligned with your store’s regional preferences.
