customizable date range with granularity to the hour. eg they can select 12pm on 2022-11-01 to 2pm on 2022-11-02
all monthly earnings periods from november 2022 to the current month, inclusive
at a high level, these date ranges fall into three groups:
past N days
past monthly earnings periods
customizable date range
my first idea on the best way to visually separate all the options is into three discrete groups/sections in the new date range dropdown. each section can be separated with a divider and/or subtitle. for example:
#### Past N days
* Past 24 hours
* Past 7 days
* Past 30 days
* Past 90 days
* Past 365 days
#### Earnings periods
* November 2022
* December 2022
* January 2023
#### Date Range
[start date selector] [end date selector]
for the available earnings periods, make available all earnings period months from the current month back to november 2022, inclusive. this can be done client side in JS by looking at the current month, eg with new Date(), and then include the current month and all months back to, and including, november 2022
this new date range dropdown div will be larger than the current dropdown. so it could either open up in a bigger dropdown, like:
or if that's still too cramped or awkward, the date range could be moved to the upper right of the page
to add:
12pm on 2022-11-01to2pm on 2022-11-02at a high level, these date ranges fall into three groups:
my first idea on the best way to visually separate all the options is into three discrete groups/sections in the new date range dropdown. each section can be separated with a divider and/or subtitle. for example:
for the available earnings periods, make available all earnings period months from the current month back to november 2022, inclusive. this can be done client side in JS by looking at the current month, eg with
new Date(), and then include the current month and all months back to, and including, november 2022this new date range dropdown div will be larger than the current dropdown. so it could either open up in a bigger dropdown, like:
or if that's still too cramped or awkward, the date range could be moved to the upper right of the page
like google analytics