How to display a calendar with the steps of a project as highlighted ranges?

Need help App Organization
1

My bubble app allows the user to plan a series of multiday steps as part of a project. These steps don’t overlap, so I’d like to visualize them on a calendar:

  • Each step takes a number of days
  • Each step is shown with a different color
    Ideally, it has a legend at the bottom and a way to ‘click’ the event so I can show details.

calnobgbig
calnobgbig925×768 148 KB

Here is an example that shows a full year. I would typically need a 1 or 2 months view.
What is your advice on how to implement this? Are there any plugins that can do this?

2

I found that the plugin provided by bubble does a pretty good job. More info here.