[pickers] New component: TimeRangePicker

ErnestBrandi commented 2 years ago

Benchmarks

https://demo.mobiscroll.com/jquery/range/time-range#

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.~

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

am-vishal commented 2 years 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 2 years ago

+1

tfletch5 commented 2 years ago

+1

Abdelrahman-Rabi commented 2 years ago

+1

a-ahandani commented 2 years ago

+1

WinmezzZ commented 2 years ago

+1

filipstojakovic commented 2 years ago

+1

davidsl4 commented 2 years ago

+1

submetu commented 2 years ago

+1

bulatkhayrullin commented 2 years ago

+1

cardacci commented 2 years ago

+1

NonozgYtb commented 2 years ago

+1

itseasy21 commented 2 years ago

+1

flaviendelangle commented 2 years 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:

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

flaviendelangle commented 2 years 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.