Allow timepicker to be dismissed with ESC key (CFM-173)

COmanage · Jul 8, 2022 · adced64 · adced64
1 parent e12b4d7
commit adced64
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/app/webroot/js/comanage/components/datepicker/cm-timepicker.js b/app/webroot/js/comanage/components/datepicker/cm-timepicker.js
@@ -43,8 +43,11 @@ export default {
       this.$emit('hide');
     }
   },
+  mounted() {
+    this.$refs.timepicker.focus();
+  },
   template: `
-    <div class="cm-time-picker-panel" v-clickout="hide">
+    <div class="cm-time-picker-panel" ref="timepicker" v-clickout="hide" @keydown.esc="hide" tabindex="-1">
       <div class="cm-time-picker-hours">
         <div class="cm-time-picker-title">{{ txt.hour }}</div>
         <div class="cm-time-picker-vals">