SharePoint Group Calendar Web Part

In this SharePoint Online tutorial, we will discuss on SharePoint Group Calendar web part.

We will discuss the SharePoint Group Calendar web part and how by using the group calendar web part we can easily display the upcoming events to the users. We can also schedule meetings on a group calendar web part in SharePoint Online.

We will see a few examples in the group calendar web part on SharePoint online environment. Some of the features might not be available in SharePoint Server 2019.

What is a Group Calendar in SharePoint

  • The Microsoft 365 Group is connected to the SharePoint modern online team sites that provide a SharePoint shared calendar. Every member in a group can schedule a session or conference on a group calendar in aOutlook.
  • Each group has a shared calendar where you and every member of your group can schedule, edit, and see upcoming events.

Read SharePoint News Web Part

How to add Group Calendar web part in SharePoint online

Let us see how to create, add, and edit an event in a group calendar web part in modern SharePoint sites,

  • Go to the modern SharePoint site page where you want to add a group calendar to the SharePoint site page.
  • Choose Edit Page at the top right of the SharePoint site page.
  • Select + circled icon then add a new Section layout.
  • In the search box, enter the group calendar and select the group calendar web part.
group calendar in sharepoint online
group calendar in SharePoint online

In the below screenshot, you can see the group calendar web part is added, where you can see the Upcoming tab to view the upcoming events and the Past tab to view the past events. We can also give a title for the group calendar web part.

group calendar in the sharepoint online
group calendar in the SharePoint online
  • If the events are not scheduled we can create a new event.
  • To add a new event click on the link (highlighted in red) which redirects to the group calendar in outlook. Else you can redirect to the outlook calendar view.
  • Select the New event option to create a new event.
sharepoint online group calendar web part
SharePoint online group calendar web part

To create an event, click on the New Event option and fill in the details below:

  • Title: Add the title of the event.
  • Attendees: Invite members, unless you invite them an invitation won’t be sent to the group members. Group members will receive an invitation in their email.
  • Start date and End date: Select the date and time for the event to be scheduled.
  • Location: Set the location where the event is organized, we also have an option to enable Teams meetings.
  • Reminder: Set a reminder, to remind users about the event.
  • Description: Add a description or attach documents regarding the event which is optional.
  • Now click on the save button, to save the Event.
sharepoint modern group calendar
SharePoint modern group calendar

Click send to share the event with your group members, so that the group members can receive an invitation.

sharepoint modern group calendar web part
SharePoint modern group calendar web part

In the below screenshot, you can see the event is created.

group calendar web part in sharepoint modern
group calendar web part in SharePoint modern

Here, we can view the created upcoming event in the Upcoming tab of the group calendar web part as shown below:

group calendar web part in modern sharepoint example
group calendar web part in modern SharePoint example

We can also view and add the event to your calendar as shown below:

group calendar web part in sharepoint online
group calendar web part in SharePoint online

In the Past tab it displays the completed event of the group calendar web part as shown below:

group calendar web part in sharepoint online example
group calendar web part in SharePoint online example
  • By Editing, the group calendar web part we can select the SharePoint site page as a group name, and we can use the slider to select the number of events to be displayed on the SharePoint site page.
  • The maximum number of events that we can display per page is 10.
Edit group calendar web part in sharepoint online
Edit group calendar web part in SharePoint online

This is how to create, add, and edit an event in a group calendar web part in modern SharePoint.

See also  The following feature couldn't be installed .net framework 3.5

Read SharePoint Hero Web Part

SharePoint group calendar month view

Let us see how can we display the group calendar as a monthly view in SharePoint,

To achieve this follow the below steps:

  • Open outlook office 365 and select the calendar view option.
  • We can change the scope of the group calendar in modern SharePoint
  • As well we can view the group calendar in day, work week, week, or month scope.
sharepoint group calendar month view
SharePoint group calendar month view
  • All the events which we created, are displayed in the group calendar web part.
  • The filter option is not available in the Group calendar, so we cannot filter it by month in the Group calendar web part.

In this example, I have created an event for April Month, it also displays the event under the Upcoming tabs.

sharepoint calendar group by month
SharePoint calendar group by month

This is how can we display the group calendar as a monthly view.

