Vehicle Cascade Booking Contact Block for React

Nowhere yet. The submit handler waits 800 milliseconds, as a stand-in for a request, then shows the confirmation. Replace that timer in submit with your own call: details holds the make, model, year, mileage, name and email, and services holds the chosen service ids. Show the confirmation when the request succeeds, and an error line in the form when it doesn't.

Each model belongs to one make. Until a make is chosen the model combobox is disabled and a line says to choose a make first. Choosing a make, or clearing it, drops the model and remounts that combobox so the typed text goes with it. The hours do not depend on the car. The combobox takes items, itemToStringLabel and itemToStringValue. onValueChange receives the item or null, and the list renders one item at a time.

Each service stores its time in tenths of an hour: oil and the battery are 5, brakes are 15, and tyres, the inspection and the alignment are 10. The line adds the tenths of the services that are on, divides by 10, and says "hour" only when the total is exactly 1. With nothing chosen it asks you to choose a service. The line is a polite live region, so a change is announced. At least one service is required. The toggle takes value as the selected ids, multiple, and onValueChange with the next ids. Ark passes those ids on value; Base UI and Radix pass the array itself.

The label above it names the control, and focus can land on it when the year is missing. Years run back from 2026, a fixed anchor, for 21 years, so the list does not depend on today's date. Each option starts with the words "Model year" and the digits sit in a bdi. The trigger takes the id, and the label points to it with htmlFor.

The mileage is a whole number from 0 to 400,000. An empty field is invalid. Zero is allowed. The id sits on NumberInputInput itself. onValueChange still receives { value } on every base.

No. hello@torquehill.example uses the .example domain, which is reserved for examples, and +1 (415) 555-0189 is in the 555-0100 to 555-0199 range set aside for fiction. Replace EMAIL, PHONE, PHONE_HREF and HOURS at the top of the file. The phone number keeps its order in a right-to-left layout. Calderbay, Heddleford, Ilexmere and Marrowick, and their models, are invented.