Date & Time Step Screen
Component Detail
User Interface
medium complexity
mobile
2
Dependencies
1
Dependents
0
Entities
0
Integrations
Description
Second wizard step presenting WCAG 2.2 AA compliant custom date and time pickers with 44×44px touch targets and fully keyboard-accessible number inputs. Pre-fills current date and time as defaults per the standardized values pattern used across all activity registration flows.
date-time-step-screen
Responsibilities
- Render accessible date picker with large touch targets
- Render accessible time picker with keyboard number input
- Pre-populate with current date and time as defaults
- Validate date is not in the future beyond allowed range
- Communicate selected date-time to WizardStateManager BLoC
Interfaces
DateTimeStepScreen({required WizardStateBloc bloc})
onDateChanged(DateTime date)
onTimeChanged(TimeOfDay time)
onStepAdvance()
onStepBack()
buildDatePicker(DateTime initial)
buildTimePicker(TimeOfDay initial)
validateDateTimeRange(DateTime selected)
Relationships
Dependencies (2)
Components this component depends on