TimePicker: Close timepicker with esc (#39962) (#39969)

(cherry picked from commit 3cd7b11eb4) Co-authored-by: Oscar Kilhed <oscar.kilhed@grafana.com>
2021-10-04 22:52:26 +02:00
parent d4bec0b178
commit 3e6bb78e3d
1 changed files with 14 additions and 0 deletions
@@ -66,6 +66,20 @@ export class UnthemedTimeRangePicker extends PureComponent<TimeRangePickerProps,
    this.setState({ isOpen: !isOpen });
  };

+  componentDidMount() {
+    window.addEventListener('keyup', this.onKeyUp);
+  }
+
+  componentWillUnmount() {
+    window.removeEventListener('keyup', this.onKeyUp);
+  }
+
+  onKeyUp = (event: KeyboardEvent) => {
+    if (event.code === 'Escape') {
+      this.onClose();
+    }
+  };
+
  onClose = () => {
    this.setState({ isOpen: false });
  };