Date Range

A formatted date range.

Overview

Category: Titles and text

Here is a working example of Date Range. Its appearance will change in response to the size of your screen.

Usage guidelines

  • Use to display an event date range.

Placement

  • Place in the Body Content.

Editing and customisation

  • You can edit the Date (date/time) and End Date (date/time) fields.

Live examples

  • Christmas party nights
  • Autumn Fair

Related components

Accordion
Example of "Accordion".
Accordion
More details
Summary
Example of "Summary".
Summary
More details
Body
Example of "Body".
Body
More details
Date
Example of "Date".
Date
More details
Back to top