Event Creation Wizard
Component Detail
User Interface
medium complexity
mobile
0
Dependencies
0
Dependents
1
Entities
0
Integrations
Description
Multi-step Flutter screen guiding users through event creation: title, date, time, duration, location, and summary. Managed by BLoC with inline field validation before each step advance. Meets WCAG 2.2 AA with semantic labels, visible focus indicators, and minimum 24x24 touch targets.
event-creation-wizard
Responsibilities
- Render step-by-step wizard UI for all six event fields
- Display inline validation errors and guide user to next step
- Submit completed event form to Event Service
- Show draft recovery prompt when a cached draft is detected
- Ensure all interactive elements meet WCAG 2.2 AA accessibility requirements
Interfaces
EventCreationWizard()
onStepComplete(stepIndex)
onSubmit(eventDraft)
onDraftRestored(draft)
onCancel()
Sub-Components (2)
Event Wizard Step Widget
component
low
Reusable step container widget that wraps each wizard step with a consistent header, progress indicator, back/next navigation controls, and accessible focus management. Shared across all six wizard steps.
- Render step header with title and progress indicator
- Provide accessible back and next navigation controls
- Manage focus to first interactive element on step entry
Event Location Picker Widget
component
low
Input widget for the location step, providing a free-text field with optional address suggestions. Handles keyboard dismissal and minimum touch target compliance.
- Accept free-text location input with optional type-ahead suggestions
- Validate that location is non-empty before allowing step advance
- Dismiss keyboard on step navigation