FilterOldTimeframe
components/filter/old/Timeframe.vue
A pill-shaped "When = <label>" dropdown for picking a timeframe — click to open, click outside or select to close. Purely presentational; the consumer owns where the value actually lives (route query, store, etc). Still used live inside FilterOldManage's timeframe row (Filter's Config modal).
When
=
Past 24 hours
Scenarios
No match — falls back to the first option's label
When
=
Past 15 minutes
Two options
When
=
Past hour
components/filter/old/Timeframe.vue
Usage
<FilterOldTimeframe
:modelValue = "modelValue"
:options = "(required)"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| modelValue | [String, Number] | null | The selected option's value. |
| options | Array | (required) | { value, label }[]. |
Events
| Event | Description |
|---|---|
| update:modelValue | Fired with the newly selected option's value. |