mui / mui/base-ui

[pickers] Suggestions for new date picker component: "DateRange scroller"

Open
#2,724 3 comments 0 reactions 0 assignees View on GitHub
scope: pickers type: new feature
Dominant language
TypeScript
Stars
10.9k
Forks
543
Avg merge
1d 20h
Merged PRs (30d)
101

Description

### Summary

Don't mind so much the name of the component.

The component is like a range picker and thus takes a interval (startDate, endDate), but instead of picking a start and end date, you navigate back end forth in time (with the option of picking a year, month, day directly by clicking on the label representing it)

### Examples

Example screenshot where available time units are "year" and "month", and current timeUnit is "year":
Image

Example screenshot where available time units are "year" and "month", and current timeUnit is "month":

Image

Example screenshot where user has clicked the year label, and can jump to any (available) year directly.
Image

### Motivation

Giving the user the ability to quickly jump back and forth in time. Useful when user wants to quickly look at data back in time.

https://github.com/user-attachments/assets/a265013b-151a-47f2-b3f0-1786537b0eaa

**Search keywords**: DateRange

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.