# 5th November 2025 — Select Specific Multiple Events [#74](https://github.com/nbarrett/ngx-ramblers/issues/74)
## [build 349](https://github.com/nbarrett/ngx-ramblers/actions/runs/19097473214) — [closes #74](https://github.com/nbarrett/ngx-ramblers/issues/74) — [commit 4d44571](https://github.com/nbarrett/ngx-ramblers/commit/4d44571)

Added ability to select specific individual events within a date range for display on dynamic content pages, perfect for days with multiple walks.

**Where to Find It**

- **Dynamic Content → Events Row**: New "Specific Events" selector in edit mode
- **Page Editor**: Event configuration between event types and filter criteria

**Benefits**

- **Precise Control**: Select exactly which events appear on specific pages
- **Multiple Events Per Day**: Choose individual walks when multiple occur on same day
- **Curated Display**: Groups can showcase specific events rather than all in date range
- **Backward Compatible**: Empty selection shows all events as before
- **Clear Labeling**: "Specific Events (leave empty to show all events within date range)"

**Technical Details**

Data Model:
- Add optional eventIds array to EventsData model
- Store selected event IDs for filtering

Component Enhancement:
- GroupEventSelectorComponent supports multiple selection mode
- Add multiple Input parameter and eventIds array binding
- Add eventsChange Output for emitting multiple selected events
- Update UI with multi-select dropdown when multiple=true
- Update ngModel binding for both single and multiple modes

Dynamic Content Integration:
- Add event selector UI between event types and filter criteria
- Wire selected events to EventsData.eventIds array
- Implement filterByEventIds() in Events component
- Filter only when eventIds array is populated
- Works seamlessly with existing date range and type filtering

Note: This follows two previous attempts to fix event row rendering issues, which were reverted. The final solution focuses on event selection rather than render synchronization.