WizardStepDateTimeScreen
Component Detail
Description
The second wizard step screen that captures the date and start time of the activity. It presents accessible date and time picker controls optimised for users with lower digital literacy, including large touch targets and clear labelling. The screen validates that the selected date and time are not in the future and within acceptable bounds.
wizard-step-date-time-screen
Sources & reasoning
Line 296 defines the wizard's multi-step flow in the Mobile App Architecture section. Line 316 places activity registration in Fase 1 MVP. Blueprint assigns [MVP] confirming launch-critical status. The wizard complements quick logging for activities requiring full context and is a dependency for downstream features including document attachments and formalized home-visit reports.
-
docs/source/likeperson.md · line 296Activity wizard (multi-step: contact → date → time → duration → summary)
-
docs/source/likeperson.md · line 316Aktivitetsregistrering med lavest mulig antall klikk og standardverdier
Responsibilities
- Render a date picker control with accessible large touch targets
- Render a time picker control with clear AM/PM or 24-hour support
- Validate that the selected date is not in the future
- Pass the confirmed date and time values to the parent wizard state
- Display contextual helper text explaining the expected input
Interfaces
setDate(date: Date): void
setTime(time: string): void
validate(): ValidationResult
onStepComplete(dateTime: DateTime): void