From 73bb8e982d58051d78c8b0338ad2ba79ec2e6c87 Mon Sep 17 00:00:00 2001
From: hardik <hardik@navigolabs.com>
Date: Sun, 19 Oct 2025 02:05:31 +0000
Subject: [PATCH] fix : textfiled

---
 src/components/BookingForm.tsx | 59 +++++++++++++++-------------------
 1 file changed, 26 insertions(+), 33 deletions(-)

diff --git a/src/components/BookingForm.tsx b/src/components/BookingForm.tsx
index 4b418a42..a99ee162 100644
--- a/src/components/BookingForm.tsx
+++ b/src/components/BookingForm.tsx
@@ -74,41 +74,34 @@ export function BookingForm({ onSubmit }: BookingFormProps) {
             {/* Location Inputs */}
             <div className="grid grid-cols-1 sm:grid-cols-2 gap-3 sm:gap-4">
               <div className="space-y-2">
-                <Label htmlFor="pickup" className="text-sm sm:text-base">Pickup Location</Label>
-                <Select value={formData.pickup} onValueChange={(value) => handleInputChange("pickup", value)} required>
-                  <SelectTrigger className="h-10 sm:h-11">
-                    <SelectValue placeholder="Select pickup city" />
-                  </SelectTrigger>
-                  <SelectContent className="max-h-48">
-                    {indiaLocations.map((location) => (
-                      <SelectItem key={location} value={location}>
-                        {location}
-                      </SelectItem>
-                    ))}
-                  </SelectContent>
-                </Select>
+                <Label htmlFor="pickup" className="text-sm sm:text-base">
+                  Pickup Location
+                </Label>
+                <input
+                  id="pickup"
+                  type="text"
+                  name="pickup"
+                  placeholder="Enter pickup location"
+                  value={formData.pickup}
+                  onChange={(e) => handleInputChange("pickup", e.target.value)}
+                  required
+                  className="w-full h-10 sm:h-11 px-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
+                />
               </div>
               <div className="space-y-2">
-                <Label htmlFor="dropoff" className="text-sm sm:text-base">Drop-off Location / Service</Label>
-                <Select value={formData.dropoff} onValueChange={(value) => handleInputChange("dropoff", value)} required>
-                  <SelectTrigger className="h-10 sm:h-11">
-                    <SelectValue placeholder="Select destination or service" />
-                  </SelectTrigger>
-                  <SelectContent className="max-h-48">
-                    <div className="px-2 py-1 text-xs text-muted-foreground border-b">Services</div>
-                    {serviceTypes.map((service) => (
-                      <SelectItem key={service} value={service}>
-                        {service}
-                      </SelectItem>
-                    ))}
-                    <div className="px-2 py-1 text-xs text-muted-foreground border-b">All India Locations</div>
-                    {indiaLocations.map((location) => (
-                      <SelectItem key={location} value={location}>
-                        {location}
-                      </SelectItem>
-                    ))}
-                  </SelectContent>
-                </Select>
+                <Label htmlFor="dropoff" className="text-sm sm:text-base">
+                  Drop-off Location / Service
+                </Label>
+                <input
+                  id="dropoff"
+                  type="text"
+                  name="dropoff"
+                  placeholder="Enter drop-off location or service"
+                  value={formData.dropoff}
+                  onChange={(e) => handleInputChange("dropoff", e.target.value)}
+                  required
+                  className="w-full h-10 sm:h-11 px-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
+                />
               </div>
             </div>
 
-- 
2.40.1