🗓 [FREE Plugin] Air Date/Time Picker

[info.dailygrubs]

Hi @ZeroqodeSupport

Any update on this??

[ZeroqodeSupport]

@info.dailygrubs

Hi @ZeroqodeSupport

Any update on this??

Hi @info.dailygrubs,

Apologies for the late reply due to the weekend.

Unfortunately, no. We are still working on this issue, please be sure as soon as the investigation is completed, we’ll get back to you. Thank you for your patience and understanding.

Best regards,
Zeroqode Support Team

@andrewochampion

hi @seanhoots - Any Updates?

Hi @andrewochampion

Please let us know if we can try to help you with the plugin.

Best regards,
Zeroqode Support Team

[ZeroqodeSupport]

Hi @andrewochampion,

In case you’re referring to the issue with the “value change” event, our team is actively addressing it. We’ll keep you updated once our investigation is finished.

Best regards,
Zeroqode Support Team

[ZeroqodeSupport]

Hi @info.dailygrubs , @andrewochampion

Thank you for your patience.

We’ve investigated the matter with the value change event and here is the result:

Unfortunately, we cannot influence this process because when we click on a cell to display the date of the parent group, the plugin processes this information in a circle since the dates are different. In this case, we recommend using auto-binding instead of the value change event. Screenshot by Lightshot

Another option would be to use a popup with the plugin element and a button to save the date. Screenshot by Lightshot

Alternatively, you can use the value change event and enable the “ok” button in the plugin element, in this way the plugin will try to change the value only when you click on the ok button after selecting a date. Screenshot by Lightshot

Hope this helps! Please let us know if we can try to help you with anything else.

Best regards,
Zeroqode Support Team

[adamhholmes]

@ZeroqodeSupport I’m just returning to the issue with time zones not being respected in this plugin, as it’s still causing problems in my apps…

I’ll explain the issue more clearly…

If I define a date (e.g. 20th October, 00:00 in UTC), and then display that Date, formatted as dS mmmm, H:MM UTC, it should always display as ‘20th October, 00:00’, for every user, regardless of their own device timezone.

However, when setting a date with the Zeroqode Air Date/Time picker, and setting the air date picker’s dynamic timezone to UTC, it is NOT defining the selected date in UTC, but rather it seems to be using Europe/London time.

This is not the expected or correct behaviour of a date picker.

I’ve made a simple demonstration, with two simple examples to highlight the issue…

Air Date Picker Issue (bubbleapps.io)

The first one uses Bubble’s own Date Picker element - and this works as expected (i.e. it defines the selected date as 00:00 UTC)

And the other one uses the Air Date Picker - this one does NOT define the date correctly, but rather always uses Europe/London… which during Winter (as it is now), when selecting a date in the Summer, puts the selected date one hour (and therefore also one day) behind the selected date.

Specifically, it’s a problem when selecting dates prior to October 30th, which was when Europe/London time switched from BST to GMT.

Again, the example on the left is using Bubble’s own Date Picker, which works correctly.

The example on the right uses the Air Date/Time Picker, which outputs the wrong date.

Both date pickers are set to define the date as 00:00 in UTC

Both text elements display the respective dates formatted in UTC.

If you select 20th October 2023 in the Bubble date picker, the text will display “20 Oct 2023, 12:00am”, exactly as expected.

But you select 20th October 2023 in the Zeroqode Air Date/Time Picker, the text displays “19 Oct 2023, 11:00pm” instead, which is obviously incorrect.

It seems to only display this bug when my computer device timezone is set to a timezone that observes DST, but it’s only ever out by one hour, regardless of the device timezone. It seems to be using Europe/London time instead of UTC.

But if I Set my device time zone to UTC, or any timezone that doesn’t have DST, this issue does not occur.

Obviously, seeing as the Date is being set and displayed in UTC, the device timezone should not have any effect on the date being set (and it doesn’t when using the Bubble date picker), so the issue seems to be that the Zeroqode Date picker is somehow being affected by the device timezone, even when it shouldn’t be.

see this thread for additional context: A favour needed - Bugs - Bubble Forum

[ZeroqodeSupport]

Hi @adamhholmes,

Thank you for reaching out to us!

I’ll promptly forward your inquiry to our development team for their thorough examination. Rest assured, we will provide you with a response as soon as we have more information.

Wishing you a fantastic Monday!

[ZeroqodeSupport]

Hello @adamhholmes,

Let me relay the information from our developers.

There is a difference between how the Bubble picker and our picker process information.

We have reviewed the settings of the pickers on the page you provided. You have set up UTC for the dynamic timezone field. Please note that UTC is not an accepted format for the respective input. You can see the accepted formats in the show documentation below the input field. If you wish to use dynamic timezones, you will need to set only one example from the list.

