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

Need help
1

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:

help2.gif914×395 897 KB

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
2

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
3

@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:

airbnb2.jpg1808×760 224 KB

2 Likes
4

Thank you guys and gals!

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

2 Likes
5

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
6

@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.

checkoutselector.jpg966×1056 284 KB

checkout_condition.jpg1334×1082 435 KB

2 Likes
7

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
8

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
9

What do you mean post withdrawn by author?

10

@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
11

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

12

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