mui-x icon indicating copy to clipboard operation
mui-x copied to clipboard

[pickers] New component: TimeRangePicker

Open ErnestBrandi opened this issue 3 years ago • 88 comments

Benchmarks

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

ErnestBrandi avatar Nov 17 '21 13:11 ErnestBrandi

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.

michaldudak avatar Nov 17 '21 14:11 michaldudak

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

am-vishal avatar Jul 04 '22 03:07 am-vishal

+1

simon-guider avatar Jul 28 '22 14:07 simon-guider

+1

tfletch5 avatar Aug 08 '22 17:08 tfletch5

+1

Abdelrahman-Rabi avatar Aug 09 '22 17:08 Abdelrahman-Rabi

+1

a-ahandani avatar Aug 12 '22 21:08 a-ahandani

+1

WinmezzZ avatar Aug 15 '22 03:08 WinmezzZ

+1

filipstojakovic avatar Aug 15 '22 07:08 filipstojakovic

+1

davidsl4 avatar Aug 15 '22 14:08 davidsl4

+1

submetu avatar Aug 24 '22 12:08 submetu

+1

bulatkhayrullin avatar Aug 26 '22 11:08 bulatkhayrullin

+1

cardacci avatar Aug 30 '22 15:08 cardacci

+1

NonozgYtb avatar Sep 07 '22 19:09 NonozgYtb

+1

itseasy21 avatar Sep 14 '22 00:09 itseasy21

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 avatar Sep 28 '22 20:09 flaviendelangle

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 avatar Oct 14 '22 13:10 flaviendelangle

+1

mahouha avatar Nov 10 '22 13:11 mahouha

+1

DvirMalka avatar Nov 13 '22 06:11 DvirMalka

+1

dreemorra avatar Nov 16 '22 09:11 dreemorra

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

FlorianCassayre avatar Nov 19 '22 16:11 FlorianCassayre

Indeed :+1:

flaviendelangle avatar Nov 19 '22 21:11 flaviendelangle

Exactly what I need!

IlliaHreben avatar Dec 07 '22 22:12 IlliaHreben

Would love to see this soon!

Rchrdlss3 avatar Jan 03 '23 13:01 Rchrdlss3

+1

svez01 avatar Jan 06 '23 22:01 svez01

+1

lobototoro avatar Jan 09 '23 10:01 lobototoro

+1 ! <3

robertdavidwest avatar Jan 20 '23 22:01 robertdavidwest

+1 !!

ahmadgaz avatar Jan 21 '23 00:01 ahmadgaz

+1

AnvarAka1 avatar Jan 22 '23 08:01 AnvarAka1

+1

PFJoey avatar Jan 26 '23 14:01 PFJoey

+1

rdori avatar Feb 03 '23 03:02 rdori