DRYD-1305: Add tooltip prop for DateInput (#22)

src/components/DateInput.jsx

@@ -25,12 +25,14 @@ const propTypes = {
   // eslint-disable-next-line react/forbid-foreign-prop-types
   ...BaseDropdownInput.propTypes,
   locale: PropTypes.string,
+  tooltip: PropTypes.string,
   onCommit: PropTypes.func,
   readOnly: PropTypes.bool,
 };
 
 const defaultProps = {
   locale: 'en-US',
+  tooltip: '',
   onCommit: undefined,
   readOnly: undefined,
 };

src/components/LineInput.jsx

@@ -124,6 +124,7 @@ export default class LineInput extends Component {
         ref={this.handleRef}
         type="text"
         value={normalizedValue}
+        title={remainingProps.tooltip}
       />
     );
 

test/specs/components/DateInput.spec.jsx

@@ -31,6 +31,14 @@ describe('DateInput', function suite() {
     expect(this.container.querySelector('.react-calendar')).to.equal(null);
   });
 
+  it('should render with a tooltip when provided', function test() {
+    const tooltip = 'test';
+    render(<DateInput tooltip={tooltip} />, this.container);
+
+    const input = this.container.querySelector('input');
+    expect(input.title).to.equal(tooltip);
+  });
+
   it('should not open on focus', function test() {
     render(<DateInput />, this.container);
 

test/specs/components/LineInput.spec.jsx

@@ -149,4 +149,12 @@ describe('LineInput', () => {
 
     document.activeElement.should.equal(input);
   });
+
+  it('should render with a tooltip when provided', function test() {
+    const tooltip = 'test';
+    render(<LineInput tooltip={tooltip} />, this.container);
+
+    const input = this.container.querySelector('input');
+    expect(input.title).to.equal(tooltip);
+  });
 });