Failure to call .focus() on custom input after selecting a date

[avindra]

With a customInput set, where customInput has the <input> element deeply nested, react-datepicker will throw:

Uncaught TypeError: this.refs.input.focus is not a function(…)

after a date is selected.

A simple way to fix this behavior is to skip the .focus() step if customInput was passed.

Not sure what a clean solution would be to better support customInput.

[jochenberger]

Can't use SFCs as custom inputs either because they cannot have refs.

[jochenberger]

I ended up implementing a focus function in my custom component that focuses the input: http://codepen.io/jochenberger/pen/qqKrPd
That's pretty advanced stuff though, I with it was easier. This should probably go into the documentation.
cc @martijnrusschen

[dvdgarcia]

Same error here. I think we should be able to overwrite the onFocus like with onBlur or onChange.
I noticed that if I call the e.preventDefault in my own onBlur, i have not this error, but I lose the dateValidation.
So I think that if we use a customInput, we should have the focus event inside our component and we decide if we focus or not, for example in my case I have to change the focus to other element once I selected a date.

[seafarring13]

We are looking for this update as well. We had to use a custom input for layout/styling requirements and also see this error being thrown.

[igrek8]

No updates?

[stamkov-sc]

You can fix error if overwrite onBlur event in custom input like <input type="text" onBlur={()=>{}}/>

[gigaga]

@stamkov-sc Does not work for me... :(
@jochenberger OK for me :)

[aij]

@seafarring13 Does your custom input have a focus() method?

[ernani]

This is not working for me, I have a functional component, won't work with this

[janhartmann]

Verified custom text input does throw this error

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.