🗓 [FREE Plugin] Air Date/Time Picker

[emir.ozgun]

Hey @ZeroqodeSupport when using ‘Show picker’ action in workflow it doesn’t automatically close when user clicks anywhere in the page , what is the solution for this . If there is no solution do we have any conditionals that can be attributed to when x is 1 picker display is visible . Note : Using V3.97

[ZeroqodeSupport]

Hello @emir.ozgun ,

Thank you for reaching out to us.

We have observed the concern you reported: when you open the Calendar using the ‘Show picker’ action, you aren’t able to close it by changing focus. We have forwarded this observation to the development team for further investigation, and we’ll get back to you once we have a better answer or resolution on this matter.

In the meantime, if you have any other questions, please let us know.

Thanks, and wish you a great weekend ahead!

Best regards,
Zeroqode Support Team

[emir.ozgun]

Yes , my second question is do we have ‘display part of picker is visible’ condition . That way I would be able to set focus on a hidden input , and use when input a is focused display picker is visible . (Display picker here is the visible part of the picker when clicked )

[ZeroqodeSupport]

Hello @emir.ozgun ,

Thanks for your message, and our apologies for the late reply over the weekend.

Regarding your question, could you please provide more details on exactly what you would like to achieve with the condition: ‘display part of picker is visible’?

In the meantime, while the development team is looking into the problem with the “Show picker” action, for your use case you can try creating a workaround by using a bubble event like “An element is clicked” or “An element is hovered”—where you will use the condition “Picker’s calendar is visible… is yes”.

Then use the Hide picker action in that event - this workaround will make the calendar close when you will hover or click on the page.

Hope this proves helpful. Looking forward to your reply.

Best regards,
Zeroqode Support Team

[ZeroqodeSupport]

Hello @emir.ozgun,

Hope this message finds you well.

We are writing to update you about our findings regarding the concern you reported earlier with using the “Show picker” action in the Air Date/Time Picker plugin. We found that this behaviour is caused by the library used by the plugin; you can see this behaviour in this demo: https://codepen.io/Block-Cat/pen/PoMoGjp?editors=1010

Nonetheless, you can solve this by using Bubble’s built-in event “Left mouse button is down” and use the action “Hide picker” there. It will work the same way as when you open and close the calendar by dirrectly clicking on it. You can check it on this test page: Seanhootsdemopro | Bubble Editor

Could you please give it a try and let us know how it works for you?

Thanks, and we look forward to your reply.

Best regards,
Zeroqode Support team

[emir.ozgun]

Hello , I checked it and it worked however I have a SPA and use the calendar in different ocations , that type of event will inflate the app , I need more of a conditional related solution. And thinking that focus on input type solution will solve this issue , ‘this needs calendar is visible’ type of condition or toggle air date time picker

[ZeroqodeSupport]

Hello @emir.ozgun ,

Thank you for your message.

We will explore any possible solutions to integrate this improvement into the Air Date/Time Picker Pro version. We will keep you updated on any news or decisions regarding this matter so you can decide whether to upgrade to the Pro version of the plugin.

Thank you for your understanding. If you have any other questions in the meantime, please let me know.

Best regards,
Zeroqode Support Team

[ramzizi]

Hi @ZeroqodeSupport ,

I’m trying to figure out some weird time zone issues with my app. I have both my page time zone override and the Air/DateTime Picker time zone set to America/Los_Angeles. However, I’m trying to get the plugin’s selected date ranges, and it seems like those dates are still being adjusted according to the browser time zone. It’s an hour off, so it seems like there’s a daylight savings time issue.

I figured when I set both the page time zone and the element’s time zone the same, the selected dates should be static and not reliant on the browser time zone?

[ramzizi]

@ZeroqodeSupport

I’m still struggling to get the Air/Date picker to choose the correct midnight date. I’ve definitely narrowed the problem down to differences in daylight savings time (e.g. Berlin/London switch in late March). I just don’t understand why the browser time zone is interfering with the chosen date when the page level time zone and this element’s time zone are both set to America/Los_Angeles