History

Hugo Bernier e6cd0b17de Added sample metadata		2021-02-08 02:19:31 -05:00
..
assets	Added sample metadata	2021-02-08 02:19:31 -05:00
config	fixed timezone difference	2020-12-24 22:15:44 +01:00
src	fixed timezone difference	2020-12-24 22:15:44 +01:00
teams	New -React-Calendar Web part (#859 )	2019-05-04 17:58:48 +03:00
tools	New -React-Calendar Web part (#859 )	2019-05-04 17:58:48 +03:00
.editorconfig	New -React-Calendar Web part (#859 )	2019-05-04 17:58:48 +03:00
.gitignore	update docs	2019-06-11 17:10:09 +01:00
.stylelintrc	Upgraded to SPFx 1.10	2020-06-09 17:08:34 -04:00
.yo-rc.json	Upgraded to SPFx 1.10	2020-06-09 17:08:34 -04:00
README.md	fixed timezone difference	2020-12-24 22:15:44 +01:00
azure-pipelines.yml	New -React-Calendar Web part (#859 )	2019-05-04 17:58:48 +03:00
gulpfile.js	Upgraded to SPFx 1.10	2020-06-09 17:08:34 -04:00
package-lock.json	add year header label	2020-10-19 21:47:42 +01:00
package.json	Merge branch 'master' into UpdateBigCalendar	2020-10-21 21:52:55 +01:00
tsconfig.json	calendar improvements and clean up	2020-12-04 03:09:15 +01:00
tslint.json	New -React-Calendar Web part (#859 )	2019-05-04 17:58:48 +03:00

README.md

page_type

products

languages

extensions

sample

office-sp

javascript

typescript

contentType

technologies

platforms

createdDate

samples

SharePoint Framework

react

04/25/2017 12:00:00 AM

Calendar

Summary

This Web Part allows you to manage events in a calendar. Uses a list of existing calendars on any website. The location and name of the list and the dates of the events to be displayed are defined in the properties of the web part.

Each category has its own color that is generated in the load.

The Web Part checks the user's permissions for the View, Add, Edit, and Delete events.

Web Part - Screenshots

Used SharePoint Framework Version

Applies to

WebPart Properties

Property	Type	Required	comments
Site Url of Calendar List	Text	yes
Calendar list	Choice/Dropdown	yes	this is filled with all list of type "event list" created
Start Date	Date	yes	Event Date
End Date	Date	yes	Event Date

Solution

The Web Part Use PnPjs library, Office-ui-fabric-react components. react Big-Calendar Component

Solution	Author(s)
Calendar Web Part	João Mendes
Calendar Web Part	Mohamed Derhalli
Calendar Web Part (Upgrade)	Hugo Bernier (@bernier, Tahoe Ninjas)
Calendar Web Part	Nanddeep Nachan (@NanddeepNachan)
Calendar Web Part	Abderahman Moujahid

Version history

Version	Date	Comments
1.0.0	April 25, 2019	Initial release
1.0.1	June 10, 2019	update add recurrence events
1.0.2	April 25, 2020	Update styles according to the applied theme
1.0.3	June 06, 2020	Upgrade to SPFx 1.10.0
1.0.4	October 18, 2020	Added support for all-day events
1.0.5	October 21, 2020	Added Year view
1.0.6	December 3, 2020	Fixed all-day events (#1623)
1.0.7	December 4, 2020	Fixed styling Year view + Dutch localization
1.0.8	December 24, 2020	Fixed timezone difference (#1646)

Disclaimer

THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.

Minimal Path to Awesome

Clone this repository
in the command line run:
- npm install
- gulp build
- gulp bundle --ship
- gulp package-solution --ship
- Add to AppCatalog and deploy