<!-- AUTO-GENERATED FILE. Do not edit manually. -->

# Token Reference Table

This table lists all tokens for this component:

| Token | Description |
|-------|------------|
| shadow | Controls the shadow of the calendar view container.<br>CSS variable: --wm-calendar-view-shadow |
| border.color | Sets the border color of the calendar view.<br>CSS variable: --wm-calendar-view-border-color |
| border.style | Controls the border style of the calendar view. Acceptable values: solid, dashed, dotted, none.<br>CSS variable: --wm-calendar-view-border-style |
| border.width | Controls the border width of the calendar view.<br>CSS variable: --wm-calendar-view-border-width |
| radius | Controls the border radius of the calendar view.<br>CSS variable: --wm-calendar-view-radius |
| background | Controls the background color of the calendar view.<br>CSS variable: --wm-calendar-view-background |
| toolbar-title.font-weight | Controls the font weight of the calendar title. <br>CSS variable: --wm-calendar-toolbar-title-font-weight |
| toolbar-title.font-family | Controls the font family of the calendar title.<br>CSS variable: --wm-calendar-toolbar-title-font-family |
| toolbar-title.font-size | Controls the font size of the calendar title.<br>CSS variable: --wm-calendar-toolbar-title-font-size |
| toolbar-title.letter-spacing | Controls the letter spacing of the calendar title.<br>CSS variable: --wm-calendar-toolbar-title-letter-spacing |
| toolbar-title.line-height | Controls the line height of the calendar title.<br>CSS variable: --wm-calendar-toolbar-title-line-height |
| button.background | Controls the background color of the buttons in the calendar toolbar.<br>CSS variable: --wm-calendar-button-background |
| button.color | Controls the text color of the buttons in the calendar toolbar.<br>CSS variable: --wm-calendar-button-color |
| button.border-color | Controls the border color of the buttons in the calendar toolbar.<br>CSS variable: --wm-calendar-button-border-color |
| button.font-weight | Controls the font weight of the button captions in the calendar toolbar.<br>CSS variable: --wm-calendar-button-font-weight |
| button.font-family | Controls the font family of the button captions in the calendar toolbar<br>CSS variable: --wm-calendar-button-font-family |
| button.font-size | Controls the font size of the button captions in the calendar toolbar<br>CSS variable: --wm-calendar-button-font-size |
| button.letter-spacing | Controls the letter spacing of the button captions in the calendar toolbar<br>CSS variable: --wm-calendar-button-letter-spacing |
| button.line-height | Controls the line height of the button captions in the calendar toolbar<br>CSS variable: --wm-calendar-button-line-height |
| button.border-width | Controls the border width of the buttons in the calendar toolbar<br>CSS variable: --wm-calendar-button-border-width |
| button.border-style | Controls the border style of the buttons in the calendar toolbar<br>CSS variable: --wm-calendar-button-border-style |
| button.border-radius | Controls the border radius of the buttons in the calendar toolbar<br>CSS variable: --wm-calendar-button-border-radius |
| button.active.background | Controls the background color of the active button in the calendar toolbar.<br>CSS variable: --wm-calendar-button-active-background |
| button.active.border-color | Controls the border color of the active button in the calendar toolbar.<br>CSS variable: --wm-calendar-button-active-border-color |
| button.active.border-width | Controls the border width of the active button in the calendar toolbar.<br>CSS variable: --wm-calendar-button-active-border-width |
| button.active.border-style | Controls the border style of the active button in the calendar toolbar<br>CSS variable: --wm-calendar-button-active-border-style |
| button.active.border-radius | Controls the border radius of the active button in the calendar toolbar<br>CSS variable: --wm-calendar-button-active-border-radius |
| button.active.color | Controls the text color of the active button in the calendar toolbar.<br>CSS variable: --wm-calendar-button-active-color |
| date.padding | Controls the padding of the date cells in the calendar.<br>CSS variable: --wm-calendar-date-padding |
| date.font-weight | Controls the font weight of the date cells in the calendar.<br>CSS variable: --wm-calendar-date-font-weight |
| date.font-family | Controls the font family of the date cells in the calendar.<br>CSS variable: --wm-calendar-date-font-family |
| date.font-size | Controls the font size of the date cells in the calendar.<br>CSS variable: --wm-calendar-date-font-size |
| date.color | Sets the color of calendar anchor elements.<br>CSS variable: --wm-calendar-anchor-color |
| date.today.background | Controls the background color of current day cell in the calendar.<br>CSS variable: --wm-calendar-daygrid-today-background |
| date.today.text.color | Controls the text color of current day cell in the calendar .<br>CSS variable: --wm-calendar-daygrid-today-text-color |
| toolbar.vertical.padding | Controls vertical padding of the calendar header.<br>CSS variable: --wm-calendar-toolbar-vertical-padding |
| toolbar.horizontal.padding | Controls horizontal padding of the calendar header.<br>CSS variable: --wm-calendar-toolbar-horizontal-padding |
| time.text.font-weight | Controls the font weight of calendar time text. Acceptable values: normal, bold, 100-900.<br>CSS variable: --wm-calendar-time-text-font-weight |
| events.gap | Controls spacing between calendar events.<br>CSS variable: --wm-calendar-events-gap |
| daygrid.event.radius | Controls the border radius of calendar day grid events.<br>CSS variable: --wm-calendar-daygrid-event-radius |
| v.event.main.color | Sets the main color of calendar events.<br>CSS variable: --wm-calendar-v-event-main-color |
| popover.radius | Controls the border radius of calendar popovers.<br>CSS variable: --wm-calendar-popover-radius |
| popover.heading.padding | Controls padding of calendar popover headings.<br>CSS variable: --wm-calendar-popover-heading-padding |
| popover.title.font-size | Controls the font size of calendar popover titles.<br>CSS variable: --wm-calendar-popover-title-font-size |
| popover.title.font-weight | Controls the font weight of calendar popover titles. Acceptable values: normal, bold, 100-900.<br>CSS variable: --wm-calendar-popover-title-font-weight |
| popover.title.font-family | Sets the font family of calendar popover titles.<br>CSS variable: --wm-calendar-popover-title-font-family |
| popover.title.line-height | Controls the line height of calendar popover titles.<br>CSS variable: --wm-calendar-popover-title-line-height |
| event.background | Sets the background color of calendar events.<br>CSS variable: --wm-calendar-event-background |
| event.color | Sets the text color of calendar events.<br>CSS variable: --wm-calendar-event-color |
| event.dot.color | Sets the color of calendar event dots.<br>CSS variable: --wm-calendar-event-dot-color |
| header.font-weight | Controls the font weight of calendar header columns text. Acceptable values: normal, bold, 100-900.<br>CSS variable: --wm-calendar-header-text-font-weight |
| header.font-family | Controls the font family of calendar header columns text.<br>CSS variable: --wm-calendar-header-text-font-family |
| header.font-size | Controls the font size of calendar header columns text.<br>CSS variable: --wm-calendar-header-text-font-size |
| header.color | Controls the text color of calendar header columns.<br>CSS variable: --wm-calendar-header-color |
| header.background | Controls the background color of calendar header columns.<br>CSS variable: --wm-calendar-header-background |