Default
Calendar that typically appears in in the design, in its unselected state. They allow the user to browse many dates at a time.
https://cdn.jsdelivr.net/npm/@eonasdan/tempus-dominus@6.7.7/dist/css/tempus-dominus.min.css
https://cdn.jsdelivr.net/npm/@eonasdan/tempus-dominus@6.7.7/dist/js/tempus-dominus.min.js
window.addEventListener('load', () => {
// init datepicker component
const datePicker = new
tempusDominus.TempusDominus(document.getElementById('inlineDatePicker'), {
display: {
inline: true,
viewMode: 'calendar',
components: {
decades: false,
year: true,
month: true,
date: true,
hours: false,
minutes: false,
seconds: false,
},
buttons: {
today: false,
clear: false,
close: false,
},
},
});
});