Fixes issues where input was being refocused when the window is blurr…

…ed and refocused
react-dates · Dec 13, 2016 · 9e6e89b · 9e6e89b
1 parent 39ac94b
commit 9e6e89b
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/src/components/DateInput.jsx b/src/components/DateInput.jsx
@@ -1,5 +1,4 @@
 import React, { PropTypes } from 'react';
-import ReactDOM from 'react-dom';
 import cx from 'classnames';
 
 import isTouchDevice from '../utils/isTouchDevice';
@@ -56,10 +55,13 @@ export default class DateInput extends React.Component {
 
   componentDidUpdate(prevProps) {
     const { focused } = this.props;
-    if (prevProps.focused !== focused && focused) {
-      const startDateInput = ReactDOM.findDOMNode(this.inputRef);
-      startDateInput.focus();
-      startDateInput.select();
+    if (prevProps.focused === focused) return;
+
+    if (focused) {
+      this.inputRef.focus();
+      this.inputRef.select();
+    } else {
+      this.inputRef.blur();
     }
   }