Skip to content

Latest commit

 

History

History
77 lines (44 loc) · 3.42 KB

README.md

File metadata and controls

77 lines (44 loc) · 3.42 KB
Raw

SPFX Recurrence Component

Summary

This Solution allows you to use Outlook's recurrence like functionality in SharePoint using SPFX.

Features

  1. This control will have a button which will open a recurrence popup.

image

image

  1. Based on your choice you can select the recurrence Pattern and it will automatically select and show the pattern for the startdate which is selected. For Example:- Start Date is 2nd Feb 2022 and you have selected Quaterly as your recurrence pattern, it will automatically set it to the First Wednesday of every Second Month of Quater(Feb is Second month of quater).

image

  1. Based on your end date it will automatically calculate the onumber of ocurrence of task or if you have selected Number of Ocurrences as end date it will automatically calculate the end date of the recurring task after saving.

image

  1. After saving it will show the pattern which is selected below the button.

image

You can customize it as per your requirement and modify the logics of the calculations as well.

If you want to save the recurrence pattern in sharepoint, I will suggest you to save it in json format and Parse it to show the values back on the recurrence control.

Used SharePoint Framework Version

Supported node version :- v14.17.0 v14.17.0

https://nodejs.org/dist/v14.17.0/node-v14.17.0-x64.msi

Applies to

Get your own free development tenant by subscribing to Microsoft 365 developer program

Version history

Version Date Comments
1.0 February 2, 2022 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

git clone "https://github.com/Munendra7/SPFX-RecurrenceComponent.git"

  • Ensure that you are at the solution folder

  • in the command-line run:

    npm install gulp serve

References