JSFiddle - React, Tailwind, and code Playground

HTML

<input id='StartDate' name='StartDate' value=''>
<input id='EndDate' name='EndDate' value=''>

JavaScript

$("#StartDate").datepicker({
    changeMonth: true,
    changeYear: true,
    dateFormat: "dd-M-yy",
    onSelect: function () {
        autoFillEndDate();
    }
});
$("#EndDate").datepicker({
    changeMonth: true,
    changeYear: true,
    dateFormat: "dd-M-yy"
});

function autoFillEndDate() {
    if ($('#StartDate').val().length !== 0) {

        var offset;
        var offsetType;
        var StartDate = $('#StartDate').datepicker('getDate');
        
        //var newDate = StartDate.setMonth(StartDate.getMonth() + 6);
        
        var newDate = addMonths(StartDate, 3);
        
        var EndDT = $.datepicker.formatDate('dd-M-yy', new Date(newDate));

        $('#EndDate').datepicker("setDate", EndDT);
    }
}

function addMonths(dateObj, num) {

    var currentMonth = dateObj.getMonth() + dateObj.getFullYear() * 12;
    dateObj.setMonth(dateObj.getMonth() + num);
    var diff = dateObj.getMonth() + dateObj.getFullYear() * 12 - currentMonth;

    // If don't get the right number, set date to 
    // last day of previous month
    if (diff != num) {
        dateObj.setDate(0);
    } 
    return dateObj;
}