kg: add focus functionality to DateInput

appfolio · Oct 12, 2017 · e5dda8e · e5dda8e
1 parent f0e84b9
commit e5dda8e
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/src/components/DateInput.js b/src/components/DateInput.js
@@ -220,6 +220,10 @@ export default class DateInput extends React.Component {
     }
   }
 
+  focus() {
+    this.inputEl.focus();
+  }
+
   render() {
     const { className, dateVisible, disabled, footer, header, showOnFocus } = this.props;
     const { open } = this.state;

diff --git a/test/components/DateInput.spec.js b/test/components/DateInput.spec.js
@@ -284,4 +284,10 @@ describe('<DateInput />', () => {
     mount(<DateInput parse={callback} defaultValue="1-2-3" dateFormat="MM-DD-YY" />);
     assert(callback.calledWith('1-2-3', 'MM-DD-YY'));
   });
+
+  it('should support focus', () => {
+    const wrapper = mount(<DateInput defaultValue="1/23/1983" />);
+    const component = wrapper.instance();
+    assert.equal(typeof component.focus, 'function');
+  });
 });