feat: modernize report scheduling UI and date inputs

This commit is contained in:
Esdras Renan 2025-11-10 11:05:53 -03:00
parent 8cc513c532
commit 616fe42e10
10 changed files with 384 additions and 60 deletions

View file

@ -19,6 +19,7 @@ import {
SelectTrigger,
SelectValue,
} from "@/components/ui/select"
import { DatePicker } from "@/components/ui/date-picker"
import { cn } from "@/lib/utils"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import { Spinner } from "@/components/ui/spinner"
@ -287,17 +288,15 @@ export function DeviceTicketsHistoryClient({ tenantId: _tenantId, deviceId }: {
</Select>
{periodPreset === "custom" ? (
<div className="flex flex-col gap-2 sm:flex-row sm:items-center">
<Input
type="date"
<DatePicker
value={customFrom}
onChange={(event) => setCustomFrom(event.target.value)}
onChange={(value) => setCustomFrom(value ?? "")}
className="sm:w-[160px]"
placeholder="Início"
/>
<Input
type="date"
<DatePicker
value={customTo}
onChange={(event) => setCustomTo(event.target.value)}
onChange={(value) => setCustomTo(value ?? "")}
className="sm:w-[160px]"
placeholder="Fim"
/>