Datapicker Input Toggle

Expected behavior If I click into Datapicker or Timepicker field, then select data or select time should popup Actual behavior This does not work as described on example page. Difference to example is, that I am using datepicker-translated instead of datepicker

                              <div class="form-outline datepicker-translated" > <!-- data-toggle-button="false" data-format="dd.mm.yyyy" -->
                                <input
                                  name="iDate"
                                  type="text"
                                  class="form-control"
                                  id="exampleDatepicker1"
                                  data-mdb-toggle="datepicker-translated"
                                />
                                <label for="exampleDatepicker1" class="form-label">Datum</label>
                                <button class="datepicker-toggle-button" data-toggle="datepicker">
                                  <i class="fas fa-calendar datepicker-toggle-icon"></i>
                                </button>
                              </div>