React-date-picker: Support Custom Input

[bhldev]

Hi,

Was wondering if there is appetite for a "customInput" property the same as in another project react-datepicker

This would allow for custom input boxes... for example integration with rmwc input boxes, etc.

If you think this is good, I will develop a PR for you

Thanks,
~ B

[wojtekmaj]

Hmmm... I'm okay with the idea, don't know what the community thinks about it. Anyway, with custom input, not much of the original react-date-picker is left - actually only the logic behind opening and closing the calendar. If there's a demand for that though I don't see a reason why not to.

[kpheasey]

@bhldev I needed an implementation using a single input that functioned like a regular input (onFocus/Blur/Change) etc. This allows users to easily edit dates without changing inputs and responds to all regular input events.

https://gist.github.com/kpheasey/64fc79c656eede81fb4d651ebac70600

[wojtekmaj]

By the way, users don't need to change between the inputs to put the whole date in. If the date is separated by ., they can just press . and they will be in the next field. Arrow keys should work as well.

Probably in your case it can be also good to just un-hide the native input that is there for accessibility reasons, and hide the custom ones. That could work on modern browsers. But you'll need to use appearance: textfield to overwrite its default UI.

[3mp3ri0r]

I actually need this feature right now

[hanyoureal]

I need this feature, the existing input is not customizable enough

[singleseeker]

when will the new version with this feature be published?