fix(Input): Aria-invalid attribute (reactstrap#1782)

Co-authored-by: Evan Sharp <dumbdrum@gmail.com>

Author: hedgecox

src/CustomFileInput.js

@@ -103,6 +103,7 @@ class CustomFileInput extends React.Component {
           type="file"
           {...attributes}
           ref={innerRef}
+          aria-invalid={invalid}
           className={classNames(
             validationClassNames,
             mapToCssModules("custom-file-input", cssModule)

src/CustomInput.js

@@ -55,6 +55,7 @@ function CustomInput(props) {
         {...rest}
         ref={innerRef}
         className={classNames(validationClassNames, customClass)}
+        aria-invalid={invalid}
       >
         {children}
       </select>
@@ -70,6 +71,7 @@ function CustomInput(props) {
       <input
         {...attributes}
         ref={innerRef}
+        aria-invalid={invalid}
         className={classNames(validationClassNames, customClass)}
       />
     );
@@ -90,6 +92,7 @@ function CustomInput(props) {
         {...rest}
         type={type === "switch" ? "checkbox" : type}
         ref={innerRef}
+        aria-invalid={invalid}
         className={classNames(
           validationClassNames,
           mapToCssModules("custom-control-input", cssModule)

src/Input.js

@@ -127,7 +127,7 @@ class Input extends React.Component {
       delete attributes.children;
     }
 
-    return <Tag {...attributes} ref={innerRef} className={classes} />;
+    return <Tag {...attributes} ref={innerRef} className={classes} aria-invalid={invalid} />;
   }
 }