A calendar date.
<time class="CalendarDate " datetime="2016-04-12T18:30">
<span class="CalendarDate-header">Dec</span>
<span class="CalendarDate-body">9</span>
</time>
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>