I am using the datetimepicker. i have it setting the date via javascript, but when i change the date on the screen i get the following error:

index.js:312 Uncaught TypeError: Cannot read properties of null (reading 'defaultPrevented') at Xm._openDatePicker (index.js:312:59) at HTMLInputElement. (index.js:232:12) at HTMLDivElement.n (event-handler.js:119:21)

My data look like arr = { "id": "7", "title": "First Test", "content": "What is Lorem Ipsum?", "ispublished": "1", "publisheddate": "2022-02-24 11:43:00", }; I am also using moment.js to format the date and time

const dateTime = document.querySelector('.datetimepicker') mdb.Datetimepicker.getInstance(dateTime).dispose() const myDatetimepicker = new mdb.Datetimepicker(document.querySelector('.pubdatetime'), { defaultDate: moment(arr.publisheddate).format('DD/MM/YYYY'), defaultTime: moment(arr.publisheddate).format('hh:mm A') });