mirror of
https://github.com/Tria-plc/edr-platform.git
synced 2026-09-09 00:08:18 +00:00
feat(freight-backoffice): add DateRangePicker, replace ad-hoc from/to date filters
Adds a shadcn Popover+Calendar range picker with presets (Today, Last 7/30 days, this/last month, YTD) and Apply/Cancel. Swaps it into every shadcn-family from-to date filter: activity log, sector reports, incoming records (EN branch), CombinedFilterBar (13 consumers), user records, audit log — also fixes an uncontrolled-input bug on the audit log date fields. Mantine-based ListControls/ReportFilters left untouched (different UI kit).
This commit is contained in:
@@ -1,5 +1,6 @@
|
||||
import React, { useEffect, useState } from "react";
|
||||
import { Input } from "@/shared/common/ui/input";
|
||||
import { DateRangePicker, parseDay, formatDay } from "@/shared/common/ui/date-range-picker";
|
||||
import {
|
||||
Select,
|
||||
SelectTrigger,
|
||||
@@ -134,21 +135,12 @@ const buildQuery = (): CollectionQueryDTO => {
|
||||
className="w-64"
|
||||
/>
|
||||
|
||||
<div className="flex gap-2 items-center">
|
||||
<Input
|
||||
type="date"
|
||||
onChange={(e) =>
|
||||
setDateRange({ ...dateRange, start: e.target.value })
|
||||
}
|
||||
/>
|
||||
<span className="text-muted-foreground text-sm">to</span>
|
||||
<Input
|
||||
type="date"
|
||||
onChange={(e) =>
|
||||
setDateRange({ ...dateRange, end: e.target.value })
|
||||
}
|
||||
/>
|
||||
</div>
|
||||
<DateRangePicker
|
||||
value={{ from: parseDay(dateRange.start), to: parseDay(dateRange.end) }}
|
||||
onChange={(range) =>
|
||||
setDateRange({ start: formatDay(range.from), end: formatDay(range.to) })
|
||||
}
|
||||
/>
|
||||
|
||||
<Select value={sort} onValueChange={setSort}>
|
||||
<SelectTrigger className="w-[180px]">
|
||||
|
||||
Reference in New Issue
Block a user