Add Calendar List in the Modern SharePoint Online Site Pages

In this Modern SharePoint Online tutorial, We will discuss how we can add a Calendar List in the Modern SharePoint Online Site Page. Also, we will see how we can add an “Events” Web Part to Modern SharePoint Site Page in SharePoint Online to display calendar list.

If you are new to SharePoint modern experience, then read a few SharePoint Online modern experience tutorial:

In this below example, I have a SharePoint Online Calendar List as “TSInfoEvent“. In this TSInfoEvent Calendar List, I have some Company Events on specific dates. You can see the Calendar List (“TSInfoEvent“) as shown below.

Add Calendar List in the Modern SharePoint Site Page
Add Calendar List in the Modern SharePoint Site Page

I want to display this TSInfoEvent Calendar List in the Modern SharePoint Online Site Page. But by default, the calendar list will not appear in the lists web part in modern SharePoint sites.

The alternate way is we can use Events modern SharePoint web part to display the calendar events in it.

Add Calendar List in Modern SharePoint Online Site Page using Events web part

To add the Calendar List in Modern SharePoint Online Site Page, First of all, open your existing or new Modern Site Page. Add an “Events” Web Part to the Modern SharePoint Site Page using “+” option.

Add Calendar List in Modern SharePoint Site Page
Add Calendar List in Modern SharePoint Site Page

Once you will add the Events Web Part to the Modern SharePoint Online Site Page, It will appear like below screenshot. In that Events Web Part, You can directly enter the title of the event whereas I have entered “Company Events“.

To display the Calendar List in SharePoint Online Site Page, Click on “Edit” option which is present on the left side of the Events web part.

How to add Calendar List in the Modern SharePoint Site Page
How to add Calendar List in the Modern SharePoint Site Page

When you will click on the Edit option, An Events settings page will appear as shown below. Go to the “Events list” field and select your Calendar list from the dropdown. As in this example, I have “TSInfoEvent” Calendar list, So I have selected this Calendar list from the dropdown.

How to add Calendar List in Modern SharePoint Site Page
How to add Calendar List in Modern SharePoint Site Page

Once you will add your Calendar list, then the Calendar Events will display like the below screenshot. For this example, I have these below company events which is present in the Calendar list.

Add Calendar in the Modern SharePoint Site Page
Add Calendar in the Modern SharePoint Site Page

You may like following SharePoint tutorials:

Hence in this SharePoint Online tutorial, We discussed how we can add a Calendar List in the Modern SharePoint Online Site Page. Also, we saw how we can add an Events Web Part in the Modern SharePoint Online Site Page. Hope this will be helpful.

  • Article says how to create a SharePoint Modern Calendar list, then never does so. Only picks an already existing list without showing us how it got created.

  • >