Read File viewer web part in SharePoint Online modern site

SharePoint group calendar sync with outlook

Let us see how can we add or sync the group calendar with outlook in SharePoint,

  • In the modern SharePoint site page, when you add a group calendar web part we can see the Sync option available in the web part.
  • Select the Sync Calendar option at the top of the group calendar web part to sync a group calendar with outlook.
  • If you want to check any newly added events available, then you can click the Sync calendar button.
  • It will refresh the group calendar web part and makes sure that we are seeing the latest events.
  • Once it is Synced, it displays the latest events if any are added.
sharepoint group calendar sync
SharePoint group calendar sync

Select the calendar checkbox under My calendars, so that it will also display the events that are synced with the calendar.

Modern sharepoint group calendar sync
Modern SharePoint group calendar sync

If you didn’t select the calendar option under My calendars, you will not see the events synced with the calendar. You will only see the events that are synced with the SharePoint site page as shown below:

sharepoint online group calendar sync
Sharepoint online group calendar sync

This is how can we add or sync the group calendar with outlook.

Read SharePoint Online modern list properties web part

How to edit an event in the Modern SharePoint group calendar

Let us see how to edit an event in the SharePoint group calendar,

To edit an event in a modern SharePoint group calendar, follow the below steps:

  • Open outlook office 365 and select the calendar view option.
  • Click on the event that you want to edit. Select the Edit option and update the event.
Edit a group calendar web part in the sharepoint online
Edit a group calendar web part in the SharePoint online
  • Once edited select the Send option. You can also see the Pop message like “Update send”
Edit a group calendar web part in the modern sharepoint
Edit a group calendar web part in the modern SharePoint
  • Group members will receive updates in their inboxes.
Edit a group calendar web part in modern sharepoint
Edit a group calendar web part in modern SharePoint

This is how we can update an event in the SharePoint group calendar

Read SharePoint Current user filter web part

How to Cancel an event in the Modern SharePoint group calendar

Let us see how to cancel an event in the SharePoint group calendar,

To cancel an event in a modern SharePoint group calendar, follow the below steps:

  • Open outlook office 365 and select the calendar view option.
  • Click on the event that you want to cancel. Select the cancel option.
cancel an event in group calendar web part modern sharepoint
cancel an event in the group calendar web part modern SharePoint
  • You can cancel the event and notify the attendees. We can also add a message which is optional. Select send to cancel an event.
  • You can see a pop-up like “Event deleted”.
cancel an event in group calendar web part Sharepoint online
cancel an event in the group calendar web part Sharepoint online

In the below screenshot, you can see the event gets canceled.

delete an event in group calendar web part Sharepoint online
delete an event in the group calendar web part Sharepoint online

When we cancel the event, it notifies the attendees and group members in their inbox as shown below:

delete an event in group calendar web part in Sharepoint online
delete an event in the group calendar web part in Sharepoint online

This is how we can cancel an event in the Modern SharePoint group calendar.

Read Create custom announcement web part using Rest API in SharePoint

SharePoint group calendar vs events

Let us discuss what is the difference between the group calendar web part and the events web part in modern SharePoint.

See also  Get SharePoint List Name and GUID using PowerShell and CSOM
Group calendar web partEvents Web part
In the modern SharePoint site, Microsoft provides a lot of out-of-box web parts to work with modern site pages. One of the popular web parts is the Group calendar web part.In the modern SharePoint site, Microsoft provides a lot of out-of-box web parts to work with modern site pages. One of the popular web parts is the Events web part.
The Group calendar web part puts a group calendar right on your page so that it is easily visible to your readers.The Events web part allows us to add and show forthcoming events on our SharePoint site page. You can even contain online meeting information and a map with location, and more.
Each group has a shared calendar where you and every member of your group can schedule, edit, and see upcoming events.Using the SharePoint Events web part we can show event details to the users. So that the user will get enough information regarding that Event.
The Group calendar web part is not available in SharePoint Server 2019.Recurring events are not supported in the Events web part.
You can view the group calendar events in edit mode itself.You can add events on a saved or published page, but not on a page that is in edit mode.
SharePoint group calendar vs events

