Skip to main content

Type alias: StyledElement<T>#

Ƭ StyledElement<T>: object

Represent the style (either via class names or via in-line styles) of an element.

Type parameters:#

NameDefault
Tstring | React.CSSProperties

Type declaration:#

NameTypeDescription
buttonTThe style of the buttons.
button_resetTThe style for resetting the buttons.
captionTThe style of the caption (showing the calendar heading and the navigation)
caption_dropdownsTThe style of the drop-downs container.
caption_firstTThe style of the caption when the first of a series of months.
caption_labelTThe style of the caption label (e.g. "September 2021").
caption_lastTThe style of the caption when the last of a series of months.
caption_middleTThe style of the caption when in the middle of a series of months..
cellTThe style of the table cell containing the day element.
dayTThe style of the day button (it is a span when not interactive).
day_outsideTThe style of a day when outside the month.
day_todayTThe style of today button.
dropdownTThe style of the drop-down (select) element.
dropdown_iconTThe style of the drop-down icon.
dropdown_monthTThe style of the drop-down to change the month.
dropdown_yearTThe style of the drop-down to change the year.
headTThe style of the table’s head.
head_cellTThe style of the head cell.
head_rowTThe style of the row in the head.
monthTThe style of the table wrapper.
monthsTThe style of the months wrapper.
multiple_monthTThe style of the root element when numberOfMonths > 1.
navTThe style of the navigation container.
nav_buttonTThe style of the navigation button.
nav_button_nextTThe style of the "next month" navigation button.
nav_button_previousTThe style of the "previous month" navigation button.
nav_iconTThe style of the icon for the navigation button.
rootTThe style of the root element.
rowTA style of the table’s row.
row_headTThe style of the row’s head (displaying the week numbers).
tableTThe style of table containing the monthly calendar.
tbodyTThe style of the table body.
tfootTThe style of the table footer.
vhiddenTThe style of an element visually hidden.
weeknumberTThe style of the weeknumber.
with_weeknumberTThe style of the root element when showWeekNumber={true}.