docs/features/broker-events-and-payouts/plan.md

@@ -207,3 +207,15 @@ Overview получает компактный блок ближайших со
   - `npm run build -w apps/frontend`
   - `npm run build -w apps/docs` если публичные docs менялись
   - `npm run codegen -w apps/frontend` если Swagger-контракт обновлён
+
+### Frontend date range UI
+
+Даты хранятся в URL-параметрах `from` / `to` для возможности поделиться ссылкой. На странице — два `TextField[type=date]` из дизайн-системы. dayjs для форматирования, валидации и дефолтов.
+
+Поток данных:
+
+```
+useSearchParams → from/to → useBrokerEvents(query) → TanStack Query (автоrefetch)
+```
+
+Дефолт при первом визите без параметров: today – today+7d. Валидация: to >= from. При невалидных датах — показ ошибки под полем, запрос не выполняется.

docs/features/broker-events-and-payouts/tasks.md

@@ -57,8 +57,11 @@
 
 - [x] Добавить новый раздел `События` в `BrokerAccountLayout`.
 - [x] Добавить маршрут `/broker/:accountId/events`.
-- [ ] Реализовать выбор диапазона дат.
-  (Deferred: первая версия использует фиксированный период today+7d. UI для выбора дат — follow-up.)
+- [x] Реализовать выбор диапазона дат.
+  - [x] Добавить два TextField[type=date] из дизайн-системы на страницу событий.
+  - [x] Синхронизировать from/to с URL-параметрами (useSearchParams).
+  - [x] dayjs для валидации, форматирования и дефолтов (today–today+7d).
+  - [x] Валидация to >= from с показом ошибки под полем.
 - [x] Реализовать summary по выбранному периоду.
 - [x] Реализовать список событий с признаком `estimate`.
 - [ ] Разделить денежные и неденежные события на уровне представления.