Calendar widget

The calendar widget displays a calendar, where the use can select a single date or a date range.

Example

Properties

Property

Description

Data type

allowedWeekends

Indicates whether weekend dates are selectable.

Boolean

endDate

End date for the date range.

string (date)

id

Unique identifier of this widget.

string

label

Optional label text displayed for calendar.

string

rangeSelect

Indicates whether user can select a date range.

Boolean

selectedDate

Optional default date selected by the widget by default.

string (date)

startDate

Start date for the date range.

string (date)
type Rich-media type, which is always Calendar. string

Widget-specific expression evaluations

Property

Description

Data type

rangeEnd

Example: #widget1.cal1.rangeEndDate

 string (date)

rangeStart

Example: #widget1.cal1.rangeStartDate

 string (date)

selectedDate

Example: #widget1.cal1.selectedDate

 string (date)

Code samples

var obj = {
    "widgetType": "form",
    "nodes":
    [{
            "id": "widget1",
            "controls": {
                "0": {
                    "type": "Calendar",
                    "id": "cal1",
                    "label": "select your birthday",
                    "endDate": "04/10/2020",
                    "startDate": "10/10/2019",
                    "allowedWeekends": true
                }
            }
        }
    ]
}

var obj = {
    "widgetType": "form",
    "nodes":
    [{
            "id": "widget1",
            "controls": {
                "0": {
                    "type": "Calendar",
                    "id": "cal1",
                    "dateInputs": {
                        "items": [{
                                "type": "ShortInput",
                                "id": "input20",
                                "label": "DOB",
                                "material": true,
                                "actionType": "date",
                                "validation": {
                                    "required": {
                                        "value": true,
                                        "error": "DOB is required"
                                    }
                                }
                            }
                        ]
                    },
                    "label": "select your birthday",
                    "endDate": "04/10/2020",
                    "startDate": "10/10/2019",
                    "allowedWeekends": true
                }
            }
        }
    ]
}
var obj = {
    "widgetType": "form",
    "nodes":
    [{
            "id": "widget1",
            "controls": {
                "0": {
                    "type": "Calendar",
                    "id": "cal3",
                    "label": "select your birthday",
                    "allowedWeekends": true,
                    "rangeSelect": true,
                    "rangeStartDate": "03/05/2020",
                    "rangeEndDate": "04/10/2020",
                    "dateInputs": {
                        "items": [{
                                "type": "ShortInput",
                                "id": "input22",
                                "label": "DOB",
                                "material": true,
                                "actionType": "date",
                                "validation": {
                                    "required": {
                                        "value": true,
                                        "error": "DOB is required"
                                    }
                                }
                            }, {
                                "type": "ShortInput",
                                "id": "input20",
                                "label": "DOB",
                                "material": true,
                                "actionType": "date",
                                "validation": {
                                    "required": {
                                        "value": true,
                                        "error": "DOB is required"
                                    }
                                }
                            }
                        ]
                    }

                }
            }
        }
    ]
}