​

const datetimepickerTemplate = `

  <div class="form-outline datetimepicker pubdatetime" data-mdb-toggle-button="false">

    <input

      type="text"

      class="form-control"

      id="pubdate"

      data-mdb-toggle="datetimepicker"

      data-mdb-formatDate='dd/mm/yyyy HH:MM'

   />

   <label for="pubdate" class="form-label">Select Date and Time</label>

  </div>

`

​

const wrapper = document.querySelector('.wrapper')

​

wrapper.insertAdjacentHTML('beforeend', datetimepickerTemplate);

​

​

document.querySelectorAll('.form-outline').forEach((formOutline) => {

  new mdb.Input(formOutline).init();

});

​

let startdate ='25/02/2022';

let starttime = '09:23 AM'

​

const myDatetimepicker = new mdb.Datetimepicker(document.querySelector('.pubdatetime'), { 

  defaultDate:startdate, 

  defaultTime: starttime

});