Expected behavior After I remove the readonly from the input element, I can use the Datepicker

Actual behavior If the input element is readonly when initialize the Datepicker, the Datepicker doesn't work when I remove the readonly from the input element.

I realize that, the button get a style="pointer-events: none;" option, which doesn't remove when I remove the readonly from the input element.

If I add the readonly attribute only after the Datepicker initialization, everything is working then expected, but in that case the readonly can not come from the HTML code!

This topic can be a remark, if you can not solve this problem easily, because it is not a difficult task to work around the problem.

Resources (screenshots, code snippets etc.)

<div id="end_date_div" class="form-outline mt-1">
        <input id="end_date" type="text" class="form-control form-icon-trailing" readonly="readonly">
        <label for="end_date" class="form-label" style="margin-left: 0px;">Záró Dátum (éééé-hh-nn)</label>
      <div class="form-notch"><div class="form-notch-leading" style="width: 9px;"></div><div class="form-notch-middle" style="width: 149.6px;"></div><div class="form-notch-trailing"></div></div>
    <button id="datepicker-toggle-485075" type="button" class="datepicker-toggle-button" data-mdb-toggle="datepicker" style="pointer-events: none;">
      <i class="far fa-calendar datepicker-toggle-icon"></i>
    </button>
  </div>