DatePicker wrapped with ValidatorComponent for use with `material-ui-pickers` and `react-material-ui-form-validator` with `material-ui@v1`

DatePickerValidator.jsx

import React from 'react';
import DatePicker from 'material-ui-pickers/DatePicker';
import { ValidatorComponent } from 'react-material-ui-form-validator';

export default class DatePickerValidator extends ValidatorComponent {

    setInputRef = (ref) => {
        this.input = ref;
    }

    render() {

        const { isValid } = this.state;
        const { errorMessages, validators, validatorListener, ...other } = this.props;
        let { InputLabelProps, FormHelperTextProps, helperText } = this.props;

        const errorMessage = this.getErrorMessage();
        if ( ! isValid && errorMessage ) {
            helperText = errorMessage;
            FormHelperTextProps = { ...(FormHelperTextProps || {}), error: true };
            InputLabelProps = { ...(InputLabelProps || {}), error: true };
        }

        return (

            <DatePicker
                {...other}
                InputLabelProps={ InputLabelProps }
                FormHelperTextProps={ FormHelperTextProps }
                helperText={ helperText }
                InputProps={{
                    inputRef: this.setInputRef
                }}
            />
        );
    }


}