1 files changed, 25 insertions, 27 deletions
diff --git a/library/fullcalendar/examples/selectable.html b/library/fullcalendar/examples/selectable.html
index 13aa88ee8..09d384498 100644
--- a/library/fullcalendar/examples/selectable.html
+++ b/library/fullcalendar/examples/selectable.html
@@ -2,26 +2,19 @@
 <html>
 <head>
 <meta charset='utf-8' />
-<link href='../packages/core/main.css' rel='stylesheet' />
-<link href='../packages/daygrid/main.css' rel='stylesheet' />
-<link href='../packages/timegrid/main.css' rel='stylesheet' />
-<script src='../packages/core/main.js'></script>
-<script src='../packages/interaction/main.js'></script>
-<script src='../packages/daygrid/main.js'></script>
-<script src='../packages/timegrid/main.js'></script>
+<script src='../dist/index.global.js'></script>
 <script>
 
   document.addEventListener('DOMContentLoaded', function() {
     var calendarEl = document.getElementById('calendar');
 
     var calendar = new FullCalendar.Calendar(calendarEl, {
-      plugins: [ 'interaction', 'dayGrid', 'timeGrid' ],
-      header: {
+      headerToolbar: {
         left: 'prev,next today',
         center: 'title',
         right: 'dayGridMonth,timeGridWeek,timeGridDay'
       },
-      defaultDate: '2020-05-12',
+      initialDate: '2020-09-12',
       navLinks: true, // can click day/week names to navigate views
       selectable: true,
       selectMirror: true,
@@ -37,62 +30,67 @@
         }
         calendar.unselect()
       },
+      eventClick: function(arg) {
+        if (confirm('Are you sure you want to delete this event?')) {
+          arg.event.remove()
+        }
+      },
       editable: true,
-      eventLimit: true, // allow "more" link when too many events
+      dayMaxEvents: true, // allow "more" link when too many events
       events: [
         {
           title: 'All Day Event',
-          start: '2020-05-01'
+          start: '2020-09-01'
         },
         {
           title: 'Long Event',
-          start: '2020-05-07',
-          end: '2020-05-10'
+          start: '2020-09-07',
+          end: '2020-09-10'
         },
         {
           groupId: 999,
           title: 'Repeating Event',
-          start: '2020-05-09T16:00:00'
+          start: '2020-09-09T16:00:00'
         },
         {
           groupId: 999,
           title: 'Repeating Event',
-          start: '2020-05-16T16:00:00'
+          start: '2020-09-16T16:00:00'
         },
         {
           title: 'Conference',
-          start: '2020-05-11',
-          end: '2020-05-13'
+          start: '2020-09-11',
+          end: '2020-09-13'
         },
         {
           title: 'Meeting',
-          start: '2020-05-12T10:30:00',
-          end: '2020-05-12T12:30:00'
+          start: '2020-09-12T10:30:00',
+          end: '2020-09-12T12:30:00'
         },
         {
           title: 'Lunch',
-          start: '2020-05-12T12:00:00'
+          start: '2020-09-12T12:00:00'
         },
         {
           title: 'Meeting',
-          start: '2020-05-12T14:30:00'
+          start: '2020-09-12T14:30:00'
         },
         {
           title: 'Happy Hour',
-          start: '2020-05-12T17:30:00'
+          start: '2020-09-12T17:30:00'
         },
         {
           title: 'Dinner',
-          start: '2020-05-12T20:00:00'
+          start: '2020-09-12T20:00:00'
         },
         {
           title: 'Birthday Party',
-          start: '2020-05-13T07:00:00'
+          start: '2020-09-13T07:00:00'
         },
         {
           title: 'Click for Google',
           url: 'http://google.com/',
-          start: '2020-05-28'
+          start: '2020-09-28'
         }
       ]
     });
@@ -111,7 +109,7 @@
   }
 
   #calendar {
-    max-width: 900px;
+    max-width: 1100px;
     margin: 0 auto;
   }