SharePoint Online calendar web part

This SharePoint calendar tutorial explains, What is a SharePoint Calendar?  How to add a SharePoint Calendar Web Part in SharePoint? How can we customize the calendar in SharePoint Online or SharePoint 2013/2016?

I will explain you, how to use the SharePoint online calendar web part.

Also, we will see how to link a calendar from parent site to the subsite in SharePoint Online.

What is SharePoint Calendar?

SharePoint Calendar is a type of calendar that is used to store all the Events of an organization like some meeting events, holiday events, and Team events, etc.

A SharePoint Calendar is very useful for organizing any events in any business or in any organization where people can get information about events days.

Now we will see how to create SharePoint calendar and then how we can add a calendar web part to SharePoint? How we can customize SharePoint Calendar?

Create SharePoint Calendar SharePoint Online

To create a SharePoint calendar, click on Add an app and then choose Calendar app in SharePoint Online or SharePoint 2013/2016.

Here I have created a Calendar Event List named “TSInfoEvents” by using the Calendar Template like the below screenshot.

how to customize sharepoint online calendar web part
sharepoint calendar

Then I have added some new Events to that List. For adding the new events to the List, Just go to the month and date where you want to put your events.

When you will go near the Date, It will show the “+Add” option which is used for adding the Events into the List. Just click on that “+Add” option.

After clicking on the “+Add” option, A new event item page will display to fill up the details about that event like the below screenshot.

In that “New Item Page”, Give the title of the event in that “Title” field. Here I have given as “Independence Day”.

Then give the location of the event in the “Location” field where you are organizing the event. Similarly, Give the starting time as well as ending time of the event in the “Start Time” field and “End Time” field like the below screenshot.

Then after, Give the “Description” of the event whereas I have given “We are organizing an Independence day in our company”. Then choose the category from the “Category” drop-down field whatever you want.

Here I have chosen “Holiday” because it is a Holiday event. If you want to specify your own value then you can choose the “Specify your own value”. Similarly, If you want to make it an all-day event, Then check the check box as “Make this all-day activity that doesn’t start or end at a specific”.

Then click on “Save” for saving the event into that “TSInfoEvents” List in SharePoint site.

how to add sharepoint online calendar web part
how to add sharepoint online calendar web part

In the same way, I have created an another Event named as “Company Meeting” in the “TSInfoEvents” List which is used for organizing a meeting in the company.

After adding all the events into that “TSInfoEvents” List, It will display like below screenshot.

sharepoint online calendar web part
sharepoint calendar web part

Customize SharePoint Calendar

Let us see how to customize a SharePoint online calendar web part.

Then go to the “CALENDAR” which is present at the top of the “TSInfoEvents” List. There, Go to the “Current View” which is present in the Ribbon. Select the current view as “Calendar” from that “Current View” drop-down like the below screenshot.

sharepoint 2016 calendar web part
sharepoint 2016 calendar web part

SharePoint calendar web part

Now we will see how to add a Calendar Web Part in SharePoint online?

In first, For adding the SharePoint Calendar Web Part, Go to your specific Web Part Page where you want to show a Calendar Web Part in SharePoint Site.

Then add a new Web Part by using the “Add a Web Part” option. By clicking on the “Add a Web Part” option, It will show you the different types of “Categories”. Select the “Apps” under the categories dropdown.

In that “Apps” Categories, find your calendar event list (TSInfoEvents) which you have created before. Then by using the “Add” option, we can add that “TSInfoEvents” list in that Web Part Page like the below screenshot.

customize sharepoint calendar
customize sharepoint calendar

After adding the “TSInfoEvents” Calendar List, Just click on “Stop Editing”. Then after you can see the Calendar Event List (whereas I have created “TSInfoEvents” List) where you have put the events of the organization.

Here in the below screenshot, You can see my two events “Independence Day” and “Company Meeting” which I have created before. If you want to see the complete description of that events, Then you just click on that event and see the description.

sharepoint 2013 calendar web part
sharepoint 2013 calendar web part

This is how we can use the SharePoint online calendar web part.

Link a calendar from parent site to the subsite in SharePoint Online

Now, let us see, how to link a calendar from parent site to subsite in SharePoint Online.

Follow the steps to link the calendar from the parent site to the subsite in SharePoint modern sites.

  • Open SharePoint modern sites
  • Click on the Edit in the top right corner of the page.
sharepoint calendar web part
How to link a calendar from the parent site to a subsite
  • Click on the Plus icon after each section, where you want to add the calendar web parts.
  • And then add the Event web parts.
sharepoint calendar
Link a calendar from the parent site to the subsite in SharePoint Online.
  • Click on the edit icon to edit the web parts.
create sharepoint calendar
Link a calendar from the parent site to the subsite in SharePoint Online.
  • In the Event page, under Source click on the Event list on this site, under Event list click on the Event, under Category click on All, and Date range click on the All upcoming event.
  • From Layout, you can choose Filmstrip or Compact, which type of layout you want you can choose.
  • Under Show up to this many items at a time, you can choose how many events you want to see at a time. It is by default 20 you can increase and decrease the number of events.
