Update for 2.14

demo.js

@@ -27,14 +27,26 @@ app.controller('MainCtrl', function($scope, $rootScope, $timeout, $modal) {
     }
   };
 
+  $scope.minMaxLimitSlider = {
+    value: 50,
+    options: {
+      floor: 0,
+      ceil: 100,
+      step: 1,
+      minLimit: 10,
+      maxLimit: 90
+    }
+  };
+
   $scope.minRangeSlider = {
-    minValue: 10,
-    maxValue: 90,
+    minValue: 40,
+    maxValue: 60,
     options: {
       floor: 0,
       ceil: 100,
       step: 1,
-      minRange: 10
+      minRange: 10,
+      maxRange: 50
     }
   };
 

index.html

@@ -62,7 +62,16 @@
   </article>
 
   <article>
-    <h2>Range slider with a minimal range set to 10</h2>
+    <h2>Range slider with min limit set to 10 and max limit set to 90</h2>
+    <rzslider
+      rz-slider-model="minMaxLimitSlider.value"
+      rz-slider-options="minMaxLimitSlider.options"
+    ></rzslider>
+    <show-code js-file="minMaxLimitSlider" html-file="singleSlider"></show-code>
+  </article>
+
+  <article>
+    <h2>Range slider with a minimal range set to 10 and maximum of 50</h2>
     <rzslider
       rz-slider-model="minRangeSlider.minValue"
       rz-slider-high="minRangeSlider.maxValue"

snippets/minMaxLimitSlider.js

+$scope.slider = {
+    value: 50,
+    options: {
+      floor: 0,
+      ceil: 100,
+      step: 1,
+      minLimit: 10,
+      maxLimit: 90
+    }
+};

snippets/minRangeSlider.js

@@ -5,6 +5,7 @@ $scope.slider = {
         floor: 0,
         ceil: 100,
         step: 1,
-        minRange: 10
+        minRange: 10,
+        maxRange: 50
     }
 };