Skip to content

Supported styling properties for CalendarDates of Calendar component of the control

CalendarDates:

Properties iOS Android Remarks
font-color: Color ✓ ✓ Color of the dates
font-style: UIFont.TextStyle ✓ Style of the font, for iOS, e.g. body / caption / headline, refer to UIFont.TextStyle
font-typeface: Typeface ✓ Typeface of the font, e.g. bold, italic
font-size: Number ✓ Size of the font for the dates
ripple-color: Color ✓ Color of the animated ripple when a currently non-selected date is pressed
font-color-highlighted: Color ✓ ✓ Color of today's date
font-style-highlighted: UIFont.TextStyle ✓ Style of the font, for iOS, e.g. body / caption / headline, refer to UIFont.TextStyle
font-typeface-highlighted: Typeface ✓ Typeface of the font, e.g. bold, italic
font-size-highlighted: Number ✓ Size of the font for today's date
border-color-highlighted: Color ✓ Border color for today's date
background-color-selected: Color ✓ ✓ Background color of selected date
background-color-range-selected: Color ✓ Background color of selected date range
font-color-selected: Color ✓ ✓ Color of selected date
font-style-selected: UIFont.TextStyle ✓ Style of the font, for iOS, e.g. body / caption / headline, refer to UIFont.TextStyle
font-typeface-selected: Typeface ✓ Typeface of the font, e.g. bold, italic
font-size-selected: Number ✓ Size of the font for selected date
border-color-selected: Color ✓ Border Color of selected date
ripple-color-selected: Color ✓ Color of the animated ripple when a currently selected date is pressed
font-color-enabled: Color ✓ ✓ Color of the dates outside the month
font-style-enabled: UIFont.TextStyle ✓ Style of the font, for iOS, e.g. body / caption / headline, refer to UIFont.TextStyle
font-typeface-enabled: Typeface ✓ Typeface of the font, e.g. bold, italic
font-size-enabled: Number ✓ Size of the dates outside the month