create sharepoint calendar
Link a calendar from the parent site to the subsite in SharePoint Online.
  • Click on the Republish.

Next, if you have created a subsite then navigate to subsite and add the Event web part by following the same steps how we add the Event web part in the Parent site in SharePoint Online. The only change you make, under Source, is to select This site collection in the Event Page.

Now lets, add event to the event web part in Parent SharePoint site.

  • Click on Add event
sharepoint online calendar web part
Link a calendar from the parent site to the subsite in SharePoint Online
  • Give a name to the event
  • Add the date and time when the event will occur to which date it will end.
  • Add the location of the event.
  • If you want to do the virtual meeting, then add a link in the link section, add a display name, and select a category (a type of events) from the Dropdown arrow.
  • Under this event, write about the event. Click on Save.
sharepoint calendar web part customization
Link a calendar from the parent site to the subsite in SharePoint Online.

Once you click on save now you can see the event in parent site as well as subsite.

Parent site in SharePoint online after adding calendar. In this example parent site is Human Resources.

sharepoint calendar app
Link a calendar from the parent site to the subsite in SharePoint Online.

Here subsite is Tech Team Management and you can see the same calendar.

sharepoint online calendar
Link a calendar from the parent site to the subsite in SharePoint Online.

This is, how to link calendar from parent site to sub site in SharePoint Online.

Create a calendar in office 365

Now, let us see, how to create a calendar in office 365. Also, we will cover the below topics:

  • How to create a calendar in Office 365
  • How to create an event in Office 365 Calendar
  • How to share a calendar in Office 365
  • Create a resource calendar in Office 365
  • Create a calendar in office 365 SharePoint
  • Create a Teams Calendar in Office 365

Create a calendar in Office 365

Here, I am going to explain how to create a calendar in Office 365.

  • First, log in to the Office 365 portal and then you can directly click on Outlook.
  • Also, you can open outlook by using the App Launcher (Go to App launcher >> Outlook).
  • Once you will click on Outlook it will open, where you can create a new calendar.
Create a calendar in Office 365
Create a calendar in Office 365
  • Click on the Calendar option at the bottom of the page as shown below.
  • Now, the Outlook calendar page is open.
how to create a calendar in office 365
  • Click on Add calendar option to create a calendar.
how to make a calendar in office 365
Create a calendar in Office 365
  • Click on Create blank calendar option from the left-hand side.
  • Give the calendar name in create blank calendar.
  • Click on Save to create a calendar.
make a calendar in office 365
How to create a calendar in office 365

Here, In My calendar option you can see the created calendar.

create a new calendar in office 365
How to create a calendar in office 365

How to Create an event in Office 365 Calendar

  • First, log in the Office 365 portal and then you can directly click on the Outlook.
  • Also, you can open the outlook by using the App Launcher (Go to App launcher >> Outlook).
  • Click on the Calendar option at the bottom of the page, then click on New Event.
  • In the calendar, window provide the below details to create an event as below screenshot.

Click on Save from the top of window to create an event.

create calendar in office 365
Create an event in Office 365 Calendar

Here, You can see the created event in Office 365.

how to add event to outlook calendar
Create an event in Office 365 Calendar

How to share a calendar in office 365

  • First, log in the Office 365 portal and then you can directly click on the Outlook.
  • Also, you can open the outlook by using the App Launcher (Go to App launcher >> Outlook).
  • Click on the Calendar option at the bottom of the page.
  • Select a Calendar from My calendars option, then click on Sharing and permissions option to share it.
how to share a calendar in office 365
share a calendar in office 365

Now, In Sharing and permissions window :

  • Enter the email address or name to whom you want to share your Calendar.
  • Send a sharing invitation in an email.
  • You can choose how much access to allow and change access settings at any time.

Click on Share to share your calendar.

office 365 group calendar in outlook
share a calendar in office 365

Also, You can Share your calendar from the right hand side of page as below screenshot.

how to share a calendar in office 365 outlook
How to share a calendar in office 365

Create a resource calendar in office 365

Here, I am going to explain how to create a resource calendar in office 365.

  • First, log in to the Microsoft Office 365 portal and then go to Admin.
  • Once you will click on Admin, it will open the Office 365 admin center.
  • Click on Resources >> Room & Equipment as shown below.
Create a resource calendar in office 365
Create a resource calendar in office 365
  • In Rooms & equipment window, Click on Add resource to add a new resource in Office 365.
Create a resource calendar in office 365
Create a resource calendar in office 365

In the Add resource window, fill out some basic information about the resource you would like to create.

  • Resource Type: Select the resource type from the drop-down arrow.
  • Name: Give the resource name that appears in the address book, and in the To and From lines in meeting invitations and responses.
  • Email: Give the email address that is used to send meeting invitations to the resource.
  • Capacity: The number of people who can fit in the room or use the equipment at the same time.
  • Location: Give the location.
  • Phone number: Give the Phone number for creating the resource.

Click on Save to add the resource.

Create a room in office 365
Create a resource calendar in office 365

