Skip to main content

Calendar tile

Highlight an important date

Overview #

Use the calendar tile component to highlight an important date.

Examples #

<div class="rvt-cal">
<span class="rvt-cal__month">Jan</span>
<span class="rvt-cal__day">20</span>
<span class="rvt-cal__year">2023</span>

Usage #

  • Year is optional. You can omit the element with the .rvt-cal__year CSS class if you don’t need it.


  • Use to highlight a date on an event page or in a calendar feed


  • Use to build an interface that visually represents an entire monthly calendar