[NEW PLUGIN] Modern Calendar (Notion-Calendar-like)

[tomo.hitoma.bubble]

Thanks for your message.
Here are my current responses to each point.

1. Scroll issue
   At the moment, the calendar allows moving across months using the mouse wheel scroll by design.
   However, since this behavior is not always needed, I’m planning to add a property to disable mouse wheel scrolling.

2. Colour issue #1 (dynamic color switching)
   Due to the current limitations of Bubble plugin development, it seems that database properties cannot be changed dynamically.
   As an alternative, I’m planning to add properties that allow specifying multiple event colors.

3. Colour issue #2 (background color for single-day events)
   This is an intentional design choice.
   To improve readability, events shorter than 24 hours are displayed with a white background and a border, while multi-day events use a soft background color.

Thanks again for your feedback.

[tomo.hitoma.bubble]

Hi Bubblers!

I’ve added a small but practical update to the Modern Calendar plugin.
Thanks as always for your continued feedback and support!

New Features & Improvements

Enable Calendar Scroll

• You can now enable or disable scrolling for the entire calendar
• Useful when you want to keep the view fixed to the current month or avoid conflicts with outer page scrolling
• Allows more flexible control depending on your UI layout

Color Mode

• You can now switch event color modes
• Makes it easier to align event appearance with your app’s theme (light / dark, etc.)
• Improves compatibility with custom designs

Try the demo here
Modern Calendar Plugin

Please feel free to share any feedback or feature requests.
Thanks again

---

@darren.james7518
Thanks again for your feedback!

#Colour issue #2 — clarification

Just to clarify how event colors currently work:

• Time events shorter than 24 hours
  → The background is transparent

• All-day events, or time events lasting 24 hours or more
  → The background uses a soft background color

This behavior is intended to make it easier to visually distinguish between time events and all-day / multi-day events.

[darren.james7518]

Thank you for your reply. I see you have made the updates, do I need to reinstall or update the plugin in some way? I just checked and I can’t see how to switch mouse scroll off or enable background to be coloured based on different data base fields.?

[tomo.hitoma.bubble]

Thanks for checking!

First, please update the plugin to the latest version v1.3.25.

Next, configure Enable calendar scroll, and set the Color 2 / Color 3 and Border color 2 / Border color 3 properties as needed.

By changing the Color mode via Conditional settings, the colors from Color 2 / Color 3 and Border color 2 / Border color 3 will be used accordingly.

You can also refer to the demo editor for reference: Bubble Editor

Hope this helps! Let me know if anything is unclear.

[darren.james7518]

Hi Tomo,

After upgrading to the latest version of ModernCalendar, the calendar no longer renders in preview mode. It shows in the editor but is invisible when I preview the page.

I downgraded to the 1.3.23 version and it works again.

Can you check what’s wrong with the latest version?

[tomo.hitoma.bubble]

Hi @darren.james7518 ,

Thanks for reporting this!

The issue was caused by Color 2 / Color 3 and Border color 2 / Border color 3 being null, which resulted in a rendering error and caused the calendar not to appear in preview mode.

This has been fixed in v1.3.26 by adding proper null checks for these properties, so the calendar should now render correctly.

Please try again with the latest version.

Thanks again

[darren.james7518]

Hi,

Ok that’s great, seems to work but I need to test further - thank you for the fast turnaround!!