The above table explains the difference between the Group calendar web part and the events web part.

SharePoint group calendar not showing up in outlook

  • If you are a member of the Office 365 group, then you should also able to see the group and group calendar in Outlook.
  • Make sure those users have been added as members of the group to view the group calendar in outlook.

SharePoint group calendar missing

  • A SharePoint was created by creating a Team and not by creating a group.I deleted the team and created a group with a similar name and now it works!

SharePoint group calendar shows all events

  • In the modern SharePoint group calendar, we can display a maximum of 10 events.

Read Site Feed web part in SharePoint

SharePoint group calendar wrong time zone

In the modern SharePoint, the group calendar web part shows the wrong time zone. To overcome this, we have to set the proper Time Zone for users.

We can set the Time Zone for the user in the Regional Settings of the SharePoint site settings page.

The SharePoint regional setting maintains the time zone in the SharePoint site and for every user, it manages the default time which is controlled by the SharePoint Administrator.

You should have admin permission to change the regional settings for a SharePoint site. Follow the below steps,

  • Open the SharePoint site -> Select the settings gear Icon -> pick Site Information -> Click view all site settings.
sharepoint group calendar wrong time zone
SharePoint group calendar wrong time zone

Under the SharePoint Site Administration, select Regional settings.

group calendar wrong time zone in sharepoint
group calendar wrong time zone in SharePoint

Set the Time Zone for this site on the Regional Settings page and then click on the OK button.

group calendar wrong time zone in sharepoint online
group calendar wrong time zone in SharePoint online

This is how we can overcome the Time zone mismatches between the Calendar and the modern SharePoint Events web part.

Read How to Customize SharePoint Modern list form using JSON

Group calendar in SharePoint 2019

  • No, The Group calendar web part is not available in SharePoint 2019.

SharePoint Group Calendar view

Let us see how can we create a group calendar view and show it in a modern SharePoint,

To create a SharePoint modern group calendar view follow the below steps:

  • Open your SharePoint site list, and select the list, if you don’t have an existing list. Create a new SharePoint as per your need.
  • From the list view, In the command bar and select All items and click on the Create new view option as shown below.
SharePoint group calendar view
SharePoint group calendar view
  • Add a name to the list view, Under Show as an option click on the calendar option, we can also choose the start date and end date of the calendar.
  • In the visibility section, select the public option if you want to make the calendar view public.
  • Click on the Create button.
SharePoint online group calendar view
SharePoint online group calendar view
  • Now we can able to view the new SharePoint modern calendar view is created in the list as presented below:
group calendar view in SharePoint online
group calendar view in SharePoint online
  • On the right-hand side of the Events Pane, it displays the events created for the selected date.
  • We can display or hide the events, if we want to preview the created event then we can click on the icon button. If we don’t want to preview the created events then we can select the same icon button
group calendar view in modern SharePoint
group calendar view in modern SharePoint

This is how we can create a group calendar view.

See also  SharePoint designer 2013 tutorial

Yes, it is possible, to set or display the created SharePoint group calendar view as a default view.

To set the created SharePoint calendar view as a default view then follow the below steps:

  1. From the list view, In the command bar and select All items and click on the Set current view as the default option as shown below.
set group calendar view as default in modern SharePoint
set group calendar view as default in modern SharePoint

Once the SharePoint group calendar view list is created, we can add the modern SharePoint group calendar to a SharePoint page.

  • Directly you cannot add the modern calendar to the Group calendar web part to display it on a SharePoint page.
  • There are two alternative ways that we can display the modern calendar on a SharePoint site page.
  • One way that we can add Modern Calendar to a SharePoint Online page using the List web part.
  • Another way that we can add Modern Calendar to a SharePoint Online page using the Embed web part.

Read SharePoint employee of the month web part using client-side object model and bootstrap

Add Calendar in SharePoint Modern page using the List web part.

Let us see, using the List web part how we can add Modern Calendar to a SharePoint Online page

  • Open the SharePoint page in Edit mode by clicking the edit button from the top right corner.
  • Add a new section and search for the List web part. Click on the List web part from Search results. It will add the List web part to your modern page.
