🗓 [FREE Plugin] Air Date/Time Picker

[santiagopoli3]

There’s a bug with the time picker in my app.

Vintti | Bubble Editor

Reset floating group doesn’t work with airdev time picker - Need help / Plugins - Bubble Forum.

Please take a look. Reset floating group doesn’t work neither clear dates. It just went crazy.

If I click in a RG element, everything is displayed OK, but then if I click on + Course or any other RG element, dates are the same. Also, sometimes dates just disappear even though the RG element has a date inside.

Crazy. Anyone can take a look and help me? I’m lost. I’ve tried everything

[itisthebr]

Hello guys,

Very happy to find this post. I have an important question:

How to block a calendar and give a host a grace period to prepare a home?

Made a video to explain it: Dropbox - Advance_Notice.mov - Simplify your life

[ZeroqodeSupport]

Hello, @msamandadianne!
Please accept our sincere apologies for the late reply

Unfortunately, the reported issue is not reproducing on our side. Can you please make sure you are using the correct settings and the latest plugin version?

Please feel free to get back to us if you need any help.
Regards,
Zeroqode Support Team

[ZeroqodeSupport]

Hello, @santiagopoli3!
Thanks for reaching out.

If you are using our Air Date/Time picker plugin, please make sure you are using the active plugin element (AirDate/TimePickerv2). Also, let us know if you are on the latest plugin version.

Unfortunately, the mentioned issue is not reproducing on our side. We have tried this setup:

Feel free to share your setup screenshots in DM with the detailed description of your use case if you need any help. We will be happy to assist.

Regards,
Zeroqode Support Team

[ZeroqodeSupport]

Hello, @itisthebr.
Thanks for reaching out.

@itisthebr

How to block a calendar and give a host a grace period to prepare a home?

To block a specific period of time (days or hours) you can use the simple picker functionality (by picking some days for blocking) and create an additional field in your database, which will be in charge for the grace period. This blocked grace period can be displayed on the plugin element (calendar) the same way as ordinary blocked dates, here:

If you have any questions, please feel free to drop us a line.
Regards,
Zeroqode Support Team

[itisthebr]

Hello Zeroqode Support Team,

Thanks for answering!

Not sure if you watched the video I shared: Dropbox - Advance_Notice.mov - Simplify your life

I am looking to give each “host” to block specific days in advance (one host would block 0 days, another host 7 days block days in advance). Basically a custom solution for each host to block however many days in advance.

Would you be able to please share a bubble.io link so I can have a look at what you did and replicate your results? Thank you very much.

[samnichols]

I’ve got a UX issue with the v2 date/time picker:

With the old (deprecated) date/time picker, when using a range, if you had a range selected, you could still re-open the date/time picker and select a new range without having to clear the initial range.

With the v2 date/time picker, it doesn’t allow selecting a new range if one is already selected unless you click the “clear” button.

If you could make it so selecting a new range when one is already selected (without having to click “clear”) on the v2 element, that would be fantastic.

I’ve also noticed that the padding is getting doubled only when the v2 date/time picker is empty. Once a range/date is selected, the padding is correct, but when it’s empty, there’s extra padding.

Notice the difference in horizontal padding with V2 when a date/range is not selected yet vs. when one has been selected. The horizontal padding on both of these elements is set to 12, with no conditions changing padding (or anything else).

Also, as of writing this, I’m using the most recent version of the plugin.

If you could help with these 2 issues, I’d greatly appreciate it!

Also, just to note, I love the new “range as a list” state.

[ZeroqodeSupport]

Hello, @itisthebr.

Sure thing your video was watched carefully. As we understand, you want to let each host of your app an ability to block/unblock some dates/hours in their listings to prevent clients from booking a listing on those days.

While we are not providing custom development solutions or consulting, the only thing we can help is a general info and pointing the plugin functionalities/fields you might use to achieve your goal.
Thus, to prevent mixing up the blocked dates for the actual rent dates, we recommend you create an additional field in your database for the grace period. To block dates for that grace period you might need to use a separate plugin element (for picking dates/time) + ability to unblock that grace period. For unblocking we can recommend using the “delete thing” action, since the only way to keep the grace period dates is to record them into the database - cancelling those dates will be possible by removing them from the database. How to implement it from the design side - it is up to you, since the plugin itself is not providing such functionality.

Hope it helps.
Regards,
Zeroqode Support Team

[ZeroqodeSupport]

Hello, @samnichols

@samnichols

With the old (deprecated) date/time picker, when using a range, if you had a range selected, you could still re-open the date/time picker and select a new range without having to clear the initial range.

Please confirm that we understood you right: so you mean you want to be able pick different range after one was already selected and the plugin element (calendar) was minimized (conditions: auto close: on; show buttons: on) and that currently it is not possible with the new plugin element?

We tested this case both with buttons shown on the plugin element and hidden. In both cases after you picked the range and minimized the plugin element, you can re-pick a range again:

@samnichols

I’ve also noticed that the padding is getting doubled only when the v2 date/time picker is empty. Once a range/date is selected, the padding is correct, but when it’s empty, there’s extra padding.

