Wizard Date, Time & Duration Step
Component Detail
User Interface
medium complexity
mobile
1
Dependencies
0
Dependents
1
Entities
0
Integrations
Description
Step widget covering date, start time, and activity duration. Defaults to today's date and a configurable default duration (30 min) that the user can override, minimising cognitive load per NHF accessibility requirements. Validates that the selected date is not in the future.
wizard-datetime-step
Responsibilities
- Render accessible date picker defaulting to today with WCAG 2.2 AA compliant touch targets
- Render time picker defaulting to current time rounded to the nearest 15 minutes
- Render duration selector with preset options (15 min, 30 min, 1 h, custom) plus free-entry fallback
- Validate date is not future-dated and emit validated values to Wizard Step Controller
Interfaces
DateTimeStepWidget({required WizardStepController controller, DateTimeDefaults defaults})
onDateTimeSelected(DateTime date, TimeOfDay startTime, int durationMinutes)