From 2e52ebf25c78aa996cbd399f581ba032690c0d10 Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@abv.bg>
Date: Sat, 17 Oct 2026 09:37:15 +0200
Subject: [PATCH] fix(material/datepicker): increse specificity of period
 button styles

Increases the specificity for the period button styles so that they're guaranteed to apply over the Material button.

Fixes #33968.
---
 src/material/datepicker/calendar.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/material/datepicker/calendar.scss b/src/material/datepicker/calendar.scss
index 15510913ee1e..d4c509b90da8 100644
--- a/src/material/datepicker/calendar.scss
+++ b/src/material/datepicker/calendar.scss
@@ -46,7 +46,8 @@ $fallbacks: m3-datepicker.get-tokens();
   flex: 1 1 auto;
 }
 
-.mat-calendar-period-button {
+// Note: this needs extra specificity in order to override the base styles from the Material button.
+button.mat-calendar-period-button {
   min-width: 0;
   margin: 0 8px;