diff --git a/docs/features/broker-events-and-payouts/plan.md b/docs/features/broker-events-and-payouts/plan.md index 9a1b22d..447e1b3 100644 --- a/docs/features/broker-events-and-payouts/plan.md +++ b/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. При невалидных датах — показ ошибки под полем, запрос не выполняется. diff --git a/docs/features/broker-events-and-payouts/tasks.md b/docs/features/broker-events-and-payouts/tasks.md index 6c75278..8bb904c 100644 --- a/docs/features/broker-events-and-payouts/tasks.md +++ b/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`. - [ ] Разделить денежные и неденежные события на уровне представления.