title: How to disable part of Angular material slider
body: <p>For part of a project I'm working on, I want to be able to create a slider that shows an age range of 0-100, but the slider needs to stop at a certain point, like 18 years old. </p>
  
  <p>I still want to show 0-18, but the user should only be able to slide through ages 19-100.</p>
  
  <p>The project is using Angular Materials but I don't see any way to achieve what I want. I have already tried the Documentation <a href="https://material.angular.io/components/slider/overview" rel="nofollow noreferrer">https://material.angular.io/components/slider/overview</a> and searching through Google but no luck.</p>
  
  <p>Here's the code</p>
  
  <pre><code>&lt;mat-slider min="0" max="100" step="1" value="20"&gt;&lt;/mat-slider&gt;
  </code></pre>
  
  <p>This is what I want to do</p>
  
  <pre><code>&lt;mat-slider min="0" max="100" start="19" end="100" step="1" value="20"&gt;&lt;/mat-slider&gt;
  </code></pre>