Add keydown function on header input

[github/fretlink/time-picker.git] / src / Header.jsx

diff --git a/src/Header.jsx b/src/Header.jsx
index 91e8549e14664555290a905a8b0102cddd27f808..f6dd24157ae34e04fb43d66ff8e34475d4ae48c0 100644 (file)
--- a/src/Header.jsx
+++ b/src/Header.jsx
@@ -22,6 +22,7 @@ class Header extends Component {
     allowEmpty: PropTypes.bool,
     defaultOpenValue: PropTypes.object,
     currentSelectPanel: PropTypes.string,
+    onKeyDown: PropTypes.func,
   };
 
   constructor(props) {
@@ -122,9 +123,12 @@ class Header extends Component {
   }
 
   onKeyDown = (e) => {
+    const { onEsc, onKeyDown } = this.props;
     if (e.keyCode === 27) {
-      this.props.onEsc();
+      onEsc();
     }
+
+    onKeyDown(e);
   }
 
   onClear = () => {