From 9f85a64ef3dc38edad5da07e030b374a422d9c41 Mon Sep 17 00:00:00 2001
From: Wagner Maciel <wagnermaciel@google.com>
Date: Wed, 7 Jun 2023 12:30:23 -0400
Subject: [PATCH] fix(material/slider): fix cd for sliders w/ form controls

* fixes issue #27217
---
 src/material/slider/slider-input.ts     | 1 +
 src/material/slider/slider-interface.ts | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/material/slider/slider-input.ts b/src/material/slider/slider-input.ts
index f357d9dbabc8..ae6556f97523 100644
--- a/src/material/slider/slider-input.ts
+++ b/src/material/slider/slider-input.ts
@@ -102,6 +102,7 @@ export class MatSliderThumb implements _MatSliderThumb, OnDestroy, ControlValueA
     this._updateThumbUIByValue();
     this._slider._onValueChange(this);
     this._cdr.detectChanges();
+    this._slider._cdr.markForCheck();
   }
   /** Event emitted when the `value` is changed. */
   @Output() readonly valueChange: EventEmitter<number> = new EventEmitter<number>();
diff --git a/src/material/slider/slider-interface.ts b/src/material/slider/slider-interface.ts
index de2a191d463e..d5c1ed3f2a86 100644
--- a/src/material/slider/slider-interface.ts
+++ b/src/material/slider/slider-interface.ts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
-import {InjectionToken} from '@angular/core';
+import {InjectionToken, ChangeDetectorRef} from '@angular/core';
 import {MatRipple, RippleGlobalOptions} from '@angular/material/core';
 
 /**
@@ -153,6 +153,8 @@ export interface _MatSlider {
 
   /** Used to set the transition duration for thumb and track animations. */
   _setTransition: (withAnimation: boolean) => void;
+
+  _cdr: ChangeDetectorRef;
 }
 
 export interface _MatSliderThumb {