Update dependency ical.js to v2

README.md

@@ -33,6 +33,7 @@ Easiest way is to use a CDN deployment like this:
 ```html
 <script src="https://cdn.jsdelivr.net/npm/fullcalendar"></script>
 <script src="https://cdn.jsdelivr.net/gh/escoand/fullcalendar-plugins/dist/caldav.js"></script>
+<script src="https://cdn.jsdelivr.net/gh/escoand/fullcalendar-plugins/dist/loading.js"></script>
 <script src="https://cdn.jsdelivr.net/gh/escoand/fullcalendar-plugins/dist/multicol.js"></script>
 <script src="https://cdn.jsdelivr.net/gh/escoand/fullcalendar-plugins/dist/yearview.js"></script>
 <div id="calendar"></div>

dist/index.html

@@ -1,5 +1,4 @@
-<script
-  src="https://cdn.jsdelivr.net/combine/npm/[email protected],npm/@fullcalendar/[email protected]/locales/de.global.min.js"></script>
+<script src="https://cdn.jsdelivr.net/combine/npm/[email protected],npm/@fullcalendar/[email protected]/locales/de.global.min.js"></script>
 <script src="caldav.js"></script>
 <script src="loading.js"></script>
 <script src="multicol.js"></script>
@@ -8,12 +7,10 @@
   #calendar {
     font-family: sans-serif;
   }
-
 </style>
 <div id="calendar"></div>
 <script>
   const cal = new FullCalendar.Calendar(document.getElementById("calendar"), {
-
     // activate plugins
     plugins: [CalDavPlugin, LoadingPlugin, MultiColumnPlugin, YearViewPlugin],
 
@@ -39,32 +36,31 @@
         "addCalDav multiCol,yearView listWeek,timeGridWeek,dayGridWeek,dayGridMonth,multiMonthYear",
     },
 
-    // view specific configuration
-    views: {
-      yearView: {
-        eventTimeFormat: {
-          hour: "2-digit",
-          minute: "2-digit",
-          meridiem: false,
-        },
-      }
-    },
-
     // default settings
     displayEventEnd: false,
+    eventTimeFormat: {
+      hour: "2-digit",
+      hour12: false,
+      minute: "2-digit",
+      meridiem: false,
+    },
     weekNumbers: true,
 
     // custom test settings
     customButtons: {
       addCalDav: {
-        text: '+CalDav',
+        text: "+CalDav",
         click: function () {
-          const url = prompt("Please enter a CalDav URL.")
+          const url = prompt("Please enter a CalDav URL.");
           if (url) {
-            cal.addEventSource({ url: url, format: "caldav", name: "Custom CalDav" })
+            cal.addEventSource({
+              url: url,
+              format: "caldav",
+              name: "Custom CalDav",
+            });
           }
-        }
-      }
+        },
+      },
     },
     eventContent(arg) {
       return {
@@ -75,8 +71,8 @@
           arg.event.title +
           (arg.event.extendedProps?.location
             ? ' <i style="display:inline-block;float:right">' +
-            arg.event.extendedProps?.location +
-            "</i>"
+              arg.event.extendedProps?.location +
+              "</i>"
             : "") +
           "</div>",
       };
@@ -103,4 +99,4 @@
     ],
   });
   cal.render();
-</script>
+</script>

package.json

@@ -9,7 +9,7 @@
     "@rollup/plugin-node-resolve": "15.2.3",
     "@rollup/plugin-terser": "0.4.4",
     "core-js": "3.37.1",
-    "ical.js": "1.5.0",
+    "ical.js": "2.0.1",
     "rollup": "4.18.0",
     "rollup-plugin-import-css": "3.5.0",
     "rollup-plugin-serve": "3.0.0",

src/caldav.ts

@@ -6,7 +6,7 @@ import {
 } from "@fullcalendar/core";
 import { EventSourceDef } from "@fullcalendar/core/internal";
 import "core-js/stable";
-import * as ICAL from "ical.js";
+import ICAL from "ical.js";
 
 interface CalDavMeta {
   url: string;