actualbudget/actual

[Tech Debt] Change report date picker options to use date-range picker with quick-select buttons

已關閉

#6,708 建立於 2026年1月18日

 (13 則留言) (0 個反應) (0 位負責人)JavaScript (603 個分叉)batch import
good first issuehelp wantedresponsiveuser interface

倉庫指標

星標
 (7,129 顆星)
PR 合併指標
 (平均合併 4天 15小時) (30 天內合併 165 個 PR)

描述

The current date-picker with quick select options has gotten ridiculously long. It looks quite bad on desktop and even worse on mobile.

Objective:

Refactor it to use a date-range picker with quick-pick options.

The ideal solution would use react-aria as a base and extend it with the extras we need. This is because we already extensively use this dependency. Pulling in a new dependency could also work, but we need to evaluate it carefully (i.e. does it significantly increase the bundle size? is the dependency maintained? etc.)


Inspiration:

react-aria date-range picker: https://react-aria.adobe.com/DateRangePicker

daterangepicker: http://www.daterangepicker.com


Please post a screenshot mockup of your proposed UI/UX before sending a PR so we can discuss it. We do not assign issues to specific people.

貢獻者指南