Adding a Modern Calendar View to a SharePoint Page - Updated 2022

Until recently SharePoint Modern sites couldn’t show list data with a date column in a Calendar view. This was a huge missing feature as this functionality makes viewing data by date very natural to consume. Now that Microsoft has added a calendar view to Microsoft Lists we also have a modern calendar view in SharePoint. Here we'll show you how to configure a modern calendar view and a quick way to also display that calendar on any SharePoint page!

Full Blog Writeup

Check Out April Dunnam's Video to Customize Colors

💡 Check out the Internal Communication Guidebook we mentioned:

If you found this video helpful, subscribe to always be in the know of O365. This whole channel is focused on creating content around the Microsoft space. We create videos on Sharepoint, Power Platforms, Planner, Outlook, and other M365 tools. Technology should be an enabler, not a barrier, to productivity and happiness at work. Our mission is to empower your workforce through technology.

Other Free Resources + Guides 👇

Presenter: Ashley Jolman

0:00 Intro
1:04 Creating the Modern Calendar View
4:01 Adding and configuring the list web part
7:06 Limitations
8:09 Conclusion

[MrTigerjit]

Excellent Video!!! so direct and up to the point. The description of the video exactly matches what is shown in it. 5 star!

[emjem]

You don't need to select the view and then edit the Web part. You just need to edit the Web part and select the required view and, once published, that's the view the Web part will show by default when the page loads. You also don't have to create the list in MS Lists as SharePoint (online) has all the MS Lists templates baked in and available when you create a new list.

[IureCruz]

7:16 Wonderful video. Thank you very much! Tip, it is possible to change the colors in the calendar view. To do this, you need to edit the table settings.

[cvkealey]

The "modern" calendar view looks nice, but is just too limited to be of any real value. I understand that the classic experience had its issues, but replacing it with a less functional interface and then (very) slowly re-introducing those features people have relied on for years was not a classy move of Microsoft's part.

[Jenalvy]

You can add colors using the filters by making a rule. I added a category column, the used the rule for each tag. Hope it helps (7:17)

[mohamedabdelrahman]

Perfect explanation and demonstration especially the walk-around solution for such issue and also the limitations part was good to point to highlight.

[Meeffoc]

what a life saving! I've been looking for a solution alike since teams would not allow users to create events rather than meetings in it's calendar to be shared. Thank you!!

[jherschel]

Thanks for the video, I wish it was easier, but like you said, 'excited that there is more to come'...

[EnlightenedOne]

@7:15 it turning black and white is not inherent to the Calendar web part. It's turning black and white because it's inheriting the theme of your Sharepoint site. If you changed the theme you would see the color scheme update as well.

[carlod]

Fantastic walkthrough, I'm currently updating my org's page and I think it's kinda dumb for SharePoint not have recurring event dates; or just updating their calendar app to a modern one.

[TheSnekkerShow]

Me at work today: "I must be an idiot because I can't figure out how to add a calendar app to SharePoint anymore." Me after watching this video after work today: "Someone at Microsoft must be an idiot because nobody can figure out how to add a calendar app to SharePoint anymore." I enjoyed the irony of using an issue-tracker list template as a partial workaround to this issue.

[OpeKoney]

Amazing video. It was dense and very helpful. Thanks!!!

[dmsselect]

Nicely done video. Appreciate the timely update.

[_Rodrigo_]

Excellent video and explication!!
Thanks you a lot!!!

[felixthecatx]

Thanks for making this video! Does the calendar have the holidays?

[jvveeks]

Are you able to have items over multiple days? Ex: My event is from 1/5/21-1/7/21. You can do multiple date columns, how does that impact the calendar view?

[denisacechova]

Nice video! what about the time zones please? When a person who opens this calendar is located in a different time zone, what would this person see?

[LauraLuisaRosenberg]

Hey I am really struggling, It works for 2 columns (Title and a choice column) but not all the others (string or choice columns). I checked for the internal names even with the microsoft graph. But still running into this issues, don't know how to fix it. I have a normal SP List.

[dianaquintero]

Hi there! great video, thank you for taking the time to do it. Just a quick question. I have defined a start time and duration for the event on my list. is there any chance for the calendar view to consider this and not to put every event as a "all day" event?

[terrellwilliams]

Say if I have two team sites and I want there calendar to show on one how would I do that in modern view for the calendar? Great job by the way.