4 updates

Author: arshaw

index.html

@@ -14,7 +14,7 @@
   body {
     margin: 40px 10px;
     padding: 0;
-    font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
+    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
     font-size: 14px;
   }
 

package.json

@@ -8,11 +8,12 @@
   },
   "main": "dist/example.js",
   "dependencies": {
-    "@fullcalendar/core": "4.0.0-beta.4",
-    "@fullcalendar/daygrid": "4.0.0-beta.4",
-    "@fullcalendar/list": "4.0.0-beta.4",
-    "@fullcalendar/timegrid": "4.0.0-beta.4",
-    "@fullcalendar/resource-timeline": "4.0.0-beta.4"
+    "@fullcalendar/core": "^4.0.0",
+    "@fullcalendar/interaction": "^4.0.0",
+    "@fullcalendar/daygrid": "^4.0.0",
+    "@fullcalendar/list": "^4.0.0",
+    "@fullcalendar/timegrid": "^4.0.0",
+    "@fullcalendar/resource-timeline": "^4.0.0"
   },
   "devDependencies": {
     "ts-loader": "^5.3.3",

src/example.ts

@@ -1,4 +1,5 @@
 import { Calendar } from '@fullcalendar/core';
+import interactionPlugin from '@fullcalendar/interaction';
 import dayGridPlugin from '@fullcalendar/daygrid';
 import listPlugin from '@fullcalendar/list';
 import timeGridPlugin from '@fullcalendar/timegrid';
@@ -8,7 +9,7 @@ document.addEventListener('DOMContentLoaded', function() {
   let calendarEl: HTMLElement = document.getElementById('calendar')!;
 
   let calendar = new Calendar(calendarEl, {
-    plugins: [ dayGridPlugin, listPlugin, timeGridPlugin, resourceTimelinePlugin ],
+    plugins: [ interactionPlugin, dayGridPlugin, listPlugin, timeGridPlugin, resourceTimelinePlugin ],
     now: '2018-02-07',
     editable: true, // enable draggable events
     aspectRatio: 1.8,