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" > - + @@ -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)