Allow passing ref via custom props

[lewisdiamond]

When using react-datepicker with material-ui's TextField, you get an error because TextField is a stateless fn component and you can't pass ref to it. It however accepts inputRef. Allow users to define how the ref is passed to the custom input.

[aij]

I think it would make more sense to wrap TextField in a component that follows the standard API.

[codecov]

Codecov Report

Merging #1166 into master will increase coverage by 0.13%.
The diff coverage is 100%.

@@            Coverage Diff             @@
##           master    #1166      +/-   ##
==========================================
+ Coverage   86.25%   86.38%   +0.13%     
==========================================
  Files          13       13              
  Lines         851      852       +1     
  Branches      142      143       +1     
==========================================
+ Hits          734      736       +2     
+ Misses         32       31       -1     
  Partials       85       85

Impacted Files	Coverage Δ
src/index.jsx	90.9% <100%> (+0.58%)	⬆️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update d1fc705...1616bf8. Read the comment docs.

[lewisdiamond]

@aij I disagree. Adding customInputRef just adds more flexibility, you can even wrap your custom input in a component (e.g. that does styling) without having to worry about the input API every time.

[aij]

It doesn't just add more flexibility. It also adds more complexity.

What's the reasoning for not also adding customInputValue', 'customInputOnBlur, customInputId customInputClassName etc?

[lewisdiamond]

customInput already exists except it's limited to only class components because of the ref prop. ref isn't accessible from within the component, it's removed by React. ref is the only property like that.

Not only that, it also forces you to re-implement the API even if it's already provided by another child component.

https://reactjs.org/docs/refs-and-the-dom.html#exposing-dom-refs-to-parent-components

[jwm0]

@lewisdiamond Can I see an example of how it's supposed to be done using material-ui TextField?

Edit: nevermind, found the docs => change customInputRef's default value ("ref") to "inputRef"