Create the big calendar component

[theosiemensrhodes]

For the schedule page, users should be able to view their shifts on a fully funtional calender. Use either of these as a base, choosing which works best

• https://github.com/jquense/react-big-calendar?tab=readme-ov-file
• https://fullcalendar.io/

The functionality needed is:

• Styled like the figma https://www.figma.com/design/nHFqPlyNvGjrxet4fDCSVd/Neuron?node-id=5489-51864&p=f&m=dev
• Views needed are month and week. However, the week view should have the functionality that as the page shrinks, it keeps the same header but transforms into a 1 day view. An example of this behavior is here: https://www.untitledui.com/react/components/calendars on the week view.

My intuition is that react-big-calender will allow more customization to make the above possible.

[felixma9]

Sept 29 2025

Progress:
Deciding between which of the given bases work best for our application.
Both seem ok without too much difference, fullcalendar seems to look better out of the box and has more features. Both projects have easily referrable docs.

Will go with fullcalendar for now as our base, though the advice of the original post is acknowledged; will look into how customizable fullcalendar is for the desired view.

Next Steps:

• Add fullcalendar to project
• Create draft schedule page view
• Plan how to create custom view

[felixma9]

Oct 19 2025

Progress:
Implemented basic full calendar component in the schedule page. Added styling according to design, including, calendar date layout (month vs. week, start/end times), and current day stylings (calendar header colour changes if current day is on screen).

Will commit a bit more time to this issue in the coming week.

Next Steps:

• Add components necessary for rest of the page (title, display option selectors, padding, etc.)
• Work on dynamic formatting changes for different resolutions