jQuery Flatpickr не работает внутри клонированного элемента

Question

Вот так загружается Flatpickr:

 flatpickr(".ui-date", {
            dateFormat: 'd-m-Y',
        });

Я клонирую элемент (по нажатию кнопки):

var clone = $('.medereiziger-hidden .sub-form.border.companion').last().clone();

Внутри этого элемента есть средство выбора даты, использующее Flatpickr.

И добавление этого клона на страницу:

clone.appendTo($('.medereizigerssection .sub-form.border.companion').last().parent());

Теперь, когда я хочу использовать один из средств выбора даты, оригинальный не клонированный работает, а клоны - нет. В журнале консоли нет ошибок.

Как мне это исправить?

Фрагмент кода, основанный на @Bhushan Kawadkar его ответ:

var uiDate = clone.find(".ui-date");
        if(uiDate){
            flatpickr(uiDate, {
                dateFormat: 'd-m-Y',
            });
        }

Это создает ошибку "o.getAttribute is not function" (flatpickr, строка 2.)

Answer 1

Вам необходимо снова вызвать flatpicker для клонированного объекта, так как он не будет автоматически применен flatpicker

Попробуйте код ниже, но убедитесь, что клон должен иметь ту же структуру, что и оригинальный .ui-date html

flatpickr(clone, {
            dateFormat: 'd-m-Y',
        });