title: How to autofocus with highlight blue color on today date in datepicker of angular material?
body: <p>I want today date should be highlighted by default even without selecting it. and if i'll select other date then other date should become highlight. I am using angular material datepicker. Is there any way to do it? My code sample is:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;mat-form-field&gt;
    &lt;input matInput [matDatepicker]="picker" placeholder="Choose a date"&gt;
    &lt;mat-datepicker-toggle matSuffix [for]="picker"&gt;&lt;/mat-datepicker-toggle&gt;
    &lt;mat-datepicker #picker&gt;&lt;/mat-datepicker&gt;
  &lt;/mat-form-field&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="https://stackblitz.com/angular/oavmkdkdraq?file=app%2Fdatepicker-overview-example.ts" rel="nofollow noreferrer">this sample link is from https://material.angular.io/components/datepicker/overview</a></p>
  
  <p>I want output some thing like the screen shot, but highlight color should be go to selected date after selecting any other date.</p>
  
  <p><a href="https://i.stack.imgur.com/vhiSa.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vhiSa.png" alt="image"></a></p>