internal
/
sangwaritaxi_website
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix : textfiled #30

Merged
hardik merged 1 commits from feature/email into main 2025-10-19 07:37:05 +05:30
Conversation 0 Commits 1 Files Changed 1 +26 -33
1 changed files with 26 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 73bb8e982d - Show all commits

59
src/components/BookingForm.tsx
View File

@ -74,41 +74,34 @@ export function BookingForm({ onSubmit }: BookingFormProps) {
{/* Location Inputs */} {/* Location Inputs */}
<div className="grid grid-cols-1 sm:grid-cols-2 gap-3 sm:gap-4"> <div className="grid grid-cols-1 sm:grid-cols-2 gap-3 sm:gap-4">
<div className="space-y-2"> <div className="space-y-2">
<Label htmlFor="pickup" className="text-sm sm:text-base">Pickup Location</Label> <Label htmlFor="pickup" className="text-sm sm:text-base">
<Select value={formData.pickup} onValueChange={(value) => handleInputChange("pickup", value)} required> Pickup Location
<SelectTrigger className="h-10 sm:h-11"> </Label>
<SelectValue placeholder="Select pickup city" /> <input
</SelectTrigger> id="pickup"
<SelectContent className="max-h-48"> type="text"
{indiaLocations.map((location) => ( name="pickup"
<SelectItem key={location} value={location}> placeholder="Enter pickup location"
{location} value={formData.pickup}
</SelectItem> onChange={(e) => handleInputChange("pickup", e.target.value)}
))} required
</SelectContent> 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"
</Select> />
</div> </div>
<div className="space-y-2"> <div className="space-y-2">
<Label htmlFor="dropoff" className="text-sm sm:text-base">Drop-off Location / Service</Label> <Label htmlFor="dropoff" className="text-sm sm:text-base">
<Select value={formData.dropoff} onValueChange={(value) => handleInputChange("dropoff", value)} required> Drop-off Location / Service
<SelectTrigger className="h-10 sm:h-11"> </Label>
<SelectValue placeholder="Select destination or service" /> <input
</SelectTrigger> id="dropoff"
<SelectContent className="max-h-48"> type="text"
<div className="px-2 py-1 text-xs text-muted-foreground border-b">Services</div> name="dropoff"
{serviceTypes.map((service) => ( placeholder="Enter drop-off location or service"
<SelectItem key={service} value={service}> value={formData.dropoff}
{service} onChange={(e) => handleInputChange("dropoff", e.target.value)}
</SelectItem> 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 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>
</div> </div>
</div> </div>