Select TextField on change typings do not match

[Swazimodo]

I noticed that the typescript type for the on change event of a select TextField does not match the actual event object returned.

Expected Behavior

Typescript type matches the actual object in an TextField onchange event.

Current Behavior

Event object passed into an onChange event handler from a TextField is different between a default text field and a choice TextField.

Steps to Reproduce

        <TextField
          label="With normal TextField"
          id="simple-start-adornment"
          className={classNames(classes.margin, classes.textField)}
          onChange={this.handleTextFieldOnChange('justText')}
        />
        <TextField
          select
          label="With Select"
          className={classNames(classes.margin, classes.textField)}
          value={this.state.weightRange}
          onChange={this.handleTextFieldOnChange('choices')}
        >
          {ranges.map(option => (
            <MenuItem key={option.value} value={option.value}>
              {option.label}
            </MenuItem>
          ))}
        </TextField>

    handleTextFieldOnChange = (prop: string) => (event: React.ChangeEvent<HTMLInputElement>) => {
        console.log(event);
        this.setState({ [prop]: event.target.value });
    }

Your Environment

Tech	Version
Material-UI	v^1.1.0
React	v^16.3.2
@types/react	v^16.3.13
Chrome	v67.0.3396.99
Typescript	v2.8.4

[t49tran]

I think this issue is legit. I reckon a fix can just be simply as updating [TextField] onChange type defintion to be:

  onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>;