Your Guide to Using the SharePoint Modern Calendar View

Ashley Jolman, CSM

October 18, 2021

We’ll show you how to configure a modern calendar view and a quick way to also display that calendar on any SharePoint page!

Until now, users on modern SharePoint have had to endure a poor-looking classic calendar view on their otherwise clean, modern sites. There was a workaround as we showed in our original blog, but this involved some extra time and no one likes having to take extra steps to get something that should be available in the first place! Now modern calendar view is available directly through the lists web part in SharePoint.

Adding a Modern Calendar View 

Since we published this blog, Microsoft has released a modern calendar view through the web part without the need for any type of workaround. Here’s how to do it: 

Add the list web part as you normally would 

Once you add the list web part, you’ll have the option to choose from the list or lists you have created in that site collection. I create my lists in Microsoft Lists and then save them to the site I want to associate it to, then, when I’m editing that SharePoint Site, it is shown as an option to display in the web part. Once you add your list it will show like this: 

You do still need to follow the steps in the original blog to create a new view for your list as a calendar.  If you have a list you haven’t established a calendar view for yet, you can easily do that from right within the web part. As long as you have a calendar view created, you can switch to this view while editing your site: 

Once you select the view, your list will display accordingly. However, the view won't change on your SharePoint site until you edit the web part settings to your desired view. To do this, click the edit web part icon, and then change `View` to `Calendar` and hit `Apply`. 

Now your list web part will display in the custom calendar view you created and you are ready to `Republish` your site. Once you republish you are good to go with your modern calendar view. 

Limitations 

While this feature will greatly improve the experience in displaying a calendar on our SharePoint sites, there are some limitations: 

  • Recurring events are not currently supported 
  • Overlay is unavailable 
  • No integration with Outlook 

These are features we enjoyed with calendars on classic SharePoint, so we are hopeful they’ll eventually be available in modern, we just don’t know when. 

Conclusion 

Displaying a modern calendar view is finally quick and easy. It can be done seamlessly while editing web parts, and quickly changed if you change your mind.  

Editor's note: This post was initially published in April 2021 and has been revamped and updated for accuracy. Below, we have included the content from the original blog for your learning purposes.

One of the differences in SharePoint between classic and modern team sites has been the availability of a calendar view for lists. In a Classic site, you could create a Calendar list and then display the data on any page using the list web part. Many users have been left frustrated at the loss of the feature in the ‘upgrade’ to the modern SharePoint experience, and they’ve turned to piecing together classic view calendars on their modern site. This is not only a bit of an eyesore, but it limits functionality. Microsoft has solved part of this issue by adding a modern calendar view. These can be created in Microsoft Lists. One piece of functionality that is still missing is the ability for the web part to display the modern calendar view. However, there is a quick workaround to accomplish this by embedding the modern calendar into a page.  

Create a New Calendar View in the Modern Experience

The first step is to create a modern calendar view. The easiest way to create a new calendar view is to open the list you want to view, and simply click the drop-down on the top menu bar to change your view. Select ‘Create new view:’

From here, you will be prompted to name your view, select ‘Calendar’, and customize start/end dates:

Once created, your list view now shows as a calendar.  You can even select Calendar view as your default.   

Now that you’ve created your Calendar view, lets display it on our SharePoint site. 

Adding a Modern Calendar to SharePoint Online 

Once you created your modern calendar view, you may want to add it to a SharePoint page so you can include it with other content. Unfortunately, this isn’t available in the out-of-the-box web parts yet. There is a workaround, where you use the embed web part to display the view. 

To embed this web part, follow the steps below: 

  1. In your List, open the calendar view  
  2. Copy the URL of the calendar view from your browser and save it (will be used at a later step) 
  3. Navigate back to your modern SharePoint page and enter Edit mode by clicking the Edit button in the top right corner, and add an Embed web part 
  4. If you paste the link into the “website address or embed code” box, you’ll receive an error.  You will need to paste your link using an iframe in the following format: `<iframe src="[Your_View_URL]" width="100%" height="720"></iframe>`
  5. Save and publish the page 

The result should be a modern calendar integrated into the design of your modern page: 

Conclusion 

Users have eagerly awaited the modern calendar view in SharePoint. While we hope that one day Microsoft allows this view directly from the web part, this workaround is great and easy to implement. 

No items found.

Does your organization need help with SharePoint? We can help.

Schedule a CallSchedule a Call

Have Questions About This?

Leave a comment below!

Bring them to our next Online Office Hours

Thanks!
Was this helpful?