Value should snap to the edges of the slider

Author: iveysaur

src/components/slider/slider.ts

@@ -205,7 +205,9 @@ export class MdSlider implements AfterContentInit {
 
     // This calculation finds the closest step by finding the closest whole number divisible by the
     // step relative to the min.
-    this.value = Math.round((exactValue - this.min) / this.step) * this.step + this.min;
+    let closestValue = Math.round((exactValue - this.min) / this.step) * this.step + this.min;
+    // The value needs to snap to the min and max.
+    this.value = this.clamp(closestValue, this.min, this.max);
     this._renderer.updateThumbAndFillPosition(this._percent, this._sliderDimensions.width);
   }
 

src/demo-app/slider/slider-demo.html

@@ -23,5 +23,6 @@ <h1>Slider with set value</h1>
 
 <h1>Slider with step defined</h1>
 <section class="demo-section">
-  <md-slider step="25"></md-slider>
+  <md-slider min="1" max="100" step="20" #slider5></md-slider>
+  {{slider5.value}}
 </section>