[Frontend]: Calendar slot render

[JanPoonthong]

Implement a rendering system for slot onto the calendar

For example:

If the slot is from 13:00 to 16:00, then the display the slot according to the time

Slot should be correct spot with a specific date, time, and days

Note: If you do not understand the task or what to do or how to implement. You can ask me in Discord

[emiliebunny]

I also would like to take this, if you ok

[JanPoonthong]

Sure.

[emiliebunny]

Currently, the events can be displayed on each lane but it is not completed yet, I am also struggling with these 3 issues

1. Data Preparation on weekly basis + more fields for rendering component
2. Displaying event title and time
3. (Maybe) make some hover effect which draw a line across the calendar to time caption on left for showing the event's start-time

See demo here:
https://emiliebunny.github.io/demo/calendar

[emiliebunny]

Do you want to change the way to render component as <table>?
or using 'https://github.com/jquense/react-big-calendar'?
(I've just checked your last stream which I missed)

[JanPoonthong]

Yeah, I think we better use a library to handle calendars.

Lets use https://github.com/jquense/react-big-calendar