*Expected behavior*Datepicker is translated with the Language strings from the documentation

*Actual behavior*Datepicker is showing translation but can't be closed and is unusable

Resources (screenshots, code snippets etc.)

            <div class="form-outline datepicker datepicker-translated" data-mdb-format="dd.mm.yyyy">
                <input
                    id="date_origin"
                    name="date_origin"
                    value="01.01.1900"
                    type="text"
                    class="form-control"
                    placeholder="dd.mm.yyyy"
                />
                <label for="date_origin" class="form-label">Rechnungsdatum</label>
            </div>

Javascript: (Copy & Paste from Documentation)

const datepickerTranslated = document.querySelector('.datepicker-translated'); 
new mdb.Datepicker(datepickerTranslated, { 
    title: 'Datum auswählen', 
    monthsFull: ['Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember'], 
    monthsShort: ['Jan', 'Feb', 'Mär', 'Apr', 'Mai', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov','Dez'], 
    weekdaysFull: ['Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag'], 
    weekdaysShort: ['Son', 'Mon', 'Die', 'Mit', 'Don', 'Fre', 'Sam'],
    weekdaysNarrow: ['S', 'M', 'D', 'M', 'D', 'F', 'S'],
    okBtnText: 'Ok', 
    clearBtnText: 'Klar',
    cancelBtnText: 'Schließen', 
});