📅[New Plugin] Air Calendar (FullCalendar)

[ZeroqodeSupport]

Hi @PhastCo,
​
Thank you for your message, we’ve fixed the plugin demo page - please give it a spin.
​
​https://seanhootsdemopro.bubbleapps.io/calendar_demo
​
Here are some key points to keep in mind when working with Recurring Events:

1. Days of the week (e.g : Monday, Tuesday, etc) must be written in English only. Otherwise, the plugin won’t recognize the days for the recurring event. For example, if the event occurs three times a week, you should write Monday, Wednesday, and Friday (or the appropriate days in English).
2. Start/End Dates: The start and end dates must not be on the same day; there should be an interval between them (such as a month or a year). For example, if the recurring event happens throughout April, set the Start Date to April 1st (and specify the time), and the End Date to April 30th (with the ending time). Ensure the days of the week are specified correctly in English with no spelling mistakes (capitalization doesn’t matter as long as they are in English and accurate).

Example - you can check our test page for Recurring events.

​

Please try these adjustments and let us know if everything starts working as expected.

Best regards,

Support Team
Browse all Zeroqode Plugins for Bubble

[PhastCo]

Thanks @ZeroqodeSupport - does this plugin currently only support weekly recurring events, and not yet monthly recurring events?

[ZeroqodeSupport]

Hi @PhastCo,

You’re very welcome.

Yes, the Air Calendar library has some limitations with recurring events, allowing you to set the start/end date, time, and the days of the week when the event should occur.

To introduce more flexibility for recurring events, additional functionality from a third-party library would be required.

To provide more details about the features you are looking for please complete this Sponsoring Plugin Features Form.

Once submitted, we will review it and provide an estimate of the hours and associated costs.

If you have other product-related questions, feel free to contact us.

Best regards,

Support Team
Browse all Zeroqode Plugins for Bubble

[arjen]

Hey there, still very much enjoying this plugin. I’m wondering about a feature that could be very useful for us but it’s not there yet. I’m using the resource scheduler timeline and when I select an event in the calendar it shows a floating group with more info on the event. However since I have lots of events in the calendar it would be nice to highlight the “selected event” color in a different color that the normal “background color” so that we know which event we are looking at / editing.

[ZeroqodeSupport]

Hi @arjen,

Thank you for your message, we’re really happy to hear that you’re enjoying the plugin!

Regarding your request to highlight the “selected event” with a different color, this feature isn’t natively available in the Air Calendar plugin at the moment. However, there is a workaround that you can implement to achieve this functionality.

Here are some suggestions to help you highlight the selected event:

1. Use the “Event Click” Workflow:
   You can create a workflow triggered when an event is clicked. In this workflow, you can store the ID of the selected event in a custom state.

2. Customize the Selected Event:
   Using the custom state, you can dynamically apply a specific style to the selected event, such as changing the background color or border color.
   You could also update a floating group (which displays more information) to highlight the selected event. This can be done by using conditional statements on the floating group’s background color.

3. Dynamic Styling:
   Once the event is selected, you could apply a different CSS style or add custom logic to visually distinguish the selected event.

While the feature you are looking for is not directly available out-of-the-box, this workaround can help you create a more personalized experience in your app.

Hope it helps.

Best regards,

Support Team
Browse all Zeroqode Plugins for Bubble

[teamprogresscomplete]

Is there a way to get the date of a recurring event after it’s been dragged? Right now, neither the “clicked date” nor the “recurring event date” are available unless the event is directly clicked.

This becomes a problem when trying to edit a recurring event series—especially when an event is dragged to a new date—because there’s no reliable way to access the original date that was selected.

For example, if I drag a recurring event from the 10th to the 11th, there’s no way for me to tell Bubble that the original instance was on the 10th. But that information is crucial for editing recurring events correctly.

[ZeroqodeSupport]

Hi @teamprogresscomplete,

Thank you for your question. Regarding your request to access the original date of a recurring event after it has been dragged, the Air Calendar (FullCalendar) plugin currently doesn’t provide an easy way to track the original instance when it’s dragged to a new date. However, we can suggest a few workarounds:

1. Tracking the original date manually:

   • One approach could be to store the original date of each recurring event in your database when the event is first created or edited. This way, even if the event is dragged to a new date, you can refer back to the original date stored in your database.
   • When an event is dragged, you can update only the new date while keeping the original date intact for reference.

