Merge pull request #2405 from subjectix/seleft-field-propagate-underl…

…ine-styles [SelectField] Propagate underline styles
mui · Dec 7, 2015 · 3a11da2 · 3a11da2
2 parents d5bbcad + daa8b10
commit 3a11da2
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/docs/src/app/components/pages/components/select-fields.jsx b/docs/src/app/components/pages/components/select-fields.jsx
@@ -144,6 +144,12 @@ const SelectFieldsPage = React.createClass({
             header: 'optional',
             desc: 'Override the inline-styles of the SelectField\'s underline element when disabled.',
           },
+          {
+            name: 'underlineFocusStyle',
+            type: 'object',
+            header: 'optional',
+            desc: 'Override the inline-styles of the SelectField\'s underline element when focussed.',
+          },
           {
             name: 'underlineStyle',
             type: 'object',

diff --git a/src/select-field.jsx b/src/select-field.jsx
@@ -53,6 +53,8 @@ const SelectField = React.createClass({
     selectedIndex: React.PropTypes.number,
     style: React.PropTypes.object,
     type: React.PropTypes.string,
+    underlineDisabledStyle: React.PropTypes.object,
+    underlineFocusStyle: React.PropTypes.object,
     underlineStyle: React.PropTypes.object,
     value: React.PropTypes.any,
   },
@@ -135,6 +137,8 @@ const SelectField = React.createClass({
       style,
       labelStyle,
       iconStyle,
+      underlineDisabledStyle,
+      underlineFocusStyle,
       underlineStyle,
       errorStyle,
       selectFieldRoot,
@@ -161,7 +165,11 @@ const SelectField = React.createClass({
       errorStyle: this.mergeAndPrefix(styles.error, errorStyle),
       onFocus: onFocus,
       onBlur: onBlur,
+      underlineDisabledStyle,
+      underlineFocusStyle,
+      underlineStyle,
     };
+
     const dropDownMenuProps = {
       menuItems: menuItems,
       disabled: disabled,