Синхронизация дат между 2 календарями

Question

У меня есть два календаря в форме, где первый отражает только дни недели, а второй - весь месяц.

Что мне нравится и что мне нужно, так это то, что при нажатии на первый календарь, например 20-го числа, это значение обновлялось во втором календаре, и то же самое со вторым календарем, если вы щелкаете 10-е число данного месяц первый календарь предполагает и этот день. То есть наоборот. Это должно было бы синхронизировать эти календари и, если возможно, при переходе с полным календарем также будет изменяться еженедельник. Прикрепленное изображение этих календарей, если кто-то может дать там большое спасибо, потому что я искренне не знаю, как это сделать.

КАЛЕНДАРЬ 1:

var calendarPicker1 = $("#diaCall").calendarPicker({
    useWheel: false,
    callback: function (cal) {
        // Convertendo data
        dataI = cal.currentDate.toISOString().split('T')[0];
        document.getElementById('from_date').value = dataI;
    }
});

КАЛЕНДАРЬ 2:

$(document).ready(function () {
    $("#datepicker").datepicker({
        document.getElementById('from_date').value = dataAgenda;
    } 
});