Styling the date picker

Updated 23 July 2026

Make the picker match your brand from Date selector in the Flare navigation — no code needed. Changes preview live on the right as you edit.

What you can change

In the Appearance section:

• Border colour and border width
• Corner radius
• Padding and spacing (including Space below selector)
• Text size and font weight
• Text colour and background colour

Defaults are a neutral light look (white background, grey #A5A5A5 border, 8px radius) that fits most themes.

Tips

• Use your brand's exact hex codes for colour matching.
• Tighter padding usually looks better on mobile — check the mobile preview before saving.
• The picker inherits your theme's font family; the styling panel controls size and weight.
• Each change is saved with the Save button at the top; the storefront updates within a few minutes.

Show or hide extras

Also in Date selector:

• Show the selected date above the calendar — a confirmation line under/above the field (with editable text).
• Show selected date as a product line item — displays the chosen date against cart items (label default "Estimated Delivery").
• Hide the "Powered by Flare" note on the picker.

If styling doesn't appear on your store

Click Save, then hard-refresh the storefront (or use incognito). If a heavily customised theme overrides Flare's styles, contact support — we'll add a scoped override for your theme.