Fixed #776 - Update to full calendar 5

primefaces · Dec 14, 2020 · 993f419 · 993f419
1 parent 4f6e3c8
commit 993f419
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 24 deletions.
diff --git a/package.json b/package.json
@@ -51,10 +51,10 @@
     "primeicons": "4.0.0",
     "prismjs": "^1.15.0",
     "quill": "1.3.3",
-    "@fullcalendar/core": "4.0.2",
-    "@fullcalendar/daygrid": "4.0.1",
-    "@fullcalendar/interaction": "4.0.2",
-    "@fullcalendar/timegrid": "4.0.1",
+    "@fullcalendar/core": "5.4.0",
+    "@fullcalendar/daygrid": "5.4.0",
+    "@fullcalendar/interaction": "5.4.0",
+    "@fullcalendar/timegrid": "5.4.0",
     "sass-loader": "^7.0.1",
     "node-sass": "^4.9.0"
   }

diff --git a/src/components/fullcalendar/FullCalendar.vue b/src/components/fullcalendar/FullCalendar.vue
@@ -42,7 +42,7 @@ export default {
     },
     methods: {
         initialize() {
-            let defaultConfig = {theme: false};
+            let defaultConfig = {themeSystem: false};
             let config = this.options ? {...this.options, ...defaultConfig} : defaultConfig;
             this.calendar = new Calendar(this.$el, config);
             this.calendar.render();

diff --git a/src/main.js b/src/main.js
@@ -83,9 +83,6 @@ import './assets/styles/primevue.css';
 import 'primeflex/primeflex.css';
 import 'primeicons/primeicons.css';
 import 'prismjs/themes/prism-coy.css';
-import '@fullcalendar/core/main.min.css';
-import '@fullcalendar/daygrid/main.min.css';
-import '@fullcalendar/timegrid/main.min.css';
 import './assets/styles/flags.css';
 import Vuelidate from 'vuelidate';
 

diff --git a/src/views/fullcalendar/FullCalendarDemo.vue b/src/views/fullcalendar/FullCalendarDemo.vue
@@ -29,8 +29,8 @@ export default {
         return {
             options: {
                 plugins:[dayGridPlugin, timeGridPlugin, interactionPlugin],
-                defaultDate: '2019-01-01',
-                header: {
+                initialDate: '2019-01-01',
+                headerToolbar: {
                     left: 'prev,next',
                     center: 'title',
                     right: 'dayGridMonth,timeGridWeek,timeGridDay'

diff --git a/src/views/fullcalendar/FullCalendarDoc.vue b/src/views/fullcalendar/FullCalendarDoc.vue
@@ -8,7 +8,7 @@ import FullCalendar from 'primevue/fullcalendar';
 </CodeHighlight>
 
 				<h5>Getting Started</h5>
-				<p>FullCalendar is a wrapper around on <a href="https://fullcalendar.io/docs/v4">FullCalendar 4.0.0+</a> so fullcalendar needs to be included in your project.
+				<p>FullCalendar is a wrapper around on <a href="https://fullcalendar.io/docs/v4">FullCalendar 5.4.0+</a> so fullcalendar needs to be included in your project.
                 For a complete documentation and samples please refer to the <a href="https://fullcalendar.io/">fullcalendar website</a>.</p>
 <CodeHighlight>
 npm install @fullcalendar/core --save
@@ -19,13 +19,6 @@ npm install @fullcalendar/core --save
 npm install @fullcalendar/daygrid --save
 npm install @fullcalendar/timegrid --save
 npm install @fullcalendar/interaction --save
-</CodeHighlight>
-
-                <p>Include the core style and the styles of the plugins that you use in your application.</p>
-<CodeHighlight>
-import '@fullcalendar/core/main.min.css';
-import '@fullcalendar/daygrid/main.min.css';
-import '@fullcalendar/timegrid/main.min.css';
 </CodeHighlight>
 
 				<p>Events should be an array and defined using the events property.</p>
@@ -125,8 +118,8 @@ export default {
         return {
             options: {
                 plugins:[dayGridPlugin, timeGridPlugin, interactionPlugin],
-                defaultDate: '2019-01-01',
-                header: {
+                initialDate '2019-01-01',
+                headerToolbar: {
                     left: 'prev,next',
                     center: 'title',
                     right: 'dayGridMonth,timeGridWeek,timeGridDay'
@@ -154,8 +147,8 @@ export default {
         return {
             options: {
                 plugins:[dayGridPlugin, timeGridPlugin, interactionPlugin],
-                defaultDate: '2019-01-01',
-                header: {
+                initialDate '2019-01-01',
+                headerToolbar: {
                     left: 'prev,next',
                     center: 'title',
                     right: 'dayGridMonth,timeGridWeek,timeGridDay'
@@ -221,8 +214,8 @@ export default {
         return {
             options: {
                 plugins:[dayGridPlugin, timeGridPlugin, interactionPlugin],
-                defaultDate: '2019-01-01',
-                header: {
+                initialDate '2019-01-01',
+                headerToolbar: {
                     left: 'prev,next',
                     center: 'title',
                     right: 'dayGridMonth,timeGridWeek,timeGridDay'