From 7f2a5ecc27ddfa46c5969e77de208c95a7931c9d Mon Sep 17 00:00:00 2001
From: Wendelin <12148533+wendevlin@users.noreply.github.com>
Date: Mon, 30 Mar 2026 13:03:21 +0200
Subject: [PATCH] Remove mobile-specific styles for date-range-picker (#51273)

Remove mobile-specific styles for date-picker component
---
 src/components/date-picker/styles.ts | 27 ---------------------------
 1 file changed, 27 deletions(-)

diff --git a/src/components/date-picker/styles.ts b/src/components/date-picker/styles.ts
index 3a965b7347..491f5425d9 100644
--- a/src/components/date-picker/styles.ts
+++ b/src/components/date-picker/styles.ts
@@ -80,33 +80,6 @@ export const datePickerStyles = css`
     text-align: center;
     margin-left: 48px;
   }
-
-  @media only screen and (max-width: 500px) {
-    calendar-month {
-      min-height: calc(34px * 7);
-    }
-    calendar-month::part(day) {
-      font-size: var(--ha-font-size-s);
-    }
-    calendar-month::part(button) {
-      height: 26px;
-      width: 26px;
-    }
-    calendar-month::part(range-inner),
-    calendar-month::part(range-start),
-    calendar-month::part(range-end),
-    calendar-month::part(selected),
-    calendar-month::part(selected):hover {
-      height: 34px;
-      width: 34px;
-    }
-    .heading {
-      font-size: var(--ha-font-size-s);
-    }
-    .month-year {
-      margin-left: 40px;
-    }
-  }
 `;
 
 export const dateRangePickerStyles = css`