MaskedInput not registering input in React 16.4

Environment

Tech	Version
material-ui-pickers	1.0.0-rc.10
material-ui	1.2.1
React	16.4.1
Browser	N/A
Platform	N/A

Steps to reproduce

1. Create a DatePicker with mask with React 16.4.1
2. Attempt to type in the box.

Expected behavior

When I type into input the value should register.

Actual behavior

Value is being cleared immediately thus appearing as if the input is readonly.

Live example

https://codesandbox.io/s/wnljy6rkok

Notes: I reported a similar issue on the Formik library as well. Without digging into it much, my hunch is that it may be related to the changes to getDerivedStateFromProps in React 16.4 where this now fires on every render.

Also note, this does work if you choose a date first from the picker. This also works using React 16.3.

[TioRuben]

Ok, I guess @nzacca issue and (@waclock && me) issue are different. Ours is fixed with your PR, but the codesandbox example from @nzacca has a different behaivour than we experienced.

[waclock]

I’m currently facing a similar issue. I tried downloading the docs project (the website where the docs are stored), and if I try using the options mask + keyboard, when I click on the calendar option and then click “OK”, the input value won’t update, even though I can see the state of the component did change. I could not get the DatePicker with mask + keyboard to work, neither with React 16.4.1 nor 16.3.