Air Date/Time Dropper : disable cells and current days

[ni.delalande]

Hello, for a booking app i want user to be able to book from current days+1

I use the Air Date/Time Dropper, it works but the current day has a special style and as it is next to a valid date it is confusing.

Would it be possible to do that if the current days is not in the allowed range, its style is the same as the other disabled cells style?
For the moment it always has the hightlight color, whether it is disabled or not

Thanks

[kate]

Hello, @ni.delalande. Thanks for reaching out and for your patience.

Would you please provide more details on your use case? Like, screenshots of the plugin setup and of the whole use case you have. Plus please point out on the screenshot he exact issue you are reporting, since it is a bit unclear to me.

Thanks!

[ni.delalande]

Hello @kate , look at the 2 screenshots. We are on the 11th but I don’t want the user to be able to book on the same day.
So I disabled that day.

But it’s only when you hover over the 11th (screeshot 2) that you see it with the appropriate color, otherwise it has a special color (define by hightlight color) which encourages users to click on it (screenshot 1)

Thank you and don’t hesitate if it’s not clear enough

[kate]

@ni.delalande,

Hehe, I think (hope) I got what you mean. You want to disable the current day from being picked, but you don’t want to change its style, once it is disabled.

Also, it looks like you are using the Air Date/Time Picker plugin, not Dropper. Now I will be providing feedback based on the Picker plugin.

Have you tried this?

It won’t confuse your users with the dates you want to restrict from picking are the same color/style as the dates available for picking. Looks like this:

This grey color is a default style of the dates disabled from picking and which are not in the “Blocked dates” range.

Hope it helps!

[ni.delalande]

@kate , oh yes! It’s the Air Date/Time Picker, someone misnamed it (I’m taking over a project for a client)

Your example is exactly what I want but it doesn’t work for me , I tried Current date/time days +1 in the minimun date.

On this screen I even did “Current date/time days +2” so the problem is more visible.
It’s on google chrome.

All my settings

[kate]

@ni.delalande,

Could you please try to use the supported plugin element? To see it in the editor, make sure you are using the latest plugin version.

With this element, it should be possible to achieve the same result as me. Please try it out and let me know how it goes.