Date/Time Range Filter - Githubissues

WordPress / gutenberg

The Block Editor project for WordPress and beyond. Plugin is available from the official repository.

https://wordpress.org/gutenberg/

Other

10.18k stars 4.06k forks source link

Date/Time Range Filter #60971

Open emaurer11 opened 3 months ago

emaurer11 commented 3 months ago

What problem does this address?

The current component does not:

select date ranges
allow users to also choose custom times

What is your proposed solution?

build custom calendar for selecting date ranges see demo
add ability to select time presets
build out responsive (mobile) version of the component (noting that the design for this is not completed yet)

cc @noisysocks

colorful-tones commented 3 months ago

All the links in this request are private P2s. This does not seem all that transparent, and it might be advisable to keep the discussion to internal P2s since nobody beyond Automattic employees has visibility into the full context.

noisysocks commented 3 months ago

Thanks for sharing your mockups of this. I believe we'll need this for Data Views so it makes sense to add this feature to @wordpress/components.

mirka commented 3 months ago

Just to make sure we're on the same page — we are buildling a new DateRangePicker (name TBD) that is two DatePickers linked together with range selection functionality. Everything else in the mockup is extender territory.

We'll probably need to change the "selected date" indicator in DatePicker itself from a circle to a square so it translates better into a range selection scenario.