Calendar Widget

1 Description
2 Attributes
3 Example

Description

The calendar widget allows for the display of an array of events in a calendar utilising a month view.

Screenshot 2025-01-23 at 08-52-30 Snapshot 1736411932231 (Snapshot 1736411932231).png

Attributes

Each event consists of the following attributes:

title: String - The title of the event

start: String - A valid date-time string ( 2011-10-10T14:48:00 )

end: String - A valid date-time string ( 2011-10-10T14:48:00 )

color: String -

description: String - The description of the event

displayEdit: Boolean - Used to show or hide the edit button when viewing an event

Example

{
	"events": [
		{
			"title": "Test Event",
			"start": "2025-01-24T08:00:00",
			"end": "2025-01-24T17:00:00",
			"color": "green",
			"description": "This is an event description",
			"displayEdit": true
		},
		{
			"title": "Meeting",
			"start": "2025-01-22T10:00:00",
			"end": "2025-01-22T11:30:00",
			"color": "red",
			"description": "Discuss this meeting in more detail",
			"displayEdit": false
		},
		{
			"title": "Dentist",
			"start": "2025-01-22T13:00:00",
			"end": "2025-01-22T14:00:00",
			"color": "orange",
			"description": "This is an event description",
			"displayEdit": true
		},
		{
			"title": "Inspection",
			"start": "2025-01-23T09:00:00",
			"end": "2025-01-23T12:00:00",
			"color": "blue",
			"description": null,
			"displayEdit": true
		}
	]
}