pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-25 09:51:12 -05:00
Code Issues Packages Projects Releases Wiki Activity

feat: Implement timezone-independent date picker

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-11-05 16:31:51 +00:00
parent c966b6c5ee
commit 7c35f2932b
5 changed files with 248 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/rides/RideFilters.tsx
View File

@@ -8,7 +8,7 @@ import { Separator } from '@/components/ui/separator';
import { RotateCcw } from 'lucide-react';
import { supabase } from '@/lib/supabaseClient';
import { FilterRangeSlider } from '@/components/filters/FilterRangeSlider';
import { FilterDateRangePicker } from '@/components/filters/FilterDateRangePicker';
import { TimeZoneIndependentDateRangePicker } from '@/components/filters/TimeZoneIndependentDateRangePicker';
import { FilterSection } from '@/components/filters/FilterSection';
import { FilterMultiSelectCombobox } from '@/components/filters/FilterMultiSelectCombobox';
import { MultiSelectOption } from '@/components/ui/multi-select-combobox';
@@ -43,8 +43,8 @@ export interface RideFilterState {
maxLength: number;
minInversions: number;
maxInversions: number;
openingDateFrom: Date | null;
openingDateTo: Date | null;
openingDateFrom: string | null;
openingDateTo: string | null;
hasInversions: boolean;
operatingOnly: boolean;
}
@@ -468,14 +468,14 @@ export function RideFilters({ filters, onFiltersChange, rides }: RideFiltersProp
{/* Date Filters */}
<FilterSection title="Dates">
<div className="grid grid-cols-1 gap-4">
<FilterDateRangePicker
label="Opening Date"
<TimeZoneIndependentDateRangePicker
label="Opening Date Range"
fromDate={filters.openingDateFrom}
toDate={filters.openingDateTo}
onFromChange={(date) => onFiltersChange({ ...filters, openingDateFrom: date || null })}
onToChange={(date) => onFiltersChange({ ...filters, openingDateTo: date || null })}
fromPlaceholder="From year"
toPlaceholder="To year"
onFromChange={(date) => onFiltersChange({ ...filters, openingDateFrom: date })}
onToChange={(date) => onFiltersChange({ ...filters, openingDateTo: date })}
fromPlaceholder="From date"
toPlaceholder="To date"
/>
</div>
</FilterSection>