I’m excited to share my new Modern Calendar plugin - a Notion-Calendar-inspired solution for Bubble.io!
After careful development and testing, I’ve created a clean, modern calendar that’s both powerful and easy to use.
I’m excited to share some updates to the Modern Calendar plugin, thanks to the feedback we received!
New Features & Improvements Improved Title Visibility
・Event titles are now easier to read, even for smaller events
・Padding has been reduced to maximize text display
・Titles remain clear, even in compact time slots
Dynamic Slot Size Options
・Now you can customize time slot sizes: 10, 15, 20, or 30 minutes
・More flexibility in calendar granularity
・Adjust according to your scheduling needs
Disable Drag & Resize Per Event
・Added an option to disable dragging and resizing for specific events
・Prevents accidental modifications for fixed schedules
・Great for “locked” events that shouldn’t be moved
If you could share your app ID, I’d be happy to give you free access for two weeks so you can try it out before making a decision.
You can find your app ID in the URL of your Bubble editor, as shown in the image. It appears after id= in the address bar (for example, in the URL bubble.io/page?id=your-app-id).
Please note that the free access will expire on April 5th (two weeks from now). If you decide to purchase the plugin before then, I’ll remove the trial access at that time.
Just send me your app ID and I’ll set up the trial access right away.
However, AI features (like text generation or summarization) are not implemented yet.
If you have specific AI-related needs, feel free to share — it might help me prioritize what to add next!
Hey, this looks really good! It may be a lot to ask but can I test it? It could be only for 1 or 2 days but I’d like to implement it and use it to see if this is what I need.
Regarding AI features, I recorded this quick video but in a nutshel: I would like to be able to send data from the RTE to an LLM and to receive data from an LLM within the RTE.
I’d like to introduce the latest updates to the Modern Calendar!
Resource View Added
・You can now manage events by resource with the new “Resource View”
※ In the Resource View, all-day events can be dragged but cannot be resized
Mobile Drag Support
・Drag operations are now supported on mobile devices
・Resize operations are not yet supported on mobile
Selection Settings
・You can now configure the selection range via Workflow actions
Calendar-wide Drag/Resize Disable Option
・You can now disable drag and resize actions for the entire calendar
※ Disabling drag/resize per event was already added in the previous update!
Event Sorting Optimization
・Event order has been optimized for better visibility
Drag/Resize Behavior Improvements
・Made drag and resize operations smoother and more consistent
PC View
Mobile View
Tested using the WebView feature of BubbleGo (Mobile app)
Hi there, I came across your plugin that seems to be a great fit for my app. I saw in the threads that we can test it for few days before making the purchase. If that’s still the case, can I also do that?
I’m happy to share a small but useful update to the Modern Calendar plugin — thanks again for your continued feedback and support!
New Features & Improvements
Flexible Time Format Settings
・You can now choose from various time formats: h:mm a, h:mm A, HH:mm, H:mm, or set your own custom format
・When using h:mm a or h:mm A, the AM/PM part is hidden from the start time if both times are in the same period
・Supports custom formats for more display flexibility
Optimized Target Date Setting
・Improved performance by simplifying the set targetDate logic
・Now handles only date-related processing, making it more efficient
Scroll issue: When using the mouse scroll wheel over the calendar, it scrolls through the dates continuously, moving into the next month and beyond. This seems like unintended behaviour for a month view. Is there a setting to disable this scrolling, so the calendar stays fixed on the current month until the user clicks the navigation arrows? I tried disabling scroll via CSS (overflow: hidden) but it didn’t work, so I believe the scrolling is handled by JavaScript within the plugin. Would it be possible to add an option to disable mouse wheel scrolling in month view?
Colour issue #1: Also, I have a question about dynamic event colours in the Modern Calendar plugin.
My app allows users to switch between two colour modes:
Event Colour — each event displays its own colour
Team Colour — events display the colour of the assigned team member
Currently, the Colour field in the calendar element doesn’t appear to be dynamic — I can’t access it from the Conditional tab to change the colour source based on a setting.
Because of this, I’ve had to create two separate calendar elements (one for each colour mode) and duplicate all the associated workflows (onClickedEvent, onClickedMoreEvents, onDropped, onResized, etc.). This adds significant complexity and maintenance overhead.
Colour issue #2: Why are the single day event coloured with a white background, whereas the multi day look better with a soft background colour? (see image)
Demo page : Modern Calendar Demo
Editor page : Bubble Editor
Plugin page: Modern Calendar Plugin | Bubble
New Features & Improvements
Improved Title Visibility
Demo: 
Forum: 
PC View
Mobile View
