Calendar & Datepicker

[kamami]

We are in desperate need of a good calendar component. Currently the shadcn calendar component is only running with an outdated react-day-picker version, which does not support timezones. I saw on X that shadcn is working on it, but there was no feedback when we can expect this to be released and we can not wait another 4 weeks. Do you know what the status of this is?

[lanzclintonv]

I created one based on zag.js

https://gist.github.com/lanzclintonv/299f8738b8dc6dec85d15c51d4bd92b2

Just get the dependencies and try it out

npm install @zag-js/date-picker @zag-js/react

[kamami]

Thank you, looks good! I will it give it a try!

[lanzclintonv]

No problem. Just refer to zag's documentation if you need more details.

This component is reusable with the machine props exposed. If you click on the month name, it will change to a month picker view then if you click the year it will change to a year picker view.

You can also use it as a month picker or a year picker which shadcn lacks, just use the minView prop.