Reponsive JavaScript calendar

The fullscreen initiation flag can be used to open the calendar in fullscreen mode. The jSuites.calendar will automatically set this as true for screens lower than 800 pixels.





Source code

<html>
<script src="https://bossanova.uk/jsuites/v3/jsuites.js"></script>
<link rel="stylesheet" href="https://bossanova.uk/jsuites/v3/jsuites.css" type="text/css" />

<input id='calendar'>

<script>
jSuites.calendar(document.getElementById('calendar'), {
    fullscreen: true,
    format: 'DD/MM/YYYY HH24:MI',
    placeholder: 'DATE AND TIME',
    time: true,
});
</script>
</html>