JavaScript Calendar Pro Demo (Date Range Selection)

Module "Date Range Selection" is used in this example. You can find this module in the "Addons+" section.
This calendar setup demonstrates the typical reservation form. Ideal for booking, hotels, rentals, advertising etc.
Following variables can be adjusted: reservation deadline (earliest reservation in days from today), minimum stay and maximum stay
If one of the controls is changed (check-in, check-out, nights) the rest are adjusted to the change
As container which shows difference between date "IN" and date "OUT" you are able to use any text field (#2), dropdown list (#1), textarea etc. It is possible to use "Date range selection" without any containers, just two calendars.

How to use the module "Date Range Selection"? You'll find this answer here.

Sprigst Calendar Pro - Demo (Date Range Selection)