v7.3.0

SchedulerDatePicker
Widget

A subclass of DatePicker which is able to show the presence of events in its cells if configured with an eventStore, 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.

This class implements its own cellRenderer to show event presence. If you add a cellRenderer to a SchedulerDatePicker, showEvents will not work as expected.

See also

No results

Configs

Configs are options you supply in a configuration object when creating an instance of this class
  • The event store from which the in-cell event presence indicators are drawn.

  • showEvents : Boolean/'count'/'heatmap'false

    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.
    • 'heatmap' - show warmer background colors the more events are present for a date

Properties

Properties are getters/setters or publicly accessible variables on this class

CSS variables

CSS variables that can be set to adjust appearance
Name Description
--b-date-picker-cell-badge-background Background color for badge showing event count
--b-date-picker-cell-badge-color Text color for badge showing event count
--b-date-picker-cell-badge-font-size Font size for badge showing event count
--b-date-picker-cell-badge-size Size of badge showing event count
type: datepicker

Source path

Scheduler/widget/SchedulerDatePicker.js

Contents