2. Using workflow triggers:

   • You can set up a workflow where you update the event’s information (like the date) when it is dragged. However, you’ll need to maintain the original date separately.
   • In your workflow, you can have an action that updates the event with the new dragged date but also refers to the original instance date you stored.

Here’s a link to the plugin documentation for more in-depth guidance on how to use the plugin and its features, and you can also check out the demo page for a working example: Air Calendar Demo Editor.

Hope it helps.

Best wishes,

Support Team
Browse all Zeroqode Plugins for Bubble

[teamprogresscomplete]

Hi, thanks for the response!

I’m still a bit confused by your first suggestion. My setup already includes:

1. An “original/start date”

2. A list of all “occurrences” for the recurring event.

However, your suggestion doesn’t address the core issue: there’s no way to detect the specific date a recurring event is being dragged from. It doesn’t help that I know the start date and all occurrences — I still can’t identify which instance was moved.

Your second suggestion also doesn’t seem viable for the same reason. Yes, I can update the new target date after the drag, but without knowing the original date the event was dragged from, I can’t correctly update the recurring series.

As I mentioned in my original post, this is essential for editing recurring events properly. For example, if I have a weekly recurring appointment on the 1st, 8th, 15th, 22nd, and 29th, and I drag the 15th to the 16th, my new series should be: 1st, 8th, 16th, 22nd, and 29th.

Likewise, if I drag the 15th to the 14th, the new series should be: 1st, 8th, 14th, 22nd, and 29th.

Without knowing the original date of the moved instance, it’s impossible to implement this behavior accurately.

To reiterate: editing a single instance within a recurring series currently requires “splitting” the series — something like:

A (original recurring series) → B (edited instance, now a standalone event) → A (resumed recurring series)

But again, without knowing the date the event was moved from, it’s not possible to do this reliably using the current plugin.

Let me know if I’m still unclear — happy to elaborate further.

---

Thank you for the link to the demo but it currently does not support creating recurring events, or editing them. If the demo had this capability that would be great!!

[ZeroqodeSupport]

Hi @teamprogresscomplete,

Thank you for your detailed follow-up and clarification.

We understand now that you’re looking for a more specific feature to track the original date a recurring event was moved from, in order to accurately update the recurring event series. Currently, the Air Calendar plugin doesn’t provide this level of flexibility when it comes to tracking such changes.

As mentioned in a similar inquiry above, while the plugin supports basic recurring event functionality, achieving the behavior you’re looking for would require additional development, possibly involving a third-party library to enhance the handling of recurring events.

We provide general support for the plugin, and while we’re unable to implement custom features without additional resources, you can certainly share your feature request through our Plugin Feature Sponsoring Form here: Sponsoring Plugin Features Form. Once submitted, our team will review it, and we can discuss the possibility of adding this feature, along with an estimated cost for the implementation.

We appreciate your feedback and will take it into consideration for future improvements. Let us know if you have any other questions or need further clarification!

Best regards,

Support Team
Browse all Zeroqode Plugins for Bubble

[teamprogresscomplete]

Here is a Calendar I have built with the plugin. As you can see it is showing one day, and all the resources (in this case teachers).

Would it be possible to show each teacher’s availability as a shaded region on the calendar? For example, if Camila is available from 1:00pm - 8:00pm, for that section of the calendar to be lightly shaded, even beneath her current appointments?

This would be an exceptional capability for schedulers and administrators.

[ZeroqodeSupport]

Hi @teamprogresscomplete,

Thanks for sharing your calendar setup!

For your use case, where you want to display availability alongside existing appointments, a potential approach would be to create a separate data structure for each teacher’s available hours and display those as events on the calendar with a custom styling or a different background color.

You could then layer these availability “events” beneath the teacher’s existing appointments, keeping the availability visible even if an appointment overlaps. This would require customizing the calendar’s event creation and styling logic, which could be done with Bubble’s workflows.

While the Air Calendar plugin doesn’t currently have a built-in feature for this, it’s something that could be implemented with some custom development.

Here are a few options to consider:

1. Check the Demo and Docs:
   We’d recommend exploring the Air Calendar demo to see how the calendar currently works and whether any existing functionality can help with your requirements. You can also check out the plugin documentation for more details on the plugin’s customization options.
2. Submit a Feature Request:
   If you’d like to see this feature added to the plugin, you can submit a paid feature request through our Airtable form. Once submitted, our team will review the request and consider it for a future update based on interest.
3. Custom Development:
   If you’re looking for more specific guidance, we’d also suggest reaching out to the Bubble forum, where you can get tips from other developers. Alternatively, you might consider hiring a developer to help bring this feature to life.

