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

59
src/components/BookingForm.tsx
View File

@ -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>