g/ember-market-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update date-picker.tsx

Browse Source
This commit is contained in:
g
2025-11-28 18:33:23 +00:00
parent b10b2f2701
commit 4e5fc1901c
1 changed files with 6 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
components/ui/date-picker.tsx
View File

@@ -126,17 +126,15 @@ export function MonthPicker({ selectedMonth, onMonthChange, placeholder = "Pick
<CalendarIcon className="mr-2 h-4 w-4" />
{formatSelectedMonth(selectedMonth)}
{selectedMonth && (
<Button
variant="ghost"
size="sm"
className="ml-auto h-6 w-6 p-0 hover:bg-transparent"
<div
className="ml-auto h-6 w-6 p-0 flex items-center justify-center rounded-sm hover:bg-accent cursor-pointer"
onClick={(e) => {
e.stopPropagation()
onMonthChange?.(undefined)
}}
>
<X className="h-3 w-3" />
</Button>
</div>
)}
</Button>
</PopoverTrigger>
@@ -272,17 +270,15 @@ export function DateRangePicker({
<CalendarIcon className="mr-2 h-4 w-4" />
{formatDateRange(dateRange)}
{dateRange?.from && (
<Button
variant="ghost"
size="sm"
className="ml-auto h-6 w-6 p-0 hover:bg-transparent"
<div
className="ml-auto h-6 w-6 p-0 flex items-center justify-center rounded-sm hover:bg-accent cursor-pointer"
onClick={(e) => {
e.stopPropagation()
handleClear()
}}
>
<X className="h-3 w-3" />
</Button>
</div>
)}
</Button>
</PopoverTrigger>