From 8d0a23e2e65f50e1c84ac06e2a291f624dafbbce Mon Sep 17 00:00:00 2001
From: Nitwel <nitwel@arcor.de>
Date: Mon, 15 Feb 2021 18:58:47 +0100
Subject: [PATCH] add clear button to datetime interface (#4064)

---
 app/src/interfaces/datetime/datetime.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/app/src/interfaces/datetime/datetime.vue b/app/src/interfaces/datetime/datetime.vue
index a3c1c35212..428120c601 100644
--- a/app/src/interfaces/datetime/datetime.vue
+++ b/app/src/interfaces/datetime/datetime.vue
@@ -10,7 +10,7 @@
 				:placeholder="$t('enter_a_value')"
 			>
 				<template #append>
-					<v-icon name="today" :class="{ active }" />
+					<v-icon :name="value ? 'close' : 'today'" :class="{ active }" @click.stop="unsetValue" />
 				</template>
 			</v-input>
 		</template>
@@ -104,8 +104,13 @@ export default defineComponent({
 			hourItems,
 			minutesSecondItems,
 			displayValue,
+			unsetValue,
 		};
 
+		function unsetValue() {
+			emit('input', null);
+		}
+
 		function useLocalValue() {
 			const _value = computed({
 				get() {