Propagate disabled to Input in Slider

components/slider/Slider.js

@@ -242,6 +242,7 @@ const factory = (ProgressBar, Input) => {
           <Input
             ref='input'
             className={this.props.theme.input}
+            disabled={this.props.disabled}
             onFocus={this.handleInputFocus}
             onChange={this.handleInputChange}
             onBlur={this.handleInputBlur}

spec/components/slider.js

@@ -4,8 +4,7 @@ import Slider from '../../components/slider';
 class SliderTest extends React.Component {
   state = {
     slider2: 5,
-    slider3: 1,
-    slider4: 3
+    slider3: 1
   };
 
   handleChange = (slider, value) => {
@@ -22,8 +21,8 @@ class SliderTest extends React.Component {
         <Slider min={0} max={10} editable value={this.state.slider2} onChange={this.handleChange.bind(this, 'slider2')} />
         <p>Pinned and with snaps</p>
         <Slider pinned snaps min={0} max={10} step={1} editable value={this.state.slider3} onChange={this.handleChange.bind(this, 'slider3')} />
-        <p>Disabled</p>
-        <Slider disabled min={0} max={10} value={this.state.slider4} onChange={this.handleChange.bind(this, 'slider4')} />
+        <p>Disabled status</p>
+        <Slider disabled pinned snaps min={0} max={10} step={1} editable value={this.state.slider3} onChange={this.handleChange.bind(this, 'slider3')} />
       </section>
     );
   }