sp-dev-fx-webparts/samples/react-aggregated-calendar
Hugo Bernier 82598c094f Added links to issue templates 2021-04-26 02:08:59 -04:00
..
assets Updated sample JSON 2021-03-15 03:48:14 -04:00
config Added the Aggregated Calendar Webpart using React framework (#566) 2018-07-13 11:11:28 +03:00
src/webparts Fixed date formats (#648) 2018-11-09 16:59:55 +02:00
.editorconfig Added the Aggregated Calendar Webpart using React framework (#566) 2018-07-13 11:11:28 +03:00
.gitignore Added the Aggregated Calendar Webpart using React framework (#566) 2018-07-13 11:11:28 +03:00
.yo-rc.json Added the Aggregated Calendar Webpart using React framework (#566) 2018-07-13 11:11:28 +03:00
README.md Added links to issue templates 2021-04-26 02:08:59 -04:00
gulpfile.js Added the Aggregated Calendar Webpart using React framework (#566) 2018-07-13 11:11:28 +03:00
package-lock.json upgrade spfx version on js-display-list 2020-08-27 18:26:52 -07:00
package.json Added the Aggregated Calendar Webpart using React framework (#566) 2018-07-13 11:11:28 +03:00
tsconfig.json Added the Aggregated Calendar Webpart using React framework (#566) 2018-07-13 11:11:28 +03:00

README.md

Aggregated Calendar

Summary

This is a sample web part developed using React Framework to gather the aggregated events from the multiple calendars from multiple sites using Full Calendar from fullcalendar.io

The web part in action

The web part was designed to create an aggregated view of calendar to fetch events from multiple calendars across the sites and site collection. The web part will show the event information using the callout functionality of Office UI Fabric

Web part is developed using below technologies

  • React Framework
  • Full Calendar(fullcalendar.io)
  • jQuery
  • Office UI Fabric

Used SharePoint Framework Version

drop

Applies to

Prerequisites

Before you can use this web part example, you will need at least one Out of the Box Calendar created.

It is required that the users have view access on the calendar.

Solution

Solution Author(s)
react-aggregated-calendar Dhaval Shah (@beingdhavalshah)

Version history

Version Date Comments
1.0 July 16, 2018 Initial Release

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 serve

Features

This Web Part displays the events from multiple calendars located in various sites/site collection of SharePoint:

  • Aggregated events for Calendar
  • Supports Sub-Sites and Site Collection level
  • Display of Legend for each Calendar
  • Formatted Date time
  • Display of Event Details over event click

React Aggregated Calendar

Building the code

git clone the repo
npm i
npm i -g gulp
gulp

This package produces the following:

  • lib/* - intermediate-stage commonjs build artifacts
  • dist/* - the bundled script, along with other resources
  • deploy/* - all resources which should be uploaded to a CDN.

Build options

gulp clean gulp test gulp serve gulp bundle gulp package-solution