CalendarDatePicker
A subclass of DatePicker which is able to show the presence of events in its cells if contained in a Calendar, and showEvents is set to a truthy value.
The datepicker Widget type is implemented by this class when this class is imported, or built
into a bundle, and so any DateField may have its
picker configured to use its capabilities of showing
the presence of events in its date cells.
cellRenderer to show event presence. If you add a cellRenderer
to a DatePicker, showEvents will not work as expected.Configs
154
Configs
154Common
Other
When showEvents is not 'count', setting this to
true means that a tooltip containing the event count will be shown on hover of
a day cell.
When showEvents is 'dots', this controls the layout of the dots
below the day number.
If the max property is 1, the dots will be coloured using the default event colour,
not the colour of the event. This is to create a consistent appearance.
| Parameter | Type | Description |
|---|---|---|
marginTop | Number | The margin above the dots. Default is 4. |
max | Number | The maximum number of dots to show. Default is 4. |
gap | Number | The gap between dots. Default is 3. |
size | Number | The size of the dots. Default is 5. |
stripe | Boolean | If |
How to show presence of events in the configured eventStore in the day cells. Values may be:
false- Do not show events in cells.true- Show a themeable bullet to indicate the presence of events for a date.'count'- Show a themeable badge containing the event count for a date.'dots'- Show small event-coloured bullets up to a maximum ofeventDots.maxto indicate event presence.'heatmap'- show warmer background colors the more events are present for a date
Content
CSS
DOM
Float & align
Layout
misc
Misc
Scrolling
Properties
113
Properties
113Class hierarchy
Other
When showEvents is not 'count', setting this to
true means that a tooltip containing the event count will be shown on hover of
a day cell.
When showEvents is 'dots', this controls the layout of the dots
below the day number.
If the max property is 1, the dots will be coloured using the default event colour,
not the colour of the event. This is to create a consistent appearance.
| Parameter | Type | Description |
|---|---|---|
marginTop | Number | The margin above the dots. Default is 4. |
max | Number | The maximum number of dots to show. Default is 4. |
gap | Number | The gap between dots. Default is 3. |
size | Number | The size of the dots. Default is 5. |
stripe | Boolean | If |
How to show presence of events in the configured eventStore in the day cells. Values may be:
false- Do not show events in cells.true- Show a themeable bullet to indicate the presence of events for a date.'count'- Show a themeable badge containing the event count for a date.'dots'- Show small event-coloured bullets up to a maximum ofeventDots.maxto indicate event presence.'heatmap'- show warmer background colors the more events are present for a date