mui / mui-x

MUI X: Build complex and data-rich applications using a growing list of advanced React components, like the Data Grid, Date and Time Pickers, Charts, and more!
https://mui.com/x/
3.9k stars 1.19k forks source link

[pickers] New component: TimeRangePicker #4460

Open ErnestBrandi opened 2 years ago

ErnestBrandi commented 2 years ago

Benchmarks

michaldudak commented 2 years ago

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.

am-vishal commented 1 year ago

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 commented 1 year ago

+1

tfletch5 commented 1 year ago

+1

Abdelrahman-Rabi commented 1 year ago

+1

a-ahandani commented 1 year ago

+1

WinmezzZ commented 1 year ago

+1

filipstojakovic commented 1 year ago

+1

davidsl4 commented 1 year ago

+1

submetu commented 1 year ago

+1

bulatkhayrullin commented 1 year ago

+1

cardacci commented 1 year ago

+1

NonozgYtb commented 1 year ago

+1

itseasy21 commented 1 year ago

+1

flaviendelangle commented 1 year ago

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 commented 1 year ago

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.

mahouha commented 1 year ago

+1

DvirMalka commented 1 year ago

+1

dreemorra commented 1 year ago

+1

FlorianCassayre commented 1 year ago

Guys, be aware that this feature will only be made available in the paid plan, not the "community" version.

flaviendelangle commented 1 year ago

Indeed :+1:

IlliaHreben commented 1 year ago

Exactly what I need!

Rchrdlss3 commented 1 year ago

Would love to see this soon!

svez01 commented 1 year ago

+1

lobototoro commented 1 year ago

+1

robertdavidwest commented 1 year ago

+1 ! <3

ahmadgaz commented 1 year ago

+1 !!

AnvarAka1 commented 1 year ago

+1

PFJoey commented 1 year ago

+1

rdori commented 1 year ago

+1

dabi-vm commented 1 year ago

+1

AmirHmZz commented 1 year ago

+1

Lucas-Heitele commented 1 year ago

+1

gabrielemontano commented 1 year ago

+1

spmsh commented 1 year ago

+1 thanks!

danielcolgan commented 1 year ago

+1

FadiAboMsalam commented 1 year ago

+1

kennie26 commented 1 year ago

+1

dedegkaev commented 1 year ago

+1

charleneyt commented 1 year ago

+1

EitanElbaz commented 1 year ago

+1

JStevens127 commented 1 year ago

+1

kushspatel commented 1 year ago

+1

Chao00 commented 11 months ago

+1

big-duke commented 11 months ago

+1

Abusayid693 commented 11 months ago

+1

iNezerr commented 11 months ago

+1

santospatrick commented 10 months ago

+1

singagain commented 10 months ago

+1

iamtomhanks commented 10 months ago

Yeeeeeee