Calendar Date

A calendar date.

<time class="CalendarDate " datetime="2016-04-12T18:30">
  <span class="CalendarDate-header">Dec</span>
  <span class="CalendarDate-body">9</span>
</time>

Date Range Modifier

Use the CalendarDate--range modifier class for date ranges.

<time class="CalendarDate CalendarDate--range" datetime="2016-10-10T12:30">
  <span class="CalendarDate-header">Oct</span>
  <span class="CalendarDate-body">10-12</span>
</time>