Unfortunately, this we were not able to reproduce on our side as well. Could you please send us via DM some screencast with a short explanation how we can reproduce this case for the further investigation?

Summary

Just to make sure, please check if you have these fields empty when you see the extra padding on the plugin Placeholder:

We will be happy to assist, but we need your assistance first in consulting on how we can reproduce your issues on our end.
Regards,
Zeroqode Support Team

[itisthebr]

Hello @ZeroqodeSupport,

Thank you for your feedback. What I wanted to do is actually allow each Host to decide how much days forward they want to block from their calendar, for example:

Mike wants to block 2 days in advance, allowing him at least 2 days to prepare his home, that way no guest can book today and tomorrow on his calendar, only day after onwards.

While Alex wants to block an entire week in advance, so guests must book 7 days or more from today’s date.

With the help of the Bubble Support, I figured that under the Air Date/Time Picker’s “Minimum date” input, I can add the following:

The only issue, that blocks the calendar for all hosts, so to fix that, in the Database under “Users” I Created a new field called “Grace” and gave it a field type of “Number”.

Finally in the Minimum date input, I changed it to the following:

It says “Current Page User” because this Air Date/Time picker is inside the Host’s page. Now each host can decide that grace period, if it is 1 day or 7 days or whatever days they want to block in advance, allowing the host the time to prepare in advance before every guest.

[samnichols]

Sorry for the late reply! It’s been a busy week. That’s interesting. I see in your video that it’s using correct behavior, and I really appreciate your making that. What version of Bubble are you using in the app used for the video?

[ZeroqodeSupport]

@itisthebr,

Thank you for sharing your use case setup. It will deffinitely help some other user in case of a similar use case.

---

@samnichols,

It’s the latest one

Please let us know if you need any help.

Regards,
Zeroqode Support Team

[josh40]

Hello, we have an initial content problem with the Air Date Time Picker. We are using it in a task management system. The problem we are encountering is that the initial content for the date picker is being retained between viewing tasks. When we view the first task and the due date is set for January 28th, 3:00PM, and then go to view a second task that should be a different time altogether, its initial content is not resetting, it is showing January 28th, 3:00PM.

[TekaTeki]

I had the same thing… check above on Dec 22 from @ZeroqodeSupport you can see the workaround.

[ZeroqodeSupport]

Hello, @josh40. Thanks for reaching out.

Please check if your issue has anything similar with this one:

[FREE Plugin] Air Date/Time Picker

Hi @TekaTeki, Thank you for providing access. I’ve carefully investigated your app and here is the result: First of all, the problem was that the selected dates were empty while we were editing the task. As you said the initial dates appear to be correct but the dates are deleted from the database because we didn’t select “new” dates when we try to edit/save them. Thus, when we save the task without any changes, we don’t see any date since it’s empty in the database. I’ve added a new…

Perhaps solution for that case can help you as well.

In case it did not work, please let us know. We will try to help.
Regards,
Zeroqode Support Team

[glib]

Hello guys,

I’m having the problem with picker as well. The problem is similar to one named previously, exactly that dates do not refresh.

Basically I have an app where users can click o item, see popup and changes date. I used initial dates in the field. Then user clicks save and data is saved even if it was not changed → everything is all right.

The problem is that when I change the date in picker, than I closed popup and opened it again for another item I see “changed date” from previous popup instead of initial one from clicked task.

I’ve tried to solve problem in few ways:

• reset input through action → not working at all. When I close popup and open it up it has last date I’ve put into popup.
• refresh group not working as well. It is well known solution for reseting inputs. Not working at all.

It seems like a bug

[ZeroqodeSupport]

Hello, @glib. Thank you for your message.

@glib

The problem is that when I change the date in picker, than I closed popup and opened it again for another item I see “changed date” from previous popup instead of initial one from clicked task.

It happens because with the new responsive engine the popup is being “written” on the page just once, and if you close it - it will keep it’s data when reopened.

Let us please suggest you this setup example:

Summary

• repeating group setup
  
  
  
  
  
  
  
  
• workflow for the “change” button
  
  
• popup with the plugin element setup:
  
  
  
  
  
  
  
  
  
  
  
• workflow for the “save” button:
  
  
• workflow for the “cancel” button:
  
  
• add this workflow to make the popup display the correct date through the plugin element:
  
  

How it works:

Hope it helps.
Regards,
Zeroqode Support Team

[rpetribu]

Hey @ZeroqodeSupport

I noticed that thr first version of Air Date/Time Picker is now DEPRECATED and there is a new element called Air Date/Time Picker V2 in our editor.

I use A LOT a function present in the first Air Date/Time Picker that is not present anymore in the new Air Date/Time Picker V2, that is the Minimum View.

The majority of my Date Time/Pickers are made to let the user select a specific month. It is possible to bring this function back?

Thanks!

[ZeroqodeSupport]

Hi there, @rpetribu.

Let us please check it

Regards,
Zeroqode Support Team

[ZeroqodeSupport]

Hello, @rpetribu.

Check it now, please. Updated plugin version - 3.48.0

Regards,
Zeroqode Support Team