A nicely-designed Bootstrap Calendar widget. This calendar is easy to use. Just call bindData(mockData) and render(). Then assign onDateClick and onEventClick() handlers. Note that time value is acting as an ID and a sorter, so it is essential.
mockData sample:
[{time: '2020-06-18T21:00:00 Z',
cls: 'bg-red-alt',
desc: 'Peter, Stephen' }]