Event Date & Time Picker Widget
Component Detail
User Interface
low complexity
Shared Component
mobile
0
Dependencies
0
Dependents
0
Entities
0
Integrations
Description
Reusable date and time selection widget used within the Event Creation Wizard steps for picking event date, start time, and duration. Provides accessible touch targets and keyboard navigation, with minimum 24×24 CSS-pixel interactive areas per WCAG 2.2 AA.
event-date-time-picker
Responsibilities
- Render accessible date picker with visible focus indicator
- Render time picker supporting both touch and keyboard input
- Emit selected date/time values to parent BLoC event
- Validate selected values against business rules (e.g. date in future)
Interfaces
onDateSelected(DateTime date)
onTimeSelected(TimeOfDay time)
onDurationSelected(Duration duration)
setInitialValue(DateTime? value)
clearSelection()