I hope this clarifies the issue for you.

Cheers

[adamhholmes]

So there’s no way to use UTC time with this plugin? (the most common and widely used time zone in web development…)

[ZeroqodeSupport]

Hi @adamhholmes,

The library for the plugin does not accept “UTC” as an acceptable tine format. The show documentation has a list of all the options you can choose from.

Cheers

[even]

Hi! Suddenly Air date/timepicker stopped working in my app, bubble standard date time picker works fine but air dt does not display dates/options when clicked?

[even]

There seems to be an issue if initial date is provided in the picker. When keeping this empty or workflow to set a date on page load it works fine

[stefanof]

@ZeroqodeSupport Hi, any news on this ? I am having the same issue. On page load the “value change” workflow keeps running on a loop indefinitely and no date is selected in the date picker (even if an initial content is set). Thank you for your help.

PS: as a workaround, using the autobinding option it works fine.

[ZeroqodeSupport]

@stefanof

Hi, any news on this ? I am having the same issue. On page load the “value change” workflow keeps running on a loop indefinitely and no date is selected in the date picker (even if an initial content is set). Thank you for your help.

PS: as a workaround, using the autobinding option it works fine

Hi @stefanof, @even,

Thank you for your messages and for using Air Date Time picker plugin.

We’re sorry to hear that you’re encountering this looping problem on page load.

We will check with the dev team and get back to you as soon as possible.
To speed out the process, please share screenshots of your configuration, the plugin element setup, any conditionals, workflow used, expected result and the actual one.

Also, please let us know the version of the plugin you are currently using, and if you tried updating to the latest one.

Looking forward to hearing from you soon.

Thank you for your understanding and cooperation.

Best Regards

[stefanof]

Hi @ZeroqodeSupport , thank you for your reply. Here there are all screenshots.

[even]

For me this issue was resolved when reverting from the last upgrade to the previous. I also changed all pickers with single date to bubble’s own picker and are now only using the air date time picker for when a date range is needed. This solves the issue for me for now, i am in the middle of live testing of my app so i took the quickest possible fix to avoid delays. So i do not have any screenshots at this time but will be testing air dt when i start developing again.

[ZeroqodeSupport]

Hello @stefanof,

Thank you for your reply. We have carefuly checked with the dev team and they suggested trying these steps to fix problems with the plugin in your app:
Check the Console for Errors:

• Open your application in a browser.
• Right-click on the page and select “Inspect” to open the developer tools.
• Click on the “Console” tab to view any error messages. Errors related to the plugin will usually mention the plugin’s name or functionality.

If no errors in the Console, check the Plugin Element if it’s not covered by other groups or elements on the page.
Sometimes, elements can be hidden or overlapped by others. Ensure the plugin element is visible and not obstructed by other elements on the page. Reinstall the Plugin:

• If the above steps don’t resolve the issue, try deleting the plugin element from your page and place a new one. To do this:

• Go to the Bubble editor and delete the problematic plugin element.

• Add a new instance of the plugin element to your page.

• Configure the settings as required.

Please try our suggestions and let us know if this helps.

Take care.

[batuhanmerguz]

Hey guys, I’m struggling to reset some data on my AirDateTime Picker. I recorded a video about it. Could you check it out?

PS: I’m using the latest version of the plugin.

[ZeroqodeSupport]

Hello @batuhanmerguz!

I noticed that your query involves how dates are being sent to the calendar, but the details of your implementation aren’t entirely clear. When you use value to change do you use clear action for the element? If yes, where is it situated?

Can you share access to your page or provide screenshots of your workflows? This would help us better understand your setup and give you more help.

Thank you so much for your attention and participation.

Best regards.

[riverogonzalez.isaac]

Hi there !

I am having an issue with the plugin that should be easy but I really don’t know how to do it.

I want to avoid users to save new data if the date is not selected which is vital for the app. How ever, I don’t find the “This input should not be empty button”… What should I do ?

Thanks!

[ZeroqodeSupport]

Hello @riverogonzalez.isaac ,
Thank you for reaching out

Would it be convenient for you to provide more details regarding your use case?

Namely the full name of the plugin you are using, screenshots and screencasts of your workflow setup, plugin element, the issue you see, and the expected result, for screencast recording I can suggest using the Loom tool.

Please record a video in step-by-step mode with the browser’s console enabled, in case there are any error messages there, and share a link with us so we can understand better your use case.

These details will help us reproduce your setup on our side and look into it.

Thank you once again and looking forward to your reply.
All the best,
Zeroqode support team.