Forum Academy Marketplace Showcase Pricing Features

"Check-In" date input to switch to"Check-Out" date input upon selection

Hi,

I want the “Check-In” date input to switch to"Check-Out" date input upon selection of the “Check-In” date like how Airbnb does it:

Notice how, after I’ve selected 1st of June, it automatically moves to the Check-Out date so I can quickly select 2nd of June.

Is it possible to do this with Bubble?

I’ve tried to use a conditional on the Check-In date using “When This DateInput’s value is not empty” but it only allows me to change the attributes of this element itself rather than the Check-Out one.

Does anyone have any ideas?

Thanks in advance.

1 Like

Try the “set focus” action in a workflow off of the clicking of that date. So when the date is clicked, set focus to the check out input. It’s in workflows, not conditional tab.

2 Likes

@romanmg Just tried that myself and it functions just like the Airbnb app! Thanks so much Gaby :smiley:

Here’s a pic of what my workflow looks like:

2 Likes

Thank you guys and gals!

This is brilliant!!! :grin: :grin: :grin:

2 Likes

Anyone have a hack to make the “Check-Out” date later than the value of the “Check-In” date?

Haha, maybe I’m pushing my luck here…

1 Like

@kfhwdd Good idea! I was wondering the same thing. I just tried this and it worked! :+1:

Set your CheckOut Selector’s Minimum date to be ‘CheckInSelector’s value + (days): 1’. (Manually type in ‘1’ after you select ’ (+)days:’.) If you wanted the CheckOutSelector to jump a week ahead, you’d put 7 instead of 1, etc.

*I also set a conditional statement so that the CheckOut Selector is disabled if CheckIn Selector’s value is empty.

2 Likes

This is becoming an awesome thread!

Thanks for your help guys @fayewatson @romanmg

I was wondering, how long have you two been using bubble?

2 Likes

you can go through Brents post
New Video Course: Build a marketplace app like AirBnb with Bubble and can build actual clone of Airbnb.

its really awesome.

3 Likes

What do you mean post withdrawn by author?

@kfhwdd No prob! :slight_smile: I’ve been using Bubble for two weeks (wish I found it sooner!) Right now I’m mostly focused on The Code-Free Startup’s Airbnb course which has been incredibly helpful!

3 Likes

my post was deleted accidentally. I reverted back. you can now see the post

Great! The forum is such a helpful place. I’ve been using is regularly for about 4-5 months now. I’m hooked forever. I’ve not only built my own site (usercard.org) but have also been hired to build other sites for clients, and they range from simple static landing pages to a powerful scheduling app to a blog with CMS and even a social network! All in less than half a year… at the same time. I just can’t sing my praises enough.

3 Likes