Basecamp3 Jquery UI DatePicker не открывается

Question

function init() {

    $('.message-composition__footer')
    .prepend('<input type="text" id="datepicker_1" placeholder="Select date" class="input input--pilled event-form__date-input u-hide-focus" readonly>');

    let dp = $( "#datepicker_1" );
    console.log(dp);

    $(dp).datepicker({
        showOn: 'both',
        onSelect: function (dateText, inst) {
            schedule_date = dateText;
            $( dp ).val(dateText);
            console.log("schedule_date - " + schedule_date);
        }
    });

};

document.addEventListener('turbolinks:load', () => {
    console.log('turbolinks:load');
    init();
});

(function($) {
    console.log('new-message script loaded');
    init();
})(jQuery);

Событие 'turbolinks: load' срабатывает успешно, но средство выбора даты не работает. если я перезагрузить страницу, то это работает. Я застрял здесь на 2 дня, пожалуйста, помогите.

Datepicker после перезагрузки страницы

Datepicker без перезагрузки страницы (когда событие «turbolinks: load» пожары)