HTML
<div class="calendar" id="calendar-2" data-mdb-calendar-init data-mdb-monday-first="true"></div>
CSS
JS
const events = [{"color":{"background":"#5AB6F3","foreground":"#000000"},"description":null,"end":{"date":"30/07/2024"},"start":{"date":"25/07/2024"},"summary":"Monatliche Aufgabe 13"},{"color":{"background":"#5AB6F3","foreground":"#000000"},"description":null,"end":{"date":"02/08/2024"},"start":{"date":"28/07/2024"},"summary":"Monatliche Aufgabe 10"},{"color":{"background":"#5AB6F3","foreground":"#000000"},"description":null,"end":{"date":"05/08/2024"},"start":{"date":"31/07/2024"},"summary":"Monatliche Aufgabe 7"},{"color":{"background":"#5AB6F3","foreground":"#000000"},"description":null,"end":{"date":"04/08/2024"},"start":{"date":"30/07/2024"},"summary":"Monatliche Aufgabe 8"},{"color":{"background":"#5AB6F3","foreground":"#000000"},"description":null,"end":{"date":"28/07/2024"},"start":{"date":"23/07/2024"},"summary":"Monatliche Aufgabe 15"},{"color":{"background":"#5AB6F3","foreground":"#000000"},"description":null,"end":{"date":"27/07/2024"},"start":{"date":"22/07/2024"},"summary":"Monatliche Aufgabe 16"},{"color":{"background":"#5AB6F3","foreground":"#000000"},"description":null,"end":{"date":"31/07/2024"},"start":{"date":"26/07/2024"},"summary":"Monatliche Aufgabe 12"},{"color":{"background":"#5AB6F3","foreground":"#000000"},"description":null,"end":{"date":"29/07/2024"},"start":{"date":"26/07/2024"},"summary":"Monatliche Aufgabe 2 langer_Aufgaben_Name_langer_Aufgaben_Name langer Aufgaben Name"},{"color":{"background":"#5AB6F3","foreground":"#000000"},"description":null,"end":{"date":"03/08/2024"},"start":{"date":"29/07/2024"},"summary":"Monatliche Aufgabe 9"},{"color":{"background":"#5AB6F3","foreground":"#000000"},"description":null,"end":{"date":"01/08/2024"},"start":{"date":"27/07/2024"},"summary":"Monatliche Aufgabe 11"},{"color":{"background":"#5AB6F3","foreground":"#000000"},"description":null,"end":{"date":"29/07/2024"},"start":{"date":"24/07/2024"},"summary":"Monatliche Aufgabe 14"}];