$(window).load(function() {
    // Calendar
    $("#date_start").datepicker({ 
        yearRange: '2024:2025', 
        changeMonth: true, 
        changeYear: true, 
        dateFormat: 'yy-mm-dd', 
        defaultDate: '2024-04-28',
        minDate: 0,
        onSelect: function(selected) {
            $("#date_end").datepicker("option","minDate", selected)
        }        
    });
    
    $("#date_end").datepicker({ 
        yearRange: '2024:2025', 
        changeMonth: true, 
        changeYear: true, 
        dateFormat: 'yy-mm-dd', 
        defaultDate: '2024-04-28',
        minDate: 0,
        onSelect: function(selected) {
           $("#date_start").datepicker("option","maxDate", selected)
        }
    });
    
    // prevent user input with JS activated
    $("#date_start").keypress(function(event) {
        event.preventDefault();
    }); 
    
    $("#date_end").keypress(function(event) {
        event.preventDefault();
    });   
});