title: how to hide top button in mat calendar
body: <p>I have a month year calendar but when i click on top button it displays me year,  month and day how could i hide that button or tell calendar not to display days</p>
  
  <p><a href="https://i.stack.imgur.com/dWint.png" rel="nofollow noreferrer">look image</a></p>
  
  <p>I was thinking on a css class that hides that element, whats the best way to do it?</p>
  
  <p>this is the html</p>
  
  <pre><code>&lt;button cdkarialive="polite" class="mat-calendar-period-button mat-button _mat-animation-noopable" mat-button="" type="button" ng-reflect-politeness="polite" aria-label="Choose month and year"&gt;&lt;span class="mat-button-wrapper"&gt;JUL. 2019&lt;div class="mat-calendar-arrow"&gt;&lt;/div&gt;&lt;/span&gt;
      &lt;div class="mat-button-ripple mat-ripple" matripple="" ng-reflect-centered="false" ng-reflect-disabled="false" ng-reflect-trigger="[object HTMLButtonElement]"&gt;&lt;/div&gt;
      &lt;div class="mat-button-focus-overlay"&gt;&lt;/div&gt;
  &lt;/button&gt;
  </code></pre>
  
  <p>here you can check this problem</p>
  
  <p><a href="https://stackblitz.com/edit/angular-wtbblu" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-wtbblu</a></p>