We hope one of these options helps you move forward! Feel free to reach out if you need further assistance or have any more questions.

Best regards,
Support Team

Browse all Zeroqode Plugins for bubble

[yoann.investissement]

Bonjour, j’ai toujours un problème de mon coté même avec la dernière mise à jour 3.106.0. Il y a eu une période buggé avec l’ancienne mise à jour et avec cette dernière, plus rien ne fonctionne. Les clients peuvent sélectionner les dates de réservations qui sont déjà bloquées (et elles devraient apparaitre en gris ou rayé normalement mais ce n’est plus le cas)

[ZeroqodeSupport]

Hi @yoann.investissement ,

Thank you for sharing the details about the issue you’re facing with the Air Date/Time Picker plugin after the latest update (3.106.0).
I understand that customers can still select reservation dates that should be blocked and visually indicated as unavailable.

Here are the revised steps to troubleshoot the issue, as requested, skipping steps 4, 5, and 6:

1. Verify Plugin Settings: Ensure the “Blocked Dates” or similar property in the Air Date/Time Picker element is correctly configured to reference your data source for reserved dates. The plugin should visually indicate unavailable dates (grayed out or crossed out) based on this data.
2. Check Data Source: Confirm that the data source (e.g., your database of reservations) is correctly populated and accessible by the plugin. If the plugin cannot read the blocked dates, it won’t display them as unavailable.
3. Revert to Previous Version: Since the issue started with version 3.106.0, consider temporarily reverting to the previous version of the plugin and double-check if the issue persists.

Meanwhile, could you please provide any additional screenshots or workflows related to your date-blocking setup? You can use Loom to record a short video with the workflow of your current setup. Also, feel free to share any screenshots of errors or logs appearing in your browser console.

This will help us diagnose the problem more accurately.

Looking forward to your reply!

Best regards,
Support Team
Browse all Zeroqode Plugins for Bubble

[parthapatel0723]

Hi. Just purchased today, starting to implement. In the docs, I see a field for blocked dates, but I don’t see it in the actual element. How do I tell Air Calendar what dates are blocked?

[ZeroqodeSupport]

Hi @yoann.investissement,

Just checking in to see if you’ve had a chance to review the troubleshooting steps or gather any additional screenshots or logs.

Feel free to share them - this will help us assist you more effectively.

Looking forward to your update!
Regards,
Support Team
Browse all Zeroqode Plugins for Bubble

[ZeroqodeSupport]

Hi @parthapatel0723,

Thanks for your message!

You’re absolutely right to look for the Blocked Dates feature - and great news: while the Air Calendar plugin itself doesn’t have a native “blocked dates” field, this functionality is supported via the Air Date/Time Picker plugin, which integrates smoothly with your setup.

Here’s how you can approach it:

• Use the Air Date/Time Picker plugin to control date selection logic, including blocking unavailable or reserved dates.
• Pass your list of blocked dates (from your database or defined list) to the Blocked Dates field within the Date/Time Picker element.
• Use this Date/Time Picker in coordination with the Air Calendar to ensure users can’t select those blocked dates when creating or editing events.

You can find the detailed setup steps in the Air Date/Time Picker documentation and double check the configuration steps with demo editor

Please let me know if you need help setting up any workflows or if you have more questions!

Best regards,
Support Team
Browse all Zeroqode Plugins for Bubble

[ZeroqodeSupport]

Hi @parthapatel0723,

Just wanted to check in – were you able to try out the suggestions for blocking dates, and did they work for your setup?

Let me know if you need any further assistance!

Best regards,
Support Team
Browse all Zeroqode Plugins for Bubble

[tom.whiting]

Can you let us know if you are going to amend/enable this plug in to be used in the native mobile builder? As I have not long purchased it & want to be able to use it on a native app.

[ZeroqodeSupport]

Hi @tom.whiting ,

At this time, the plugin isn’t compatible with Bubble’s native mobile builder (Bubble GO), as it was originally developed for web applications. A mobile-ready version isn’t planned just yet, but we’re actively working on expanding our support for native plugins as Bubble Native continues to evolve in its beta phase.

For the latest updates on plugin compatibility and any future developments, feel free to check:

• Zeroqode Plugin Page
• Zeroqode Forum

If you have any other questions or need assistance, don’t hesitate to let us know.

Best regards,
Support Team
Browse all Zeroqode Plugins for Bubble