DateInput does not support tabIndex property

[kittle31]

Environment

• Package version(s): Core 3.9.0. datetime 3.4.0
• Browser and OS versions: Chrome 70.0, Windows 10

Steps to reproduce

Use the following
  <DateInput value={date } placeholder={"pick a date"}
           large={true}
           onChange={ change handler }
           **inputProps={{tabIndex: 1}}**
  {...getMomentFormatter()} />
  <InputGroup value={"whatever"} 
          onChange={ change handler }
          tabIndex={2}
          />

Click in the text field, and press the tab key

Actual behavior

Cursor moves to some seemingly random control on the page

Expected behavior

Cursor moves to the date input

Possible solution

Allow inputProps to pass all property values to the tag in DateInput
-or-
update examples to show how inputProps should be used

[giladgray]

@kittle31 can you please construct a code sandbox to demonstrate the bug? use https://codesandbox.io/s/rypm429574 as a starting point.

[giladgray]

as far as i can tell, we've done our part in the code. inputProps is passed to the InputGroup as expected, and zIndex is not overridden.

need more information to make any progress here.

[kittle31]

try this link: https://codesandbox.io/s/ov6v8rr05

If you look at the code, I pass 'tabIndex' to 3 input fields, 2 InputGroup and 1 DateInput
the tab order should be:

1. first name (tabIndex = 1)
2. DOB (date picker) (tabIndex = 2)
3. last name (tabIndex = 3)
   instead the tab order is: First, Last, DOB. It seems like the tab index for date picker is being ignored.

[giladgray]

oh snap it is definitely not emitting the tabIndex in the DateInput. nice find.