Try ShortPoint nowThere are two ways to create a calendar in SharePoint. One way is through the Classic calendar app and the other is through the Modern calendar view. In this solution article, we will show you how to create these two types of calendars and how to connect them to a ShortPoint Events Design Element.
TABLE OF CONTENTS
- This article is for you if
- Option 1. Classic Calendar App
- Option 2. Modern Calendar View
This article is for you if
- You have ShortPoint installed on your SharePoint sites(s).
- You are a ShortPoint user with an active license.
Option 1. Classic Calendar App
The Calendar App is a web part or app found in the Classic experience of SharePoint. It is a special SharePoint Events list that users can use to list down important details about a particular event. These details include title, location, start and end time, description, and other metadata.
Creating a Classic Calendar App
Follow the guide below to learn how to create a Calendar App.
Step 1. Add a new app
Go to the site where you want to use the Calendar App and click the cogwheel button on the upper right corner of the screen.
From the drop-down, select Site Contents.
From there, click the New button and choose App from the drop-down.
Then, click classic experience.
You will be redirected to the classic App Catalog.
Step 2. Select Calendar
Look for the Calendar app using the search bar and click it.
Step 3. Name your Calendar
You will be prompted to create a title for your calendar.
After typing it in, click Create.
Step 4. Add events to the newly created Calendar
You will now see your newly created calendar in the Site Contents. Click it to open.
To add an event to the calendar, hover over the day where you wish to create the event and click Add.
You will be prompted to add a new event. Fill in all the necessary details that you plan to display on your SharePoint Site Page.
After you are done adding the event details, click Save.
Your event will now appear in the calendar. You can add as many events as you wish using the same process.
Note: You can continue adding, editing, or deleting events in this calendar even after you connect the calendar to the ShortPoint Events Design element. The Events element will be picking up all changes dynamically.
Connecting the Classic Calendar App to the ShortPoint Events Design Element
Follow the guide to learn how to insert the Events Design Element into a page and connect it to the calendar we prepared.
Step 1. Open the Page Builder
Open the page you want the Design Element to be inserted into.
- in a modern page:
Go to edit mode and click the plus icon to add a web part.
Select ShortPoint from the list of web parts.
Here is what you will see after adding the web part. Remove the default Note Design Element by hovering over it and clicking the trash icon.
Click the plus icon to open the ShortPoint Page Builder.
- in a classic page:
Open the page in edit mode, click the Insert tab in the Ribbon (1) and then the blue Insert button (2) to open the Page Builder.
Step 2: Choose the Events Design Element from the Page Builder
Choose the Events Design Element from the Page Builder gallery.
Step 3. Set up the Connection
Go to the Connect tab (1) to set up the connection for your calendar.
Then, select the connection type you prefer. For this guide, we used the Current Site (2) connection type because the calendar we created earlier is stored on the site we are currently editing.
Note: You may also choose the Other Sites and SharePoint Site URL connection types if your calendar is not located on the current Site Collection.
Under the List / Library (1) drop-down, select the name of your created calendar. In our case, it is Product Team Vacations.
Then, choose a view if you prefer to use a custom SharePoint view. We will keep it simple and use the default All Events (2) view.
Note: The Calendar view returns only events for the upcoming month.
Scroll down to set the Recurrences and filters. Below are the fields you can modify:
- Days Limit - allows you to set the number of days, months, or years that you want to appear.
- Items Limit - allows you to set the number of items you want to display from your list.
- Recurring Events - allows you to specify whether you want an event to show only once or expand.
Note: The default Days Limit is 30 days to display the events for upcoming month only. For more information about these features, check out Introducing Dynamic Connection Improvements for ShortPoint Events.
After you are done, click Connect.
If the connection is established successfully, you will see the interface light up in green.
Switch to the Items tab to continue setting up the connection. Map the fields of the Events Design Element with the columns of your SharePoint calendar.
Note: Most of the fields are mapped automatically, but you are still able to modify according to your preference. For detailed information on Items mapping, check the Step 4 of this article: ShortPoint Connect: Basic Tutorial.
Click Insert when ready.
Finally, save and/or republish the page.
Result
That's it! You will now see the result of the connection.
Option 2. Modern Calendar View
The Modern Calendar View is one of the custom views you can create using the SharePoint Modern Experience. You can customize the columns and rows to include important details about your event including title, location, start and end time, description, and other metadata.
Creating a Modern Calendar View
Follow the guide below to learn how to create a Modern Calendar View.
Step 1. Create a new list
Go to the site where you want to create a modern calendar view and click the New button. 
From the drop-down, select List.
A pop-up window will appear. Click Blank list to create a list from scratch.
Name your list and click Create.
Step 2. Customize your list
Based on your preference, add columns to your list. To do so, click Add column (1) and select your preferred format (2) from the drop-down.
Then, add a name to your created column and click Save.
For the purpose of this guide, we added a start date, end date, location, and description columns. You can modify this based on your requirements.
Step 3. Create a new Calendar view
Click the All Items button.
From the drop-down, select Create new view.
On the Creat View pop-up, add a name (1) for your new view and select Calendar (2).
Then, click Create.
You can now view your list as a calendar.
Step 4. Edit your calendar
Hover over any date and click New.
Fill in the necessary details and click Save.
Once done, this is what your calendar will look like.
Connecting the Modern Calendar View to the ShortPoint Events Design Element
Follow the guide to learn how to insert the Events Design Element into a page and connect it to the calendar we prepared.
Step 1. Open the Page Builder
Open the page you want the Design Element to be inserted into. Then, go to edit mode and click the plus icon to add a web part.
Select ShortPoint from the list of web parts.
Here is what you will see after adding the web part. Remove the default Note Design Element by hovering over it and clicking the trash icon.
Click the plus icon to open the ShortPoint Page Builder.
Step 2: Choose the Events Design Element from the Page Builder
Choose the Events Design Element from the Page Builder gallery.
Step 3. Set up the Connection
Go to the Connect tab (1) to set up the connection for your calendar. Then, select the connection type (2) you prefer.
From the List/Library drop-down, select the name of your list.
Then, look for the view you created using the view drop-down.
After you are done. click Connect.
If the connection is established successfully, you will see the interface light up in green.
Switch to the Items tab to continue setting up the connection. Map the fields of the Events Design Element with the columns of your created list.
After you are done, click Update.
Then, you can now Save/Republish your work.
Result
That's it! You will now see the result of the connection. 
Congratulations! You now know how to create calendars in SharePoint via the Calendar App and the Modern Calendar View. Find out more ways to utilize the ShortPoint Events Design Element by checking Introducing ShortPoint Events Design Element.
Related articles:
- ShortPoint Connect - Introducing the New User Experience
- Introducing Dynamic Connection Improvements for ShortPoint Events
- How to Connect Events to a SharePoint Calendar
- SharePoint Setup: Modify SharePoint Regional Settings to Use Further in ShortPoint Elements
- Introducing ShortPoint Events Design Element
- How to Map Events Categories with Colors and Icons in ShortPoint
