68f7f67761 | ||
---|---|---|
.. | ||
.vscode | ||
assets | ||
config | ||
src | ||
typings | ||
.gitignore | ||
LICENSE | ||
README.md | ||
gulpfile.js | ||
package-lock.json | ||
package.json | ||
tsconfig.json | ||
tslint.json |
README.md
page_type | products | languages | extensions | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
sample |
|
|
|
Modern Calendar
Summary
This is a modern web part built on the GA version of the SharePoint Framework demonstrating how to build a custom web part with a calendar capabilities in it.
Compatibility
Applies to
Prerequisites
None
Solution
Solution | Author(s) |
---|---|
js-modern-calendar | Jeremy Coleman (MCP, PC Professional, Inc.) |
js-modern-calendar | Nanddeep Nachan (@NanddeepNachan) |
js-modern-calendar | Ravi Chandra (Ravikadri) |
Version history
Version | Date | Comments |
---|---|---|
1.0.0.0 | February 11, 2017 | Initial release |
1.0.0.1 | June 05, 2020 | Updated the external CDN references to public CDN references |
1.0.2.0 | February 9, 2021 | Upgraded to SPFx 1.11 and fixed issues with missing dependencies |
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
-
Move to Online Workbench
-
Ensure that you have Calendar list in your site
-
Set web part properties accordingly
- Choose site
- List
- Start, End, Title and Details fields
Features
Renders a calendar from any list available on the selected site. Site, List, Start, End, Event Title,Event Details and Calendar Theme are user-definable in the web part properties, so that you could technically use a custom list as the source for calendar presentation.