87 frontend admin modify time flow

[ManuP6789]

Description

Added frontend for the admin modify time flow.

Issues

#87

Screenshots

Test

Only front end still need to add logic for backend and error checking

Possible Downsides

For the calendar, I used DatePicker from MUI. Should we allow the calendar to pop out or no, the figma does not show it but I am not sure.

I also made the time slots into a component, which I got from the event page on the volunteer page.
. Let me know if you want me to refactor the event page to use that component, it should be pretty straight forward it only handles logic for selecting time.

I also noticed that the ticket for Group Sign Up flow, uses the calendar and time slots, should we make those into components and use them for both tickets? Or is it different for each one?

Additional Documentations

[wkim10]

Looks great Manuel! In response to your questions:

• Yes we want calendar to pop out like you made it
• Thanks for putting the time slots into a component, yeah if you have time if you could refactor the events page to also use that component that would be great
• You're also right about the group sign up flow, they should use the same components. Ideally, it would've been best if we could've finished one of those flows first before starting the next one, but because we have limited time we had to assign the tickets for the same sprint. After the other groups are done with that flow, we can look to consolidate the two and make things into components!

[wkim10]

Thanks Manuel looks great overall! Only thing left is to just refactor the events page with the time slot component like you mentioned, after that's done feel free to merge!