diff --git a/app/.eslintrc.js b/app/.eslintrc.js
index 96f82a5..be4c72a 100644
--- a/app/.eslintrc.js
+++ b/app/.eslintrc.js
@@ -7,6 +7,7 @@ module.exports = {
 	parserOptions: {
 		ecmaVersion: 2020
 	},
+	ignorePatterns: ["**/app@vendor/*"],
 	rules: {
 		'vue/multi-word-component-names': 'off',
 		'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
diff --git a/app/src/plugins/app/_config/main.ts b/app/src/plugins/app/_config/main.ts
index 85bb748..3b18627 100644
--- a/app/src/plugins/app/_config/main.ts
+++ b/app/src/plugins/app/_config/main.ts
@@ -6,11 +6,12 @@ import App from './App.vue'
 
 import { IonicVue } from '@ionic/vue'
 
-import router from './router'
-import store from '../../../store'
-import wToast from '@/plugins/w/toast'
-import i18n from '@/plugins/w/i18n'
-import w from '@/plugins/w/w'
+import router 	from './router'
+import store 	from '../../../store'
+import wToast 	from '@/plugins/w/toast'
+import i18n 	from '@/plugins/w/i18n'
+import w 		from '@/plugins/w/w'
+import vueCal 	from '@/plugins/app@vendor/vue-cal'
 import { Options } from '@/plugins/w/w/types'
 
 
@@ -43,8 +44,8 @@ const options: Options = {
 	i18n: {
 		disabled: true,
 		languages: [
-			{ 
-				title: 'English', flag: 'en', value: 'en' 
+			{
+				title: 'English', flag: 'en', value: 'en'
 			},
 			{
 				title: "Slovenský", flag: "sk", value: "sk"
@@ -100,4 +101,5 @@ createApp(App)
 	.use(loader, {
 		color: '#6200EE'
 	})
+	.use(vueCal)
 	.mount('#app')
diff --git a/app/src/plugins/tm@dashboard/tasks/_components/a-tasks-filter.vue b/app/src/plugins/tm@dashboard/tasks/_components/a-tasks-filter.vue
index 53eee87..51e2e60 100644
--- a/app/src/plugins/tm@dashboard/tasks/_components/a-tasks-filter.vue
+++ b/app/src/plugins/tm@dashboard/tasks/_components/a-tasks-filter.vue
@@ -9,9 +9,8 @@
 		></v-select>
 		<div class="d-flex date-wrapper">
 			<v-btn class="subheader-icon-button prev" variant="outlined"><img :src="require('./_img/icon-prev.svg')" alt=""></v-btn>
-			<v-text-field 
+			<v-text-field
 				class="subheader-input disabled"
-				:items="items"
 				label="Dátum"
 				v-model="selectedDate"
 				variant="outlined"
@@ -21,7 +20,6 @@
 		</div>
 		<v-text-field
 			class="subheader-input"
-			:items="items"
 			label="Nenaplánované hodiny"
 			v-model="plannedTime"
 			variant="outlined"
@@ -51,7 +49,7 @@ export default {
 	gap: 30px
 	flex-wrap: wrap
 
-.subheader-icon-button 
+.subheader-icon-button
 	border: 1px solid #ABABAB
 	height: 56px
 	width: 56px
@@ -61,7 +59,7 @@ export default {
 
 	&.prev
 		margin-right: 10px
-	
+
 	&.next
 		margin-left: 10px
 
@@ -75,7 +73,7 @@ export default {
 	&:deep(.v-input__details)
 		display: none
 
-	&.disabled 
+	&.disabled
 		pointer-events: none !important