Add Modern Calendar to a SharePoint Online page using List web part
Add Modern Calendar to a SharePoint Online page using the List web part
  • Initially, the List web part shows all the lists available on your SharePoint site. Click on the list name where you created a modern calendar view.
how to Add Modern Calendar to a SharePoint Online page using List web part
how to Add Modern Calendar to a SharePoint Online page using List web part
  • By default, the List web part will load the default view of your SharePoint list. If you have set the newly created Calendar view as your default view, skip this step. Else, select your calendar view from the Switch view options dropdown as shown below:
Add Modern Calendar to a SharePoint Online page using List web part example
Add Modern Calendar to a SharePoint Online page using List web part example
  • Click on Publish or Republish button to save the changes.
Add group Calendar to a SharePoint Online page using List web part example
Add group Calendar to a SharePoint Online page using List web part example

We can see the expected output on the SharePoint site page as shown below:

Add group Calendar to a SharePoint Online page using List web part
Add a group Calendar to a SharePoint Online page using the List web part

Read Page Viewer Web Part in SharePoint

Add Calendar in a SharePoint Modern page using Embed web part

Let us see, using the List web part how we can add Modern Calendar to a SharePoint Online page,

Follow the below steps to embed a modern calendar to a SharePoint site page:

  1. Open your SharePoint list and select the calendar view that you have created.
  2. Copy the URL of the calendar view from the browser.
Add Modern Calendar to a SharePoint Online page using Embed web part
Add Modern Calendar to a SharePoint Online page using Embed web part
  • Open the SharePoint page in Edit mode by clicking the edit button from the top right corner.
  • Add a new section and search for the Embed web part. Click on the Embed web part from Search results. It will add the List web part to your modern page.
how to Add Modern Calendar to a SharePoint Online page using Embed web part
how to Add Modern Calendar to a SharePoint Online page using Embed web part
  • Edit the embed web part as shown below:
how to Add Modern Calendar to a SharePoint Online page using Embed web part example
how to Add Modern Calendar to a SharePoint Online page using Embed web part example
  • Construct the embed code as shown below using the <iframe> tag, replace src attribute with the copied URL of the calendar view in the second step.
<iframe src ="https://tsinfotechnologies.sharepoint.com/sites/TeamSite/Lists/EyeCareHospital/Group%20Calendar%20view.aspx"width="100%" height="600"></iframe>
  • In the property pane of the Embed web part, paste the embed code into the Website address or embed code box. Click on Publish or Republish button to save the changes.
Add group Calendar to a SharePoint Online page using Embed web part example
Add group Calendar to a SharePoint Online page using Embed web part example

We can see the expected output on the SharePoint site page as shown below:

Add group Calendar to a SharePoint Online page using Embed web part
Add group Calendar to a SharePoint Online page using Embed web part

This is how we can create a group calendar view and display a group calendar in a modern SharePoint.

Read SharePoint column formatting examples

SharePoint Group Calendar Widget

  • When we add a SharePoint group calendar widget, it displays the upcoming events in the SharePoint site front page so that the users can easily find the events.
  • For some users, there is an issue, when they add a group calendar web part they could not able to display the events. But in edit mode, it displays the events.
  • To overcome this issue, we should delete the previous group calendar web part and recreate a new group calendar web part on the SharePoint site page.
  • You can also refer to the Group Calendar web part again on the SharePoint site page.

Related SharePoint customization articles:

In this SharePoint tutorial, we learned the SharePoint Online Group Calendar web part, what is SharePoint group calendar web part and how to add a group calendar web part for the SharePoint Online modern site page. And also covered below topics:

  • SharePoint group calendar month view
  • SharePoint group calendar sync with outlook
  • How to edit an event in the Modern SharePoint group calendar
  • How to Cancel an event in the Modern SharePoint group calendar
  • SharePoint group calendar vs events
  • SharePoint group calendar not showing up in outlook
  • SharePoint group calendar missing
  • SharePoint group calendar shows all events
  • SharePoint group calendar wrong time zone
  • Group calendar in SharePoint 2019
  • SharePoint group calendar view
  • Add Modern Calendar to a SharePoint Online page using the List web part
  • Add Modern Calendar to a SharePoint Online page using Embed web part
  • SharePoint Group Calendar Widget
>