How to create an Arrival/Departure date selection

Learn how to configure the Calendar field to connect to another Calendar and limit the date selection

We start our form with 2 Calendar fields as shown

How to create an Arrival/Departure date selection image 1

Please note that our fields names are arrival and departure as shown

In the Arrival field settings, we change the format to use the Date only, we enable the Date/Time Limits behavior and we set the End Date Field name:

How to create an Arrival/Departure date selection image 2

In the Departure field we do the same, but here we set the Start Date Field Name:

How to create an Arrival/Departure date selection image 3

 

The end result is 2 calendar fields which are connected in date range, we can not select Departure dates before 12 because 12 is the Arrival date.

How to create an Arrival/Departure date selection image 4

Category: ChronoForms v8

Comments:

You need to login to be able to post a comment.