[New Primitive] `DatePicker`

[ranjithpmankada]

Feature request

Overview

Examples in other libraries

Who does this impact? Who is this for?

Additional context

[benoitgrelard]

@ranjithpmankada I'm guessing you meant "Date" picker right? I've updated the title, but let me know if you meant something else.

[nathanielrindlaub]

If we are in fact talking about a date picker - I too would love to see a primitive for it!

[yumin-chen]

Seems to be a duplicate of https://github.com/radix-ui/primitives/discussions/969 but I too would love to see a date picker and a date range picker primitive too.

[abhic91]

Seems to be a duplicate of #969 but I too would love to see a date picker and a date range picker primitive too.

until then https://react-spectrum.adobe.com/react-aria/useDatePicker.html

[rawnly]

I recently built my own DateRangePicker combining radix and @h6s/calendar it actually works pretty well and seems to have good accessibility too (is still wip).

I can share a gist if this can help someone ✌️

[nathanielrindlaub]

@Rawnly I'd love to take a look at a Gist!

[rawnly]

@nathanielrindlaub here it is! https://gist.github.com/Rawnly/4ee653d5556ce354c491d20eb1c63027 As i said, is still a POC so no optimisation and code quality might not be the best.

[emigdio821]

I recently built my own DateRangePicker combining radix and @h6s/calendar it actually works pretty well and seems to have good accessibility too (is still wip).

I can share a gist if this can help someone ✌️

This is looking nice! @Rawnly , do you have an example (CodeSandbox) to see it in action? thanks.

[rawnly]

Hey, @emigdio821 unfortunately I'm not able to post any source code for this since it is for my company. Anyway, using a headless calendar + radix popover does the trick. You may want to use a state machine to handle steps and avoid impossible states :)

[a-type]

I know this is probably not an active pursuit of the team at the moment, but I have a library called calendar blocks which is pretty in-line with the Radix unstyled & composable methodology. I'd be happy to have it 'adopted,' even just absorbed, into Radix if the team is interested.

It mostly does keyboard interaction while staying out of the way in terms of structure and visual design. For example, you could render a single calendar grid, a dual-month view, or even a vertical infinite list of dates, all of which utilize the same underlying state values.

[tannermann]

Support for new date/time/datetime primitives

[Brenndoerfer]

Would love to see this, too

[udaya28]

Waiting for date and time picker primitive can someone suggest any headless date and time picker for react?

[rawnly]

@udaya28 i used @h6s/calendar

[snovos]

Any update? Its been almost a year since initial feature request was opened. Seems like datepicker is in high demand within community

[DarioLopes]

Shadcn has it, patiently waiting for this to come to our beloved Radix 😄

[sersavan]

Hi, try this one assembled with shadcn

https://shadcn-calendar-component.vercel.app