Close clock when Escape key is pressed

wojtekmaj · Nov 9, 2021 · cfbbd1f · cfbbd1f
1 parent 8f83399
commit cfbbd1f
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/TimePicker.jsx b/src/TimePicker.jsx
@@ -93,6 +93,12 @@ export default class TimePicker extends PureComponent {
     }
   }
 
+  onKeyDown = (event) => {
+    if (event.key === 'Escape') {
+      this.closeClock();
+    }
+  }
+
   openClock = () => {
     this.setState({ isOpen: true });
   }
@@ -121,6 +127,7 @@ export default class TimePicker extends PureComponent {
     const shouldListenWithFallback = typeof shouldListen !== 'undefined' ? shouldListen : isOpen;
     const fnName = shouldListenWithFallback ? 'addEventListener' : 'removeEventListener';
     outsideActionEvents.forEach((eventName) => document[fnName](eventName, this.onOutsideAction));
+    document[fnName]('keydown', this.onKeyDown);
   }
 
   renderInputs() {