Duration Step Screen
Component Detail
User Interface
low complexity
mobile
1
Dependencies
1
Dependents
0
Entities
0
Integrations
Description
Third wizard step for specifying activity duration using predefined quick-select options (e.g., 30 min, 1 hr, 2 hr) alongside a custom numeric input. Defaults to 30 minutes as the most common value. Supports WCAG 2.2 keyboard accessibility with focus management.
duration-step-screen
Responsibilities
- Display quick-select duration chip options
- Allow custom duration entry via accessible number field
- Default to 30 minutes as initial value
- Validate duration is within acceptable bounds
- Communicate selected duration to WizardStateManager BLoC
Interfaces
DurationStepScreen({required WizardStateBloc bloc})
onDurationSelected(Duration duration)
onCustomDurationEntered(int minutes)
onStepAdvance()
onStepBack()
buildQuickSelectChips(List<Duration> options)
buildCustomDurationInput()