Here, Resource is created in Office 365.

how to create a meeting room in office 365
Create a resource calendar in office 365

Create a calendar in office 365 SharePoint

Here, I am going to explain how to create a calendar in office 365 SharePoint.

  • First, log in to the Office 365 portal and then you can directly click on the SharePoint.
  • Also, you can open the SharePoint by using the App Launcher (Go to App launcher >> SharePoint).
  • Select any SharePoint site in which you want to create a calendar.
Create a calendar in office 365 SharePoint
Create a calendar in office 365 SharePoint
  • In the SharePoint site, Go to the Settings icon at the top right corner.
  • Select Add an app option to add a calendar to your SharePoint site.
create a shared calendar in office 365 sharepoint
Create a calendar in office 365 SharePoint
  • In Apps you can Add section, Click on Calendar app.
sharepoint online calendar web part
sharepoint online calendar web part
  • In Adding Calendar window, Click on Advanced Options and provide the below details:
  • Name and Description: Type a new name as you want it to appear in headings and links throughout the site.
  • Group Calendar Options: Specify whether this calendar list works as a group calendar. 

Click on Create, it will open a Calendar page to create an event.

sharepoint modern calendar web part
Create a calendar in office 365 SharePoint

In the SharePoint calendar page, provide the below details to create a new event in the calendar as below screenshot.

  • Title: Give the name of the new item you want to create in the calendar.
  • Location: Specify your location.
  • Start time: Give the start time of the event.
  • End time: Give the end time of the event.
  • Description: Provide the description for the event.
  • Category: Select the category of your event from the drop-down arrow.
  • All Day Event: Select the checkbox if you want to make this all-day activity that doesn’t start or end at a specific hour.
  • Recurrence: Select the checkbox if you won’t make it a repeating event.

Click on Save to create a event.

calendar in office 365 SharePoint
sharepoint calendar web part
  • Click on the CALENDAR option at the top of the page, and then select the List Settings option.
  • When you will click on the List Settings option, It will open a Settings window, then click on “List name, description, and navigation” option.
  • Now, in Navigation option set Yes to Display this list on the Quick Launch?.

Click on Save to save the changes in settings.

sharepoint calendar
sharepoint calendar
sharepoint modern calendar web part
Create a calendar in office 365 SharePoint
  • Click on Home option from the left hand navigation menu to visit at the SharePoint Site.
sharepoint calendar web part month view
Create a calendar in office 365 SharePoint

Here, You can see the Calendar option added at the left hand side of the SharePoint site.

sharepoint calendar web part month view
Create a calendar in office 365 SharePoint

Create a Teams Calendar in Office 365

Here, I am going to explain how to create a Teams calendar in office 365.

  • First, log in to the Office 365 portal and then you can directly click on the Teams.
  • Also, you can open the SharePoint by using the App Launcher (Go to App launcher >> Teams).
  • Once you will click on Teams, it will open Teams where you can create a Teams calendar.
  • Click on Teams >> Select your team’s group where you want to add a calendar.
Create a team calendar in office 365
Create a Teams Calendar in Office 365
  • Open Outlook in a new tab and then select a Teams group (which you have created before) in Outlook.
  • Click on the Calendar option from the Outlook page.
Create a team calendar in office 365
Create a Teams Calendar in Office 365
  • Copy the Outlook calendar URL as shown in below screenshot.
how do i create a team calendar in office 365
Create a Teams Calendar in Office 365
  • Go to Teams App, and then click on Add to open the website tab in Teams.
how do i create a team calendar in office 365
Create a Teams Calendar in Office 365
  • In Add a tab window, select Website app as shown below.
create team calendar in office 365

In Website window, provide the below details to paste the Outlook calendar URL:

  • Tab name: Give the name for your website.
  • URL: Paste the Outlook calendar URL that you copied from the Outlook.

Click on Save.

Note: Make sure you’re only linking to sites that start with ‘https://‘ and contain trustworthy web content. That way, you and your team can stay secure.

create team calendar in office 365

Here, You can see the Calendar created in Office 365.

how to create a team calendar in outlook office 365
Create a Teams Calendar in Office 365

You may like the following SharePoint tutorials:

Conclusion

In this SharePoint Online Tutorial, We discussed SharePoint Calendar and the below things:

  • What is SharePoint Calendar
  • SharePoint calendar web part
  • How to add a SharePoint Calendar Web Part in SharePoint
  • How to customize that calendar in SharePoint online, SharePoint 2019/2016, SharePoint 2013
  • How to create a calendar in office 365
  • How to create an event in Office 365 Calendar
  • How to share a calendar in office 365
  • Create a resource calendar in office 365
  • Create a calendar in office 365 SharePoint
  • Create a Teams Calendar in Office 365
  • How to link calendar from parent site to subsite in SharePoint Online
  • How can one edit the input template for a calendar event, to ensure that it asks for specific kinds of input? For example, I have a calendar where multiple trainers post workshops they are leading. I want the template to force them to state whether there will/will not be meals provided, whether there will/will not be babysitting, the address of the training location, etc.

  • >