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>
This commit is contained in:
Mike Cao 2026-02-06 03:22:16 -08:00
parent 18c3ffc2d8
commit d9f8a0418c
2 changed files with 8 additions and 9 deletions

View file

@ -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) => {

View file

@ -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>