feat: Implement enhanced date picker component

src/components/admin/RideForm.tsx

@@ -9,6 +9,7 @@ import { Textarea } from '@/components/ui/textarea';
 import { Label } from '@/components/ui/label';
 import { PhotoUpload } from '@/components/upload/PhotoUpload';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
+import { DatePicker } from '@/components/ui/date-picker';
 import { toast } from '@/hooks/use-toast';
 import { Zap, Save, X } from 'lucide-react';
 
@@ -279,11 +280,13 @@ export function RideForm({ onSubmit, onCancel, initialData, isEditing = false }:
           {/* Dates */}
           <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
             <div className="space-y-2">
-              <Label htmlFor="opening_date">Opening Date</Label>
-              <Input
-                id="opening_date"
-                type="date"
-                {...register('opening_date')}
+              <Label>Opening Date</Label>
+              <DatePicker
+                date={watch('opening_date') ? new Date(watch('opening_date')) : undefined}
+                onSelect={(date) => setValue('opening_date', date ? date.toISOString().split('T')[0] : '')}
+                placeholder="Select opening date"
+                disableFuture={true}
+                fromYear={1800}
               />
             </div>