diff --git a/web/src/components/Logs.vue b/web/src/components/Logs.vue
index be562ad..3834a93 100644
--- a/web/src/components/Logs.vue
+++ b/web/src/components/Logs.vue
@@ -28,9 +28,8 @@
-
-
-
+
+
+
+
+
+
diff --git a/web/src/components/ui/DatetimePicker.vue b/web/src/components/ui/DatetimePicker.vue
index 5d3a5ce..2967acb 100644
--- a/web/src/components/ui/DatetimePicker.vue
+++ b/web/src/components/ui/DatetimePicker.vue
@@ -9,7 +9,10 @@
:label="label"
:value="formattedDatetime"
readonly
+ append-icon="mdi-close"
outlined
+ hide-details
+ @click:append="clear"
v-on="on"
>
@@ -26,7 +29,7 @@
-
+
@@ -38,10 +41,14 @@
mdi-clock
-
+
+
+
+
-
+
@@ -198,6 +205,14 @@ export default {
this.date = format(initDateTime, DEFAULT_DATE_FORMAT)
this.time = format(initDateTime, DEFAULT_TIME_FORMAT)
},
+
+ clear() {
+ this.date = null
+ this.time = null
+
+ this.okHandler()
+ },
+
okHandler() {
this.resetPicker()
this.$emit('input', this.selectedDatetime)