Calendar widget

Displays data in calendar format.

https://kroki.io/svgbob/svg/eNpT0NPFAvS4FGoUwMA5MSc1LyWxCMKrAYpjU1_DpZuvkJyfl5aZDlRVnJqTmlySmZ-nkK8LkkhJLElUQAVAg9SxGaQOANoHHzk=

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.

AttributeDescription
minDateThe min date of the enabled date range.
maxDateThe max date of the enabled date range.
includeDatesAn array of dates to include.
excludeDatesAn array of dates to exclude.
clearableIf 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:

{
“clearable”: true,
“minDate”:2019-01-01,
“maxDate”:2020-01-01,
“includeDates”: [
2019-06-02,
2019-06-03"
],
“excludeDates”: [
2019-06-02"
]
}

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).

Related