From 35afef54870db4e11f66295599b4a9ab5bac1e9f Mon Sep 17 00:00:00 2001
From: Dominik Schmidt <dev@dominik-schmidt.de>
Date: Fri, 16 Dec 2022 17:29:48 +0100
Subject: [PATCH] Fix fileActions .... test to come

---
 .../src/components/OcDatepicker/OcDatepicker.spec.ts  |  3 +--
 .../src/components/OcDatepicker/OcDatepicker.vue      | 11 ++++++++---
 packages/web-app-files/src/mixins/fileActions.ts      |  2 +-
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/packages/design-system/src/components/OcDatepicker/OcDatepicker.spec.ts b/packages/design-system/src/components/OcDatepicker/OcDatepicker.spec.ts
index bf22ff54e2c..26b1f3c1730 100644
--- a/packages/design-system/src/components/OcDatepicker/OcDatepicker.spec.ts
+++ b/packages/design-system/src/components/OcDatepicker/OcDatepicker.spec.ts
@@ -5,8 +5,7 @@ import Datepicker from './OcDatepicker.vue'
 const slotDefault = "<button id='default-slot'>Open datepicker</button>"
 
 describe('OcDatePicker', () => {
-  // FIXME: Fix Datepicker component first
-  it.skip('renders default scoped slot', () => {
+  it('renders default scoped slot', () => {
     const wrapper = shallowMount(Datepicker, {
       slots: { default: slotDefault },
       props: { value: null }
diff --git a/packages/design-system/src/components/OcDatepicker/OcDatepicker.vue b/packages/design-system/src/components/OcDatepicker/OcDatepicker.vue
index 1ad460653eb..afcc4412c89 100644
--- a/packages/design-system/src/components/OcDatepicker/OcDatepicker.vue
+++ b/packages/design-system/src/components/OcDatepicker/OcDatepicker.vue
@@ -1,9 +1,14 @@
 <template>
-  <div>FIXME</div>
+  <date-picker class="oc-datepicker" v-bind="$attrs" v-on="$listeners">
+    <template #default="{ inputValue, togglePopover, hidePopover }">
+      <!-- @slot Default slot to use as the popover anchor for datepicker -->
+      <slot :input-value="inputValue" :toggle-popover="togglePopover" :hide-popover="hidePopover" />
+    </template>
+  </date-picker>
 </template>
 
 <script>
-// import DatePicker from 'v-calendar/lib/components/date-picker.umd'
+import DatePicker from 'v-calendar/lib/components/date-picker.umd'
 
 /**
  * Datepicker component based on [v-calendar](https://vcalendar.io/). For detailed documentation (props, slots, events, etc.), please visit https://vcalendar.io/api/v2.0/calendar.html
@@ -13,7 +18,7 @@ export default {
   status: 'ready',
   release: '1.0.0',
 
-  // components: { DatePicker },
+  components: { DatePicker },
 
   inheritAttrs: true
 }
diff --git a/packages/web-app-files/src/mixins/fileActions.ts b/packages/web-app-files/src/mixins/fileActions.ts
index ade74c40a4e..b29b69d6b3f 100644
--- a/packages/web-app-files/src/mixins/fileActions.ts
+++ b/packages/web-app-files/src/mixins/fileActions.ts
@@ -62,7 +62,7 @@ export default {
     ShowEditTags
   ],
   computed: {
-    ...mapGetters(['apps']),
+    ...mapState(['apps']),
     ...mapGetters('Files', ['highlightedFile', 'currentFolder']),
     ...mapGetters(['capabilities', 'configuration']),