'use client'; import * as React from 'react'; import { RiArrowLeftSLine, RiArrowRightSLine, RiCalendarCheckLine, RiCalendarLine, RiCloseLine, RiForbidLine, RiSunLine, RiTimeLine, } from '@remixicon/react'; import { format, isSameDay } from 'date-fns'; import type { DateRange } from 'react-day-picker'; import * as Button from './components/ui/button'; import * as CompactButton from './components/ui/compact-button'; import * as DatepickerPrimivites from './components/ui/datepicker'; import * as Popover from './components/ui/popover'; import { cn } from './utils/cn'; const presets = [ { icon: RiSunLine, iconColor: 'text-away-base', label: 'Tomorrow', dateRange: { from: new Date(new Date().setDate(new Date().getDate() + 1)), to: new Date(new Date().setDate(new Date().getDate() + 1)), }, }, { icon: RiCalendarLine, iconColor: 'text-success-base', label: 'Later this week', dateRange: { from: new Date(), to: new Date(new Date().setDate(new Date().getDate() + 7)), }, }, { icon: RiCalendarCheckLine, iconColor: 'text-feature-base', label: 'Next week', dateRange: { from: new Date(), to: new Date(new Date().setDate(new Date().getDate() + 14)), }, }, { icon: RiForbidLine, iconColor: 'text-error-base', label: 'No date', dateRange: { from: new Date(), to: new Date(), }, }, ]; function PresetItem({ className, isActive, ...rest }: React.ButtonHTMLAttributes & { isActive?: boolean }) { return (