Added Input wrapper

Author: Deadly0

README.md

@@ -9,7 +9,7 @@ with Final Form
 
 ### Available fields
 ```jsx
-import {TextField, Checkbox, Radio, Select} from 'final-form-material-ui';
+import {TextField, Checkbox, Radio, Select, Input} from 'final-form-material-ui';
 ```
 
 ##### TextField
@@ -28,6 +28,29 @@ import {TextField} from 'final-form-material-ui';
 />
 ```
 
+##### Input
+```jsx
+import React from 'react';
+import {Field} from 'react-final-form';
+import {Input} from 'final-form-material-ui';
+import InputAdornment from '@material-ui/core/InputAdornment';
+
+<Field
+	name="password"
+	component={Input}
+	className="input"
+	type="password"
+	placeholder="Password"
+	endAdornment={
+		<InputAdornment position="end">
+			<Link className="inputLink" to="/forgot">
+				Forgot password?
+			</Link>
+		</InputAdornment>
+	}
+/>
+```
+
 ##### Select
 Use can pass any props from [`Select docs`](https://material-ui.com/api/select/) to `Field`.
 Additional props for `Field`:

package.json

@@ -1,6 +1,6 @@
 {
   "name": "final-form-material-ui",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "description": "A set of wrapper components to facilitate using Material UI with Final Form",
   "main": "./dist/final-form-material-ui.min.js",
   "author": "Igor Golovin <[email protected]>",

src/Input.tsx

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import {FieldRenderProps} from 'react-final-form';
+import Input from '@material-ui/core/Input';
+import FormHelperText from '@material-ui/core/FormHelperText';
+
+
+const InputWrapper: React.SFC<FieldRenderProps> = ({input: {name, onChange, value, ...restInput}, meta, ...rest}) => {
+	const showError = ((meta.submitError && !meta.dirtySinceLastSubmit) || meta.error) && meta.touched;
+
+	return (
+		<>
+			<Input
+				{...rest}
+				name={name}
+				error={showError}
+				inputProps={restInput}
+				onChange={onChange}
+				value={value}
+			/>
+
+			{showError &&
+				<FormHelperText>
+					{meta.error || meta.submitError}
+				</FormHelperText>
+			}
+		</>
+	);
+};
+
+export default InputWrapper;

src/index.ts

@@ -2,6 +2,7 @@ import TextField from './TextField';
 import Checkbox from './Checkbox';
 import Radio from './Radio';
 import Select from './Select';
+import Input from './Input';
 
 
-export {TextField, Checkbox, Radio, Select};
+export {TextField, Checkbox, Radio, Select, Input};