Changes

spaces/components/DatePicker.vue

@@ -1,4 +1,4 @@
-<script setup lang="ts">
+<script setup>
 import { DatePicker as VCalendarDatePicker } from 'v-calendar'
 import 'v-calendar/dist/style.css'
 
@@ -6,6 +6,10 @@ const props = defineProps({
   modelValue: {
     type: Date,
     default: null
+  },
+  mode: {
+    type: String,
+    default: "date"
   }
 })
 
@@ -37,6 +41,8 @@ const attrs = [{
 <template>
   <VCalendarDatePicker
       v-model="date"
+      :mode="props.mode"
+      is24hr
       transparent
       borderless
       :attributes="attrs"