Side Content Date Range

A component that shows times and dates.

Overview

Category: Side content

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

When:

Start date: End date:

Usage guidelines

  • Use to show the time and date (or date range) of an event.
  • Upon the user clicking on the link an overlay will appear with actions to fill in.
  • Once the user has selected date ranged and pressed apply the results should display using the date filters defined.

Placement

  • Place in the Side Content.

Editing and customisation

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

Live examples

  • Virgin Money London Marathon 2018
  • Events

Related components

Quote
Example of "Quote".
Quote
More details
Timeline
Example of "Timeline".
Timeline
More details
Tab
Example of "Tab".
Tab
More details
Side Content Address
Example of "Side address".
Side Content Address
More details
Back to top