Pass 'dir' TextField prop through to input component

Author: Gudahtt

ui/app/components/ui/text-field/text-field.component.js

@@ -67,7 +67,7 @@ const styles = {
 }
 
 const TextField = props => {
-  const { error, classes, material, startAdornment, largeLabel, ...textFieldProps } = props
+  const { error, classes, material, startAdornment, largeLabel, dir, ...textFieldProps } = props
 
   return (
     <MaterialTextField
@@ -91,6 +91,9 @@ const TextField = props => {
           underline: material ? classes.materialUnderline : '',
           focused: material ? '' : classes.inputFocused,
         },
+        inputProps: {
+          dir,
+        },
       }}
       {...textFieldProps}
     />
@@ -104,6 +107,7 @@ TextField.defaultProps = {
 TextField.propTypes = {
   error: PropTypes.string,
   classes: PropTypes.object,
+  dir: PropTypes.string,
   material: PropTypes.bool,
   startAdornment: PropTypes.element,
   largeLabel: PropTypes.bool,