Feature: DatePicker

[shafkathullah]

A headless DatePicker will be great!

[changesbyjames]

I've been using headlessui since pre-release and I love it's flexibility so I've been seeking out other libraries that attempt to solve a similar thing. I've been using this headless calendar/date picker hook in a recent project. It's not super used and has some gnarly edge cases but it could be a good starting point for the design?

[brielov]

Any news on this?

[itstimwhite]

New calenders in Tailwind UI look great, would love to see a headless Ui component.

[shafkathullah]

officially It's not in plan at least this time

[rubber-duck-software]

A custom date input component is a very common need in a project and so several component libraries include this in their standard set of components. See

• https://mui.com/x/react-date-pickers/date-field/
• https://ant.design/components/date-picker
• https://buefy.org/documentation/datepicker

Now, if HTML includes a <input type="date" /> why do component libraries feel the need to reinvent the wheel? Simply put, the HTML standard is not flexible enough for lots of applications. Much like datalist doesn't cut it for many Combobox scenarios and select doesn't cut it for many Listbox scenarios, <input type="date" /> doesn't cut it for many DateInput scenarios.

Further, a good custom DateInput has a lot of logic to make it behave just right. This makes DateInput an ideal candidate for HeadlessUI treatment.

I propose a new HeadlessUI component called DateInput. It would behave similar to the Native date input in Safari and Chrome, in that, as the types, the cursor would be selecting different parts of the input to guide the user through typing a date.

I am already working on a Headless implementation of this and would be happy to create an initial PR if this idea is accepted

[aliakbarazizi]

Hey, I created a new library for datepicker
check it out and let me know if you have any issues
https://github.com/aliakbarazizi/headless-datepicker

it support any kind of picker or calendar
you can see all in storybook demo pages

[Askarov5]

Any updates on this?

[shafkathullah]

I now use react aria components, which has best support for date/calendar related stuff, highly customisable.