feat(pattern-input-mode): added pattern and inputMode props (#39)

Author: 40818419

README.md

@@ -90,6 +90,8 @@ const props = {
 | disabled | bool | When present, it specifies that the element should be disabled. |
 | autoFocus | bool | Setup autofocus on the first input, `true` by default. |
 | filterKeyCodes | array | Filter characters on key down. |
+| pattern | string | The pattern prop specifies a regular expression that the <input> element's value is checked against. |
+| inputMode | string | The inputMode prop tells the browser on devices with dynamic keyboards which keyboard to display. |
 
 ## Compatible with
 [`redux-form`](https://github.com/erikras/redux-form) from [erikras](https://github.com/erikras)

example/dist/example.js

@@ -194,7 +194,7 @@ class ReactCodeInput extends Component {
   }
 
   render() {
-    const { className, style = {}, inputStyle = {}, inputStyleInvalid = {}, type, autoFocus } = this.props,
+    const { className, style = {}, inputStyle = {}, inputStyleInvalid = {}, type, autoFocus, pattern, inputMode } = this.props,
       { disabled, input, isValid, defaultInputStyle } = this.state,
       styles = {
         container: style,
@@ -257,6 +257,8 @@ class ReactCodeInput extends Component {
               onKeyDown={(e) => this.handleKeyDown(e)}
               disabled={disabled}
               data-valid={isValid}
+              pattern={pattern}
+              inputMode={inputMode}
             />
           );
         })}
@@ -292,6 +294,12 @@ ReactCodeInput.propTypes = {
   inputStyleInvalid: PropTypes.object,
   autoFocus:         PropTypes.bool,
   filterKeyCodes:    PropTypes.array,
+  pattern:           PropTypes.string,
+  inputMode:         PropTypes.oneOf([
+                                       'verbatim', 'latin', 'latin-name', 'latin-prose',
+                                       'full-width-latin', 'kana', 'kana-name', 'katakana',
+                                       'numeric', 'tel', 'email', 'url',
+                                     ]),
 };
 
 export default ReactCodeInput;