# wrapper

Target Area:
Wrapper for both single and double-paned calendars.

Default:

{
  backgroundColor: '#fafafa',
  border: '1px solid #dadada'
}

# verticalDivider

Target Area:
Vertical divider that appears between calendar panes.

Default:

{
  borderLeft: '1px solid #dadada'
}

# horizontalDivider

Target Area:
Horizontal divider that appears between calendar panes.

Default:

{
  borderTop: '1px solid #dadada'
}

# header

Target Area:
Header section that encapsulates arrows and title. ^[1]

Default:
null

# headerTitle

Target Area:
Header title. ^[1]

Default:
null

# headerArrows

Target Area:
Header arrows that can be styled just like a font. ^[1]

Default:
null

# headerHorizontalDivider

Target Area:
Horizontal divider that appears just below header section.

Default:
null

# weekdays

Target Area:
Weekday section that encapsulates all the weekday labels. ^[1]

Default:
null

# weekdaysHorizontalDivider

Target Area:
Horizontal divider that appears just below weekdays section.

Default:
null

# weeks

Target Area:
Weeks section that encapsulate all the days of the month. ^[1]

Default:
null

# dayCell

Target Area:
Day cell that contains day content and any associated attributes.

Default:
null

# dayContent

Target Area:
Content area within the day cell that contains the day of the month number. ^[2]

Default:
null

# dayPopoverContent

Target Area:
Popover container for attribute popover labels and slot content.

Default:

{
  color: '#333333',
  fontSize: '.8rem',
  whiteSpace: 'nowrap'
}

# dots

Target Area:
Container for dot indicators.

Default:
null

# bars

Target Area:
Container for bar indicators.

Default:
null

# navHeader

Target Area:
Navigation pane header.

Default:
null

# navHeaderArrows

Target Area:
Navigation header arrows.

Default:
null

# navHeaderTitle

Target Area:
Navigation header title.

Default:
null

# navMonthCell

Target Area:
Navigation month cells. ^[3]

Default:
null

# navYearCell

Target Area:
Navigation year cells. ^[3]

Default:
null