From d86785c376cb74233cdf00f4dd3240b2f90254e5 Mon Sep 17 00:00:00 2001
From: Shane Smith <shane@smudel.ca>
Date: Fri, 19 May 2017 13:19:12 -0400
Subject: [PATCH] fix(range): update the UI when min/max change (#11720)

fixes #11719
---
 src/components/range/range.ts                          |  2 ++
 .../range/test/basic/pages/root-page/root-page.html    | 10 +++++++++-
 .../range/test/basic/pages/root-page/root-page.ts      |  4 ++++
 3 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/components/range/range.ts b/src/components/range/range.ts
index ea4dd6b8db..9389619168 100644
--- a/src/components/range/range.ts
+++ b/src/components/range/range.ts
@@ -146,6 +146,7 @@ export class Range extends BaseInput<any> implements AfterContentInit, ControlVa
     val = Math.round(val);
     if (!isNaN(val)) {
       this._min = val;
+      this._inputUpdated();
     }
   }
 
@@ -160,6 +161,7 @@ export class Range extends BaseInput<any> implements AfterContentInit, ControlVa
     val = Math.round(val);
     if (!isNaN(val)) {
       this._max = val;
+      this._inputUpdated();
     }
   }
 
diff --git a/src/components/range/test/basic/pages/root-page/root-page.html b/src/components/range/test/basic/pages/root-page/root-page.html
index 042873e29e..1c982b62b8 100644
--- a/src/components/range/test/basic/pages/root-page/root-page.html
+++ b/src/components/range/test/basic/pages/root-page/root-page.html
@@ -92,6 +92,14 @@
       <ion-range min="1000" max="2000" step="100" pin="true" snaps="true" [(ngModel)]="singleValue4"></ion-range>
     </ion-item>
 
+    <ion-item>
+      <ion-label>dynamic min and max</ion-label>
+      <ion-range [min]="min" [max]="max" [(ngModel)]="singeValue5">
+        <ion-label range-left><input type="text" style="width: 50px;" [(ngModel)]="min" /></ion-label>
+        <ion-label range-right><input type="text" style="width: 50px;" [(ngModel)]="max" /></ion-label>
+      </ion-range>
+    </ion-item>
+
     <ion-item>
       <ion-label>dual, pin, {{dualValue | json}}</ion-label>
       <ion-range dualKnobs="true" pin="true" [(ngModel)]="dualValue"></ion-range>
@@ -117,4 +125,4 @@
     </ion-list>
   </form>
 
-</ion-content>
\ No newline at end of file
+</ion-content>
diff --git a/src/components/range/test/basic/pages/root-page/root-page.ts b/src/components/range/test/basic/pages/root-page/root-page.ts
index 426f243947..dddfe16990 100644
--- a/src/components/range/test/basic/pages/root-page/root-page.ts
+++ b/src/components/range/test/basic/pages/root-page/root-page.ts
@@ -10,9 +10,13 @@ export class RootPage {
   singleValue2: number = 150;
   singleValue3: number = 64;
   singleValue4: number = 1300;
+  singleValue5: number = 0;
   dualValue: any;
   dualValue2 = {lower: 33, upper: 60};
 
+  min: number = -50;
+  max: number = 50;
+
   rangeCtrl = new FormControl({value: '66', disabled: true});
   dualRangeCtrl = new FormControl({value: {lower: 33, upper: 60}, disabled: true});