Responsive JavaScript calendar

Full screen mode

You can use the property fullscreen: true to start the calendar in full screen mode. Bear in mind that this property is automatic set as true when the screen width is lower than 800 pixels.

<script src=""></script>
<link rel="stylesheet" href="" type="text/css" />

<input id='calendar' />

// Create new calendar instance in full screen mode
jSuites.calendar(document.getElementById('calendar'), {
    // Enable the fullscreen mode
    fullscreen: true,
    format: 'DD/MM/YYYY HH24:MI',
    placeholder: 'DATE AND TIME',
    // Enable the hour and minute dropdowns
    time: true,