Date Range Picker
Date selection for History filtering.
Preset Buttons
Quick selection options:
- Today: Current day only
- 7 days: Last week
- Month: Current calendar month
- 30 days: Last 30 days
- 3 months: Last 3 months
- Year: Current calendar year
Period Navigation
Arrow buttons [<] and [>] shift the date range by the selected period:
- After selecting “Today”, arrows shift by 1 day
- After selecting “7 days”, arrows shift by 7 days
- After selecting “Month”, arrows shift by 1 calendar month
- After selecting “30 days”, arrows shift by 30 days
- After selecting “3 months”, arrows shift by 3 months
- After selecting “Year”, arrows shift by 1 year
Custom Range
Two DatePickers:
- From: Start date (inclusive)
- To: End date (inclusive)
Selecting a preset updates both pickers.
Bindings
@Binding var startDate: Date
@Binding var endDate: Date Related
- 407-history-section - Parent component
- 306-report - Uses same date range for reports