Как установить дату по умолчанию в datepicker из переменной?

Question

[runapa]

$('.datepicker-input').datepicker({
  dateFormat: 'dd-mm-yy',
  defaultDate:  defaultDay
  onClose(dateText, inst) {
    $(this).parent().next('.date').text([
      inst.selectedDay,
      inst.selectedMonth + 1,
      inst.selectedYear
    ].join('-'));
  }
});

$('.date').click(function() {
  $(this).prev('div').find('.datepicker-input').focus();
});

<div style="height:0px; overflow:hidden">
            <input class="datepicker-input" type="date"/>
        </div>
        <span class="edit date" contenteditable="true"><Date?></span>

Мне надо как-то модифицировать данный код, чтобы в defaulDay подставлялось значение из переменной, которое получается из содержимого тэга span.

У меня получилось вывести правильный календарь, но вот только он становится не кликабельным =(

$('.datepicker-input').datepicker({
  dateFormat: 'dd-mm-yy',
  defaultDate:  defaultDay
  onClose(dateText, inst) {
    $(this).parent().next('.date').text([
      inst.selectedDay,
      inst.selectedMonth + 1,
      inst.selectedYear
    ].join('-'));
  }
});

    $('.date').click(function() {

                defaultDay = $(this).text();
                $( this ).datepicker({
                    dateFormat: 'dd-mm-yy',
                    defaultDate:  defaultDay
                });
            
        $(this).prev('div').find('.datepicker-input').focus();
    });