We’re excited to introduce the Calendar for Bubble Mobile plugin - a sleek and customizable way to bring event scheduling right into your native app.
Key Features:
Multiple Views: Switch seamlessly between month, week, and day layouts for flexible event management.
Customizable Design: Adjust colors, styling, and layout to perfectly match your app’s look.
Smooth Interactions: Let users browse, add, and manage events with mobile-optimized controls.
Bubble Integration: Fully compatible with Bubble’s dynamic data for real-time scheduling.
A great fit for any app that needs a professional calendar on mobile - from booking tools and planners to event organizers.
What you’re seeing above isn’t the plugin itself slowing things down - it’s just the framerate of the GIF/video.
We intentionally keep it lower so the steps of the interaction are easier to follow.
That’s why it might look like the Calendar is running slower in the preview.
In a real app, the Calendar works smoothly without that “slow-motion” effect.
If you’d like to try the actual plugin, you can check the live demo page.
I am currently using FullCalendar from Zeroqode as well to handle events, I need to set up a Calendar for my mobile app, please lmk if this works. I don’t want to handle new database stuctures, just use what I currently have set up.
Just installed this, filled in the plug-in fields, and when testing both in computer preview and BubbleGo, app disappears from the tester. When i remove the calendar element, everything else goes back to normal.
Hi! Super excited about this. Does the calendar support exceptions for repeating events? i.e., canceling or changing just one occurrence without affecting the rest of the series? For example, a weekly event with an excluded_dates list (e.g., [“2025-09-18”]) to skip that day. If not native, what’s the recommended pattern?
Thank you for reaching out, and we’re glad you’re excited about using the Calendar plugin!
Currently, the Calendar for Bubble Mobile plugin does not natively support exceptions for repeating events, such as canceling or changing just one occurrence without affecting the entire series.
However, here are some recommendations you can follow to see if it works for your desired workflow:
Create an exception list: You can maintain an array of excluded dates (like ["2025-09-18"]), which you can then use in your workflows to prevent displaying or triggering events on those specific dates.
Custom workflows: Set up a workflow that checks the current date against this excluded list before showing or triggering the event. You can use conditionals to make adjustments to the repeating events.
Event cancellation: You can also consider manually deleting or updating an event occurrence on an excluded date via the database while keeping the rest of the series intact.
Hi, I ended up deleting the plugin since I wasn’t able to make it work.
Do you see any error messages in the browser console when the app crashes after adding the calendar?: No errors.
Could you let us know which plugin version you’re currently using?: Latest version that was live when I posted the question, not sure at this time since I deleted the plugin.
A quick screenshot of your calendar element setup would also help us check if there’s anything unusual: It was just a regular setup, had the element inside a group, filled in the element’s options and that’s it. Im pretty familiar with the Air Calendar from Zeroqode since I already use it for the webapp.
Just checking in to see if you had a chance to try the minimal test setup we suggested for the Calendar for Bubble Mobile.
If you could share the screenshots, version details, and device info whenever you get a moment, we’ll be able to replicate and advise on the fix faster.
I had the same problem as others - when a sheet/view containing this plugin element is shown, the entire screen goes blank. All the configuring and reconfiguring in the world wasn’t preventing this.
The only way I’ve managed to prevent this outcome was to nest the Calendar element in a Horizontal List (easily the least useful/convenient container to use to show a calendar).
Thanks for flagging this and for sharing the workaround
The “blank screen” when the Calendar element is placed inside a Sheet on Bubble Mobile can happen because the Sheet mounts before its inner views get a final size, so the Calendar tries to render with a zero/unstable height, and React Native bails. A Horizontal List works because it guarantees a measured container.
A couple of stable setups you can try (without relying on a list):
Group inside Sheet (fixed height)
Put the Calendar inside a Group that sits in the Sheet.
Give that Group a fixed height and a defined width.
Disable “fit height to content” / any auto-height behavior for that Group.
Keep the Calendar’s width/height ≤ the Group’s bounds.
Defer render a bit
Keep the Calendar hidden on page load inside the Sheet.
When you open the Sheet, add a short pause (150–300ms), then show the Group/Calendar.
If you’re conditionally binding data, make sure the data source is ready before showing it.
If you prefer the list-based approach, you can also use a Short List with a single item: it’s lighter than a Horizontal List and still provides a measured container.
If the issue persists, could you share:
Device/OS where you see the blank screen
A minimal test page (read-only link) + a screenshot of the Calendar element settings and its parent container (Sheet → Group → Calendar)
We’ll reproduce it on our side and advise the best fix/workaround for you.
Just checking in to see if you’ve had a chance to try the suggested setups or gather the necessary details (device/OS, test page link, and screenshots) so we can investigate the blank screen issue further.
Once we have that, we’ll be able to reproduce it on our side and advise you on the best fix or workaround.
Key Features:
