<div class="calendar" id="calendar"></div>

​

const events = [

  {

    summary: 'JS Conference',

    start: {

      date: Calendar.dayjs().format('DD/MM/YYYY'),

    },

    end: {

      date: Calendar.dayjs().format('DD/MM/YYYY'),

    },

    color: {

      background: '#cfe0fc',

      foreground: '#0a47a9',

    },

    customAttribute: 'test custom attribute'

  },

];

​

const newEventAttributes = (e) => {

  e.newAttribute = 'test';

  return e;

}

​

const calendarElement = document.getElementById('calendar');

const calendarInstance = new Calendar(calendarElement, {newEventAttributes: newEventAttributes});

calendarInstance.addEvents(events);

​

calendarElement.addEventListener('addEvent.mdb.calendar', (e) => {

  console.log(e.event);

})

​

calendarElement.addEventListener('editEvent.mdb.calendar', (e) => {

  console.log(e.event);

})