Click the button to display an alert box.

<button onclick="myFunction()">Try it</button>

<script><br />
function myFunction() {<br />
    document.body.requestFullscreen();<br />
    alert("Hello! I am an alert box!");<br />
}<br />
</script>

<script src="build/SalsaCalendar.min.js"></script>
 	<link rel="stylesheet" href="SalsaCalendar.min.css">

<input type="text" id="checkin" class="salsa-calendar-input" autocomplete="off" name="arrival" value="">

<span class="counter"></span>
<span class="singular" style="display:none;">night</span>
<span class="plural" style="display:none;">nights</span>

<input type="text" id="checkout" class="salsa-calendar-input" autocomplete="off" name="departure" value="">

var calendar_from = new SalsaCalendar({
inputId: 'checkin',
lang: 'en',
range: {
min: 'today'
},
calendarPosition: 'right',
fixed: false,
connectCalendar: true
});

var calendar_to = new SalsaCalendar({
inputId: 'checkout',
lang: 'en',
range: {
min: 'today'
},
calendarPosition: 'right',
fixed: false
});

new SalsaCalendar.Connector({
from: calendar_from,
to: calendar_to,
maximumInterval: 21,
minimumInterval: 1
});

new SalsaCalendar.NightsCalculator({
from: calendar_from,
to: calendar_to,
nightsNo: 'nights-no'
});

{
lang: 'en',
yearsNavigation: false,
range: {
min: false,
max: false,
weekdays: false,
closing_dates: false
},
minDate: false,
allowEmptyDate: false,
inputReadOnly: false,
showNextMonth: false,
onSelect = function(input) {},
calendarPosition: 'bottom',
fixed: false,
dateFormats: {}
}