mj - dont tab to button on date input

src/components/DateInput.js

@@ -200,7 +200,13 @@ export default class DateInput extends Component {
               disabled={disabled}
             />
             <InputGroupButton onClick={this.toggle}>
-              <Button className="px-2" disabled={disabled} active={open} type="button">
+              <Button
+                className="px-2"
+                disabled={disabled}
+                active={open}
+                type="button"
+                tabIndex={-1}
+              >
                 <Icon name="calendar" fixedWidth />
               </Button>
             </InputGroupButton>

test/components/DateInput.spec.js

@@ -1,16 +1,15 @@
+import { DateInput } from '../../src';
 import React from 'react';
-import assert from 'assert';
-import { mount } from 'enzyme';
 import addDays from 'date-fns/add_days';
 import addMonths from 'date-fns/add_months';
 import addWeeks from 'date-fns/add_weeks';
 import addYears from 'date-fns/add_years';
+import assert from 'assert';
 import isSameDay from 'date-fns/is_same_day';
 import isToday from 'date-fns/is_today';
+import { mount } from 'enzyme';
 import sinon from 'sinon';
 
-import { DateInput } from '../../src';
-
 describe('<DateInput />', () => {
   context('defaultValue', () => {
     it('should default to blank and today', () => {
@@ -43,6 +42,14 @@ describe('<DateInput />', () => {
     });
   });
 
+  it('should not tab to the calendar button', () => {
+    const component = mount(<DateInput />);
+
+    const toggle = component.find('InputGroupButton');
+    const calendarButton = toggle.find('Button');
+    assert.equal(calendarButton.props().tabIndex, -1);
+  });
+
   it('should should open and close when input addon clicked', () => {
     const component = mount(<DateInput />);
     const dropdown = component.find('Dropdown');