From d9f8a0418c974112599f3d06a2eb36c3dff59738 Mon Sep 17 00:00:00 2001
From: Mike Cao <mike@umami.is>
Date: Fri, 6 Feb 2026 03:22:16 -0800
Subject: [PATCH] Fix WebsiteDateFilter width and date popup minimum width.

Remove unnecessary wrapper Row around DateFilter and set min-width
on the date picker popover to 200px.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/components/input/DateFilter.tsx        |  2 +-
 src/components/input/WebsiteDateFilter.tsx | 15 +++++++--------
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/components/input/DateFilter.tsx b/src/components/input/DateFilter.tsx
index 2e175298d..71014aaf2 100644
--- a/src/components/input/DateFilter.tsx
+++ b/src/components/input/DateFilter.tsx
@@ -110,7 +110,7 @@ export function DateFilter({
         placeholder={formatMessage(labels.selectDate)}
         onChange={handleChange}
         renderValue={renderValue}
-        popoverProps={{ placement }}
+        popoverProps={{ placement, style: { minWidth: 200 } }}
         isFullscreen={isMobile}
       >
         {options.map(({ label, value, divider }: any) => {
diff --git a/src/components/input/WebsiteDateFilter.tsx b/src/components/input/WebsiteDateFilter.tsx
index 58e596f52..b4b38c6de 100644
--- a/src/components/input/WebsiteDateFilter.tsx
+++ b/src/components/input/WebsiteDateFilter.tsx
@@ -76,14 +76,13 @@ export function WebsiteDateFilter({
           </Button>
         </Row>
       )}
-      <Row minWidth="200px">
-        <DateFilter
-          value={dateValue}
-          onChange={handleChange}
-          showAllTime={hasData && showAllTime}
-          renderDate={+offset !== 0}
-        />
-      </Row>
+      <DateFilter
+        className="min-w-[200px]"
+        value={dateValue}
+        onChange={handleChange}
+        showAllTime={hasData && showAllTime}
+        renderDate={+offset !== 0}
+      />
       {showCompare && (
         <Row alignItems="center" gap>
           <Text weight="bold">VS</Text>