You can add a calendar block to a page to show upcoming events. For example, you could show company events or use the resource scheduler to show which employees in your immediate team are on annual leave.
Events Calendar
Primary action
The primary action is what happens when a user selects the event in the calendar. For example, you could open a modal showing more details of the event or a form to edit event details.
Chips
Chips are small blocks of color that sit within your item to illustrate an action. For example, you might include a chip on a leave request to illustrate whether it's a paid leave type or not. We recommend you use chips to highlight exceptions rather than norms. For example, a leave type would be more likely to have a chip to represent 'unpaid' rather than 'paid' as 'unpaid' is less usual.
Resource scheduler
You can group events by their resources, such as a particular user or meeting room. The resource layout shows on the left of the calendar, with the events to the right. You can use the icon at the top to toggle between the calendar and the resource scheduler.
Before you add a calendar block to a page, you need to make sure you have a "Calendar" model with all the data that you want to display on the calendar. To add a model, see our knowledge base article, Create a new model.
At a minimum, we recommend that you add a date range property to the calendar model that you want to use in a calendar block. You can link the calendar model to your user model with a foreign key to don't need to duplicate data. You can then view the linked user model's properties in this calendar block. So, for example, when a user submits a date range, you can see the user's details of who submitted the date range in your calendar.