A
Anonymous

Roster Management - Copy this React, Tailwind Component to your project

I need a component to design roster for my employees. On top I need an input box with an add button so that I can type the employees name and hit add button to add them to list. once all the employees added to list I need a generate button to make roster of these employees. IMPORTANT: every employee can take at max 6 week off per month which means first and third week one and second and fourth week two week offs. user can ask to change the roster so, I need facility to change the name of the employee in the roster calendar. after first row which contains input, button to add and Generate button. after this I need a button that will help me selecting the month and year for which I want to create a roster for. this will generate a large calendar that will filled with the employees names according to the logic. I need a dropdown with a add button in every date of column. so if I want to change the date availability of any employee, I should be able to do so. Along with this I also want to add holidays in this calendar that will be non working day. I want all my staff present on Saturday and Sunday. I want this completely functional and working. at the end I also want a download button to download this roster in excel and pdf format.

Prompt
Component Preview

About

RosterManagement - Create employee rosters with input fields, month selector, editable calendar, holidays, and download options. Built w. Access free code!

Share

Last updated 1 month ago