History

Hugo Bernier 7e8624c017 Update sample.json		2021-05-03 00:48:51 -04:00
..
assets	Update sample.json	2021-05-03 00:48:51 -04:00
config	Updated sample json and readme	2021-04-04 22:16:03 -04:00
src	Merge branch 'master' into master	2021-04-04 22:18:28 -04: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	Added links to issue templates	2021-04-26 02:08:59 -04: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	Updated sample json and readme	2021-04-04 22:16:03 -04:00
package.json	Updated sample json and readme	2021-04-04 22:16:03 -04: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

Compatibility

Applies to

Web Part 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	Mohammed Amer (@https://twitter.com/Mohammad3mer)
Calendar Web Part	Abderahman Moujahid
Calendar Web Part	Hugo Bernier (@bernier, Tahoe Ninjas)
Calendar Web Part	João Mendes
Calendar Web Part	Mohamed Derhalli
Calendar Web Part	Nanddeep Nachan (@NanddeepNachan)

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)
1.0.9	March 16, 2021	Fixed issue deleting events (#1773)
1.0.10	March 27, 2021	Updated prompt message when deleting single v/s multi-event.

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