<aside> 👉 Calendar block is available for users on the Professional plan and above.

</aside>

Calendar block

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.

</aside>

Calendar settings

Calendar settings

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:

• Date format in data source;
• Start week on;
• Calendar default view;
• Event title;
• Start date and time;
• End date and time;
• Event color (you can assign a distinct color to each event).

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

Date format in data source

Here, you have different date display formats.