Select first input on clicking the wrapper

Closes #114
wojtekmaj · Nov 12, 2018 · a244d4d · a244d4d
1 parent b1cdad0
commit a244d4d
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/src/DateInput.jsx b/src/DateInput.jsx
@@ -271,6 +271,14 @@ export default class DateInput extends PureComponent {
     return getValueType(maxDetail);
   }
 
+  onClick = (event) => {
+    if (event.target === event.currentTarget) {
+      // Wrapper was directly clicked
+      const [/* nativeInput */, firstInput] = event.target.children;
+      focus(firstInput);
+    }
+  }
+
   onKeyDown = (event) => {
     switch (event.key) {
       case 'ArrowLeft': {
@@ -481,7 +489,10 @@ export default class DateInput extends PureComponent {
     const { className } = this.props;
 
     return (
-      <div className={className}>
+      <div
+        className={className}
+        onClick={this.onClick}
+      >
         {this.renderNativeInput()}
         {this.renderCustomInputs()}
       </div>