Date Range Filter Widget
Component Detail
User Interface
low complexity
frontend
0
Dependencies
1
Dependents
0
Entities
0
Integrations
Description
UI control allowing admins and coordinators to select a date range for dashboard KPI filtering. Provides preset options (last 30 days, last quarter, year-to-date) alongside a custom date picker. Triggers dashboard data refresh on selection change.
date-range-filter-widget
Responsibilities
- Render preset date range options and a custom date picker
- Emit date range change events consumed by the dashboard screen
- Persist selected range in component state for the session
- Ensure date picker is keyboard-accessible and screen-reader-compatible
Interfaces
renderDateRangeFilter(currentRange)
selectPresetRange(preset)
selectCustomRange(startDate, endDate)
onRangeChange(callback)