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

Side Content Download Link
Example of "Download link".
Side Content Download Link
More details
Side Navigation
Example of "Side navigation".
Side Navigation
More details
Credit
Example of "Credit".
Credit
More details
Tab
Example of "Tab".
Tab
More details
Back to top