Calendar

The Calendar component provides a responsive, dynamic, accessible, localized month-based calendar.

SunMonTueWedThuFriSat
April 2025 

{
  "locale": "en-us",
  "type": "view",
  "microcopy": {
    "today": "Today: {date}",
    "next": "Next Month",
    "previous": "Previous Month"
  }
}

Properties

NameTypeDefaultDescription
localeStringen-USAny valid single locale for Date.prototype.toLocaleString()
microcopyObject-Translatable strings for the microcopy for the calendar. All properties must be present to be valid.
microcopy.todayStringToday: {date}String representation of Today: {date}. Must include {date}, which will be replaced with the localized date.
microcopy.nextStringNext MonthString representation of Next Month
microcopy.previousStringPrevious MonthString representation of Previous Month

Events

NameArgumentsDescription
dateSelectedtargetWhen a click event is fired on a date, this event will fire and pass the relevant target of the event