Add unmasked value to onchange event and support controlled input with this value

[xumix]

I tried getting rawValue but cursor position is reseted and the input is not updated Basically I want this simplified code to work:

export class MaskedInput3 extends React.Component {
    constructor(props?, context?) {
        super(props, context);
        this.state = { value: this.props.value }
    }

    render() {
        return <MaskedInput value={this.state.value} mask="1111111111" onChange={this.onChange} />;
    }

    onChange = (event, unmaskedValue, maskedValue) => {
        this.setState({ value: unmaskedValue });
    }
}