DatePicker Hour/Minute support

[FranzVDB]

Problem or use case

Many times when using a date picker, you need to fill in hour / minute too, like for when an event starts.

So atm im allowed to set granularity="minute" :
<DatePicker aria-label="Date picker" value={value} granularity="minute" onChange={setValue} />

but not the best UX when using DatePicker - AND DateRangePicker UI breaks when used like this.

DatePicker:

DateRangePicker:

Proposed solution

The DatePicker from React Aria already supports this, but the UI needs to be designed to handle it among other customization.

Alternatives considered

My alternative solution will be to implement it myself

Examples or mockups

just my "old" date picker before switching to untitled:

[deebov]

Hey @FranzVDB, thanks for opening this issue!

I'll add this to our pipeline for the next version of the library as this needs to be beautifully designed first before we can implement it.

[FranzVDB]

@deebov Sounds good! Then i'll implement the bear minimum my self until the next version comes :D

[FranzVDB]

here is my progress:

Still debating with my self if there should be a "header" above the numbers saying "hour" and "minut" like with the days in the calender (Su, Mo, Tu, We... etc)

[Technoph0be]

Hi, I agree on adding hour and minute info for more clarity for our users.