Implemented FullCalendar Component

public/demo/data/events.json

@@ -3,66 +3,66 @@
     	{
             "id": 1,
     		"title": "All Day Event",
-    		"start": "2017-02-01"
+    		"start": "2019-01-01"
     	},
     	{
             "id": 2,
     		"title": "Long Event",
-    		"start": "2017-02-07",
-    		"end": "2017-02-10"
+    		"start": "2019-01-07",
+    		"end": "2019-01-10"
     	},
     	{
     		"id": 3,
     		"title": "Repeating Event",
-    		"start": "2017-02-09T16:00:00"
+    		"start": "2019-01-09T16:00:00"
     	},
     	{
     		"id": 4,
     		"title": "Repeating Event",
-    		"start": "2017-02-16T16:00:00"
+    		"start": "2019-01-16T16:00:00"
     	},
     	{
             "id": 5,
     		"title": "Conference",
-    		"start": "2017-02-11",
-    		"end": "2017-02-13"
+    		"start": "2019-01-11",
+    		"end": "2019-01-13"
     	},
     	{
             "id": 6,
     		"title": "Meeting",
-    		"start": "2017-02-12T10:30:00",
-    		"end": "2017-02-12T12:30:00"
+    		"start": "2019-01-12T10:30:00",
+    		"end": "2019-01-12T12:30:00"
     	},
     	{
             "id": 7,
     		"title": "Lunch",
-    		"start": "2017-02-12T12:00:00"
+    		"start": "2019-01-12T12:00:00"
     	},
     	{
             "id": 8,
     		"title": "Meeting",
-    		"start": "2017-02-12T14:30:00"
+    		"start": "2019-01-12T14:30:00"
     	},
     	{
             "id": 9,
     		"title": "Happy Hour",
-    		"start": "2017-02-12T17:30:00"
+    		"start": "2019-01-12T17:30:00"
     	},
     	{
             "id": 10,
     		"title": "Dinner",
-    		"start": "2017-02-12T20:00:00"
+    		"start": "2019-01-12T20:00:00"
     	},
     	{
             "id": 11,
     		"title": "Birthday Party",
-    		"start": "2017-02-13T07:00:00"
+    		"start": "2019-01-13T07:00:00"
     	},
     	{
             "id": 12,
     		"title": "Click for Google",
     		"url": "http://google.com/",
-    		"start": "2017-02-28"
+    		"start": "2019-01-28"
     	}
     ]
 }

src/views/fullcalendar/FullCalendarDemo.vue

@@ -8,7 +8,7 @@
         </div>
 
         <div class="content-section implementation">
-            <p-fullCalendar :events="events" />
+            <p-fullCalendar :events="events" :options="options" />
         </div>
     </div>
 </template>
@@ -19,6 +19,15 @@ import EventService from '../../service/EventService';
 export default {
     data() {
         return {
+            options: {
+                defaultDate: '2019-01-01',
+                header: {
+                    left: 'prev,next',
+                    center: 'title',
+                    right: 'month,agendaWeek,agendaDay'
+                },
+                editable: true
+            },
             events: null
         };
     },