Диалоговое окно Flatpickr datepicker не отображается

#html #jquery #datepicker #flatpickr

Вопрос:

Я использую flatpickr datepicker, чтобы позволить пользователям выбирать дату. Однако диалоговое окно выбора даты в большинстве случаев не отображается, хотя поле ввода отображается при проверке. Более того, даже несмотря на то, что я не использую flatpickr-месяцев, он отображается в пользовательском интерфейсе очень странным образом. Что может быть причиной проблемы?

jQuery

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

HTML

 <input type="date" class="flatpickr js-flatpickr-date" name="date-planted" placeholder="Select date here"/>
 

Выход

Индикатор даты flatpickr не отображается.

введите описание изображения здесь

Это вывод flatpickr-месяцев, о котором я говорю, который нигде не указан мной в коде и появляется излишне странным образом

введите описание изображения здесь