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.

2. 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).

3. 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.

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

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

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

Applies to

• SharePoint Framework
• Microsoft 365 tenant

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

• Getting started with SharePoint Framework
• Building for Microsoft teams
• Use Microsoft Graph in your solution
• Publish SharePoint Framework applications to the Marketplace
• Microsoft 365 Patterns and Practices - Guidance, tooling, samples and open-source controls for your Microsoft 365 development