Merge pull request #552 from facultyai/input-required

Add required prop to Input

Author: tcbegley

src/components/input/Input.js

@@ -343,6 +343,20 @@ Input.propTypes = {
    */
   invalid: PropTypes.bool,
 
+  /**
+   * This attribute specifies that the user must fill in a value before
+   * submitting a form. It cannot be used when the type attribute is hidden,
+   * image, or a button type (submit, reset, or button). The :optional and
+   * :required CSS pseudo-classes will be applied to the field as appropriate.
+   * required is an HTML boolean attribute - it is enabled by a boolean or
+   * 'required'. Alternative capitalizations `REQUIRED`
+   * are also acccepted.
+   */
+  required: PropTypes.oneOfType([
+    PropTypes.oneOf(['required', 'REQUIRED']),
+    PropTypes.bool
+  ]),
+
   /**
    * Set to true for a readonly input styled as plain text with the default
    * form field styling removed and the correct margins and padding preserved.

src/components/input/Select.js

@@ -139,6 +139,20 @@ Select.propTypes = {
    */
   disabled: PropTypes.bool,
 
+  /**
+   * This attribute specifies that the user must fill in a value before
+   * submitting a form. It cannot be used when the type attribute is hidden,
+   * image, or a button type (submit, reset, or button). The :optional and
+   * :required CSS pseudo-classes will be applied to the field as appropriate.
+   * required is an HTML boolean attribute - it is enabled by a boolean or
+   * 'required'. Alternative capitalizations `REQUIRED`
+   * are also acccepted.
+   */
+  required: PropTypes.oneOfType([
+    PropTypes.oneOf(['required', 'REQUIRED']),
+    PropTypes.bool
+  ]),
+
   /**
    * Apply valid style to the Input for feedback purposes. This will cause
    * any FormFeedback in the enclosing FormGroup with valid=True to display.

src/components/input/Textarea.js

@@ -175,7 +175,13 @@ Textarea.propTypes = {
   ]),
 
   /**
-   * Indicates whether this element is required to fill out or not.
+   * This attribute specifies that the user must fill in a value before
+   * submitting a form. It cannot be used when the type attribute is hidden,
+   * image, or a button type (submit, reset, or button). The :optional and
+   * :required CSS pseudo-classes will be applied to the field as appropriate.
+   * required is an HTML boolean attribute - it is enabled by a boolean or
+   * 'required'. Alternative capitalizations `REQUIRED`
+   * are also acccepted.
    */
   required: PropTypes.oneOfType([
     PropTypes.oneOf(['required', 'REQUIRED']),