​

const datepickerCustomHeader = document.querySelector('.custom-header-content');

new mdb.Datepicker(datepickerCustomHeader, {

  headerTemplateModifier: (selected) => selected.getFullYear() + ' - ' + (selected.getMonth() + 1) + ' - ' + selected.getDate( ),

  headerTemplate:`

    <div class="text-white p-2">

      <p class="mb-2">[day] --- [month] --- [weekdayFull] ( [weekday] ) </p>

      <p class="mb-2">Full date: [selected] </p>

    </div>

`,

  confirmDateOnSelect: true,

});