Calendar widget
Displays data in calendar format.
In-ports
config JSON
- widget configuration parameters.
data Array
- data to display.
Out-ports
selection Array
- emits an array of the selected dates formatted as "YYY-MM-DD
".
Overview
Calendar widget provides easy and intuitive ways to display data in calendar format. By default it displays a monthly view calendar with any date selectable. Selected dates emitted on selection
output as an array of string dates formatted as "YYY-MM-DD
".
Advanced Configuration
You can define what dates are available for selection in the Calendar. Set any or all of the following attributes: date range (from minDate
to maxDate
), included set (includeDates
) and excluded set ( excludeDates
). The resulting enabled dates in the Calendar will be a union of all the dates defined by these attributes. Specify them in widget's Advanced Settings or pass as JSON
object to config
input.
Attribute | Description |
---|---|
minDate | The min date of the enabled date range. |
maxDate | The max date of the enabled date range. |
includeDates | An array of dates to include. |
excludeDates | An array of dates to exclude. |
clearable | If set to true, the date in the calendar can be unselected. In that case an empty array will be emitted on selection output. |
Here is an example of the config object:
Settings
Title
The widget title.
Show in Datascope
If turned on, the widget will be added to Datascope panel.
Hide progress bar
Controls the visibility of widget progress bar (visible by default).
Hide help icon
Controls the visibility of help icon (visible by default).