Months not displaying round year on dropdown menu.

Months not displaying round year on dropdown menu.

My issue is that the dropdown menu of the months is only displaying the remaining month of the year and not the whole 12 months. This is the code to initialize the calendar:

initializeDatePicker:function(){
$.datepicker.setDefaults({
    dateFormat: 'yy-mm-dd'
});
$(".datepicker").datepicker({
minDate: 0,
maxDate: '+1y',
beforeShowDay: function(date) {
var date1 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#arrDate").val());
var date2 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#depDate").val());
return [true, date1 && ((date.getTime() == date1.getTime()) || (date2 && date >= date1 && date <= date2)) ? "dp-highlight" : ""];
},
onSelect: function(dateText, inst) {
var date1 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#arrDate").val());
var date2 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#depDate").val());
               var selectedDate = $.datepicker.parseDate($.datepicker._defaults.dateFormat, dateText);
               
               if (!date1 || date2) {
$("#arrDate").val(dateText);
$("#depDate").val("");
                   $(this).datepicker();
               } else if( selectedDate < date1 ) {
                   $("#depDate").val( $("#arrDate").val() );
                   $("#arrDate").val( dateText );
                   $(this).datepicker();
               } else {
$("#depDate").val(dateText);
                   $(this).datepicker();
}
},
changeMonth: true,
changeYear: true,
dayNamesMin: [ "SUN", "MON", "TUE", "WED", "THU", "FRI", "SAT" ],
monthNamesShort: ["JANUARY", "FEBRUARY", "MARCH", "APRIL", "MAY", "JUNE", "JULY", "AUGUST", "SEPTEMBER", "OCTOBER", "NOVEMBER", "DECEMBER"]
});
}

Here is an image of the issue: