Fix #138

frontend/components/DatePicker.vue

@@ -27,6 +27,11 @@ const date = computed({
   }
 })
 
+const selectToday = () => {
+  emit('update:model-value', new Date())
+  emit('close')
+}
+
 const attrs = [{
   key: 'today',
   highlight: {
@@ -37,18 +42,31 @@ const attrs = [{
 </script>
 
 <template>
-  <VCalendarDatePicker
-      show-weeknumbers
-      v-model="date"
-      :mode="props.mode"
-      is24hr
-      transparent
-      borderless
-      color="green"
-      :attributes="attrs"
-      :is-dark="isDark"
-      title-position="left"
-      trim-weeks
-      :first-day-of-week="2"
-  />
-</template>
+  <div class="space-y-3">
+    <VCalendarDatePicker
+        show-weeknumbers
+        v-model="date"
+        :mode="props.mode"
+        is24hr
+        transparent
+        borderless
+        color="green"
+        :attributes="attrs"
+        :is-dark="isDark"
+        title-position="left"
+        trim-weeks
+        :first-day-of-week="2"
+    />
+
+    <div class="flex justify-end px-2 pb-2">
+      <UButton
+          size="xs"
+          color="gray"
+          variant="soft"
+          icon="i-heroicons-calendar-days"
+          label="Heute"
+          @click="selectToday"
+      />
+    </div>
+  </div>
+</template>