<aside> 👉 Calendar block is available for users on the Professional plan and above.
The Calendar block is for showing events from your data source in a calendar view. Let's walk through the block settings and see how it's configured.
Similar to the List block, you need to select the data source where you want to get the data from and can also add inline filters, a search bar, and conditional filters. Now, let's review the settings that are specific to the Calendar block.
<aside> 💡 Users can add new records, edit existing ones, as well as delete events through Action Buttons.
In the Content tab of the block settings, you can customize the Title and Subtitle of your block, but, most importantly, your have the Calendar Settings section, where you map the calendar fields from the selected data source. The following fields are available:
So, let's see how we can organize the data in your data source to use it along with the Calendar block on Softr. We are going to use Airtable to demonstrate that, but it will work just fine with other data sources as well.
Below you can see a table that we've created for demonstration purposes. It contains 4 fields and 5 rows (events). Let's see what field types and values we've used for each field.
Table with event data
Here, you have different date display formats.