Added refs to inputs.

Author: m.volkov

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-material-ui-form-validator",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Simple validator for forms designed with material-ui components.",
   "main": "./lib/index.js",
   "scripts": {

src/AutoCompleteValidator.jsx

@@ -1,5 +1,7 @@
+/* eslint-disable */
 import React from 'react';
 import AutoComplete from 'material-ui/AutoComplete';
+/* eslint-enable */
 import ValidatorComponent from './ValidatorComponent';
 
 export default class AutoCompleteValidator extends ValidatorComponent {
@@ -11,6 +13,7 @@ export default class AutoCompleteValidator extends ValidatorComponent {
         return (
             <AutoComplete
                 {...rest}
+                ref={(r) => { this.input = r; }}
                 errorText={!isValid && this.getErrorMessage()}
             />
         );

src/DateValidator.jsx

@@ -1,5 +1,7 @@
+/* eslint-disable */
 import React from 'react';
 import DatePicker from 'material-ui/DatePicker';
+/* eslint-enable */
 import ValidatorComponent from './ValidatorComponent';
 
 export default class DateValidator extends ValidatorComponent {
@@ -11,6 +13,7 @@ export default class DateValidator extends ValidatorComponent {
         return (
             <DatePicker
                 {...rest}
+                ref={(r) => { this.input = r; }}
                 errorText={!isValid && this.getErrorMessage()}
             />
         );

src/SelectValidator.jsx

@@ -1,5 +1,7 @@
+/* eslint-disable */
 import React from 'react';
 import SelectField from 'material-ui/SelectField';
+/* eslint-enable */
 import ValidatorComponent from './ValidatorComponent';
 
 export default class SelectValidator extends ValidatorComponent {
@@ -11,6 +13,7 @@ export default class SelectValidator extends ValidatorComponent {
         return (
             <SelectField
                 {...rest}
+                ref={(r) => { this.input = r; }}
                 errorText={!isValid && this.getErrorMessage()}
             />
         );

src/TextValidator.jsx

@@ -1,5 +1,7 @@
+/* eslint-disable */
 import React from 'react';
 import TextField from 'material-ui/TextField';
+/* eslint-enable */
 import ValidatorComponent from './ValidatorComponent';
 
 export default class TextValidator extends ValidatorComponent {
@@ -11,6 +13,7 @@ export default class TextValidator extends ValidatorComponent {
         return (
             <TextField
                 {...rest}
+                ref={(r) => { this.input = r; }}
                 errorText={!isValid && this.getErrorMessage()}
             />
         );

src/TimeValidator.jsx

@@ -1,5 +1,7 @@
+/* eslint-disable */
 import React from 'react';
 import TimePicker from 'material-ui/TimePicker';
+/* eslint-enable */
 import ValidatorComponent from './ValidatorComponent';
 
 export default class TimeValidator extends ValidatorComponent {
@@ -11,6 +13,7 @@ export default class TimeValidator extends ValidatorComponent {
         return (
             <TimePicker
                 {...rest}
+                ref={(r) => { this.input = r; }}
                 errorText={!isValid && this.getErrorMessage()}
             />
         );