Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[pickers] New component: TimeRangePicker #4460

Open
ErnestBrandi opened this issue Nov 17, 2021 · 89 comments · May be fixed by #9431
Open

[pickers] New component: TimeRangePicker #4460

ErnestBrandi opened this issue Nov 17, 2021 · 89 comments · May be fixed by #9431
Assignees
Labels
component: pickers This is the name of the generic UI component, not the React module! linked in docs The issue is linked in the docs, so completely skew the upvotes new feature New feature or request plan: Pro Impact at least one Pro user

Comments

@ErnestBrandi
Copy link

ErnestBrandi commented Nov 17, 2021

Benchmarks

@ErnestBrandi ErnestBrandi added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Nov 17, 2021
@michaldudak
Copy link
Member

michaldudak commented Nov 17, 2021

We don't have it on the roadmap as of now. However, if we see significant interest in the community, we may consider creating one.

Edit: it's in our roadmap, and trying to find bandwidth to implement it.

@michaldudak michaldudak added new feature New feature or request waiting for 👍 Waiting for upvotes and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Nov 17, 2021
@flaviendelangle flaviendelangle transferred this issue from mui/material-ui Apr 12, 2022
@flaviendelangle flaviendelangle added the component: pickers This is the name of the generic UI component, not the React module! label Apr 12, 2022
@flaviendelangle flaviendelangle added the plan: Pro Impact at least one Pro user label Apr 21, 2022
@oliviertassinari oliviertassinari added the linked in docs The issue is linked in the docs, so completely skew the upvotes label Apr 26, 2022
@am-vishal
Copy link

we need time range picker in @mui something like this.
I found many people facing similar issues.
https://stackoverflow.com/questions/72811784/from-time-and-to-time-validation-in-react-dropdown-react-datepicker-hour

@simon-guider

This comment was marked as duplicate.

11 similar comments
@tfletch5

This comment was marked as duplicate.

@Abdelrahman-Rabi

This comment was marked as duplicate.

@a-ahandani

This comment was marked as duplicate.

@WinmezzZ

This comment was marked as duplicate.

@filipstojakovic

This comment was marked as duplicate.

@davidsl4

This comment was marked as duplicate.

@submetu

This comment was marked as duplicate.

@bulatkhayrullin

This comment was marked as duplicate.

@cardacci

This comment was marked as duplicate.

@NonozgYtb

This comment was marked as duplicate.

@itseasy21

This comment was marked as duplicate.

@flaviendelangle flaviendelangle changed the title Time Range Picker New component: Time Range Picker Sep 15, 2022
@flaviendelangle flaviendelangle changed the title New component: Time Range Picker New component: TimeRangePicker Sep 15, 2022
@flaviendelangle
Copy link
Member

flaviendelangle commented Sep 28, 2022

Small update here.
We know that a lot of people are waiting for this feature and it remains one of our top priority.

The team is currently rebuilding the input part of the pickers from scratch to provide a better experience.
We should be able to soon release a first documented (but still unstable) version of those components soon.
You can find a basic internal documentation of those components here if you are curious.

The plan is then to create new keyboard-only components from time range and date time range in the coming weeks.
And then to build new pickers around them, just like we plan to migrate the already existing pickers to those new components.

In summary the TimeRangePicker will come in two steps:

  1. It's keyboard-only component (probably by the end of October with an Unstable_ prefix)
  2. It's full picker with the calendar views (probably at the beginning of 2023, maybe before with an Unstable_ prefix)

@flaviendelangle
Copy link
Member

As mentioned a few days ago, we now have a new component for date time range editing called MultiInputTimeRangeField (very long name, but a SingleInputTimeRangeField is in the pipeline).

The documentation is available here
It is still very early-stage but will serve as the baseline for the future TimeRangePicker.
So the more feedback we have to improve it, the easier it will be to build this new picker.

@flaviendelangle flaviendelangle changed the title New component: TimeRangePicker [pickers] New component: TimeRangePicker Oct 17, 2022
@mahouha

This comment was marked as duplicate.

@onedotsix

This comment was marked as duplicate.

@amillemanthree30

This comment was marked as duplicate.

@georgeschulz

This comment was marked as duplicate.

@HexaJohn

This comment was marked as duplicate.

1 similar comment
@mahatosourav91

This comment was marked as duplicate.

@JoaoAMarinho

This comment was marked as duplicate.

@rcasca

This comment was marked as duplicate.

3 similar comments
@codegenixdev

This comment was marked as duplicate.

@D2XHibinger

This comment was marked as duplicate.

@HolyNoodle

This comment was marked as duplicate.

@kpsolo

This comment was marked as duplicate.

@abraham-shimelis

This comment was marked as duplicate.

@amcmilne

This comment was marked as duplicate.

2 similar comments
@creightonfrance

This comment was marked as duplicate.

@Annastrin

This comment was marked as duplicate.

@ngouy
Copy link

ngouy commented Jul 9, 2024

@michaldudak could you put a hard number on if we see significant interest in the community, we may consider creating one. please?

Some might consider 700+ as significant, some other not. Curious on the number you have in mind in these situations

@flaviendelangle
Copy link
Member

We don't have fixed number because it depends a lot on the complexity of the feature.
A small feature might be created after just a dozen up-votes, a whole new set of component will of course require more traction.
For the TimeRangePicker, it's under development 👍

@tcho-livex

This comment was marked as duplicate.

2 similar comments
@fnedic

This comment was marked as duplicate.

@harrysingh

This comment was marked as duplicate.

@Michael-Patrick-Lynch

This comment was marked as duplicate.

4 similar comments
@m-ehab2

This comment was marked as duplicate.

@ingrid0b

This comment was marked as duplicate.

@SaptooAji

This comment was marked as duplicate.

@macmartins

This comment was marked as duplicate.

@oliviertassinari
Copy link
Member

In https://mui.com/blog/mui-x-v8-alpha-zero/ we communicated that MUI X v8.0 aims to include this issue.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: pickers This is the name of the generic UI component, not the React module! linked in docs The issue is linked in the docs, so completely skew the upvotes new feature New feature or request plan: Pro Impact at least one Pro user
Projects
Status: In progress now
Development

Successfully merging a pull request may close this issue.