Bump 3.2.0

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

diff --git a/src/Header.jsx b/src/Header.jsx
index 9e80a9ccd18e738161a44838767e166c35717352..1520d25e3008b371efc66bebfe620d2cf5df4034 100644 (file)
--- a/src/Header.jsx
+++ b/src/Header.jsx
@@ -23,6 +23,7 @@ class Header extends Component {
     defaultOpenValue: PropTypes.object,
     currentSelectPanel: PropTypes.string,
     focusOnOpen: PropTypes.bool,
+    onKeyDown: PropTypes.func,
   };
 
   constructor(props) {
@@ -38,7 +39,10 @@ class Header extends Component {
     if (this.props.focusOnOpen) {
       // Wait one frame for the panel to be positioned before focusing
       const requestAnimationFrame = (window.requestAnimationFrame || window.setTimeout);
-      requestAnimationFrame(() => this.refs.input.focus());
+      requestAnimationFrame(() => {
+        this.refs.input.focus();
+        this.refs.input.select();
+      });
     }
   }
 
@@ -131,9 +135,12 @@ class Header extends Component {
   }
 
   onKeyDown = (e) => {
+    const { onEsc, onKeyDown } = this.props;
     if (e.keyCode === 27) {
-      this.props.onEsc();
+      onEsc();
     }
+
+    onKeyDown(e);
   }
 
   onClear = () => {