feat(slider): implement ControlValueAccessor setDisabledState (#1603)

This enables controlling the disabled state of a slider using a custom form control's
`enable()` and `disable()` methods.

Author: MikeRyanDev

src/lib/slider/slider.spec.ts

@@ -659,6 +659,24 @@ describe('MdSlider', () => {
       expect(sliderInstance.value).toBe(7);
     });
 
+    it('should update the disabled state when control is disabled', () => {
+      expect(sliderInstance.disabled).toBe(false);
+
+      testComponent.control.disable();
+      fixture.detectChanges();
+
+      expect(sliderInstance.disabled).toBe(true);
+    });
+
+    it('should update the disabled state when the control is enabled', () => {
+      sliderInstance.disabled = true;
+
+      testComponent.control.enable();
+      fixture.detectChanges();
+
+      expect(sliderInstance.disabled).toBe(false);
+    });
+
     // TODO: Add tests for ng-pristine, ng-touched, ng-invalid.
   });
 

src/lib/slider/slider.ts

@@ -387,6 +387,13 @@ export class MdSlider implements AfterContentInit, ControlValueAccessor {
   registerOnTouched(fn: any) {
     this.onTouched = fn;
   }
+
+  /**
+  * Implemented as part of ControlValueAccessor
+  */
+  setDisabledState(isDisabled: boolean) {
+    this.disabled = isDisabled;
+  }
 }
 
 /**