Angular materialのカレンダーBodyにある月を非表示にしたい

タイトルの要件が必要だったのでコードを書いて、記録として残す。

月表示が邪魔

これ、2024年7月のカレンダーなんだけど、カレンダーBody1行目のJULはいらない。

CSSで非表示にする

ng-deepを使ってAngular materialのコンポーネントに対し、スタイルを適用する。

::ng-deep .mat-calendar-body-label {
    opacity: 0;
        &[colspan="7"] {
        display: none;
    }
}

注意
ng-deepは非推奨ですがここでは、やむを得ず使っています。
https://angular.jp/guide/component-styles#%E9%9D%9E%E6%8E%A8%E5%A5%A8-deep---%E3%81%A8-ng-deep-

結果

これが

こう

最後に

ng-deepを使わないでできる方法があれば知りたい。。。

コードはこちら↓↓↓