Component should include a calendar and a multistep form.
Step 1: Only calendar is shown. When selecting a day of the calendar, step 2 is revealed to show hours available for that day.
Step 2: Select an available time slot for that day. (picture 1) Selecting an available hour takes you to step 3.
Step 3: Select info for the dog and the type of the service. (picture 2) Pressing the schedule button should give you a popup with all the selected info and a prompt to confirm the selection.
Step 4: Contact Information - email, phone number, address
The data should be sent to the API and stored in the DB, which will allow you to control which date/times are available in the component.
prerequisite: #15
Component should include a calendar and a multistep form.
Step 1: Only calendar is shown. When selecting a day of the calendar, step 2 is revealed to show hours available for that day. Step 2: Select an available time slot for that day. (picture 1) Selecting an available hour takes you to step 3. Step 3: Select info for the dog and the type of the service. (picture 2) Pressing the schedule button should give you a popup with all the selected info and a prompt to confirm the selection. Step 4: Contact Information - email, phone number, address
The data should be sent to the API and stored in the DB, which will allow you to control which date/times are available in the component.