fix(Form): Fix invalid properties for maxLength, minLength, autoComplete

akabraham · akabraham · commit d63f9c344f7a · 2019-04-22T14:59:46.000-07:00
diff --git a/src/components/Form/Form.react.js b/src/components/Form/Form.react.js
@@ -37,7 +37,7 @@ export type Props = {|
   +className?: string,
   +action?: string,
   +method?: string,
-  +autocomplete: "on" | "off",
+  +autoComplete: "on" | "off",
 |};
 
 function Form({
@@ -46,23 +46,23 @@ function Form({
   action,
   method,
   onSubmit,
-  autocomplete,
+  autoComplete,
 }: Props): React.Node {
   return (
     <form
       className={className}
       onSubmit={onSubmit}
       action={action}
       method={method}
-      autocomplete={autocomplete}
+      autoComplete={autoComplete}
     >
       {children}
     </form>
   );
 }
 
 Form.defaultProps = {
-  autocomplete: "off",
+  autoComplete: "off",
 };
 
 Form.Group = FormGroup;
diff --git a/src/components/Form/FormInput.react.js b/src/components/Form/FormInput.react.js
@@ -30,8 +30,8 @@ type FormStyle = {|
   +value?: string | number,
   +min?: string | number,
   +max?: string | number,
-  +minlength?: string | number,
-  +maxlength?: string | number,
+  +minLength?: string | number,
+  +maxLength?: string | number,
   +disabled?: boolean,
   +readOnly?: boolean,
   +autoFocus?: boolean,
@@ -74,8 +74,8 @@ function FormInput(props: Props): React.Node {
     value,
     min,
     max,
-    minlength,
-    maxlength,
+    minLength,
+    maxLength,
     checked,
     onChange,
     onMouseEnter,
@@ -120,8 +120,8 @@ function FormInput(props: Props): React.Node {
     value,
     min,
     max,
-    minlength,
-    maxlength,
+    minLength,
+    maxLength,
     disabled,
     readOnly,
     autoFocus,
