CalendarLegend
<ui5-calendar-legend>
| Since 1.23.0The ui5-calendar-legend
component is designed for use within the ui5-calendar
to display a legend.
Each ui5-calendar-legend-item
represents a unique date type, specifying its visual style
and a corresponding textual label.
ES6 Module Import​
import "@ui5/webcomponents/dist/CalendarLegend.js";
Basic Sample​
Properties​
hideToday​
hideSelectedDay​
hideNonWorkingDay​
hideWorkingDay​
Slots​
default​
Events​
No events available for this component.
Methods​
No methods available for this component.
CSS Parts​
No CSS parts available for this component.
More Samples​
CalendarLegendItem Types​
Hide CalendarLegendItems​
By default, the CalendarLegend shows Today, SelectedDay, WorkingDay and NonWorkingDay items. However, you can hide them as shown in the sample.