diff --git a/components/Calendar.vue b/components/Calendar.vue
index ac89e7e3..4e49ebfa 100644
--- a/components/Calendar.vue
+++ b/components/Calendar.vue
@@ -1,6 +1,6 @@
 <template lang="pug">
   #calendar
-    v-calendar(
+    vc-calendar(
       title-position='left'
       :is-dark="settings['theme.is_dark']"
       :columns="$screens({ sm: 2 }, 1)"
diff --git a/pages/add/DateInput.vue b/pages/add/DateInput.vue
index e1239730..54e1b046 100644
--- a/pages/add/DateInput.vue
+++ b/pages/add/DateInput.vue
@@ -14,7 +14,7 @@
       .datePicker.mt-3
         v-input(:value='fromDate'
             :rules="[$validators.required('common.when')]")
-          v-date-picker(
+          vc-date-picker(
             :value='fromDate'
             @input="date => change('date', date)"
             :is-range='type === "multidate"'
diff --git a/plugins/v-calendar.js b/plugins/v-calendar.js
index 3d4aef0d..0037ea61 100644
--- a/plugins/v-calendar.js
+++ b/plugins/v-calendar.js
@@ -1,8 +1,9 @@
- import Vue from 'vue'
- import VCalendar from 'v-calendar'
- export default () => {
-   Vue.use(VCalendar, {
-     // why is that ?!
-     firstDayOfWeek: 2
-   })
- }
+import Vue from 'vue'
+import VCalendar from 'v-calendar'
+export default () => {
+  Vue.use(VCalendar, {
+    componentPrefix: 'vc',
+    // why is that ?!
+    firstDayOfWeek: 2
+  })
+}