Calendar
A calendar consists of a grouping element containing one or more date grids (e.g. months), and a previous and next button for navigating between date ranges. Each calendar grid consists of cells containing button elements that can be pressed and navigated to using the arrow keys to select a date.
Figma Link:
Log in to comment and vote
Comments7
Muhamad Andri
Nov 30, 2025
It possible to also have year and month picker like ant design? Because it really help pick the specific date
Никита
Nov 25, 2025
Please, implement the calendar width based on flex adaptive design.
In previous version (2.x) of HeroUI I put this calendar into modal and I had to use scale feature CSS to make it bigger. So, please, implement using nice markup and adaptive design.
Thanks for your work!
Junior Garcia
Nov 25, 2025
We will do our best, probably a prop
fullWidthcould help, thanks!Никита
Nov 27, 2025
Yes, but also is nice to have ‘slots’ for override styles by some new variables like we do so for other components. Thank you, you’re doing the best UI library!
Zeynalabdin Gadirov
Oct 29, 2025
Please add all languages to calendar. Example: Azerbaijani language
Sasa Sijak
Sep 12, 2025
Will this come with the date input component? Please don’t wait long time again to implement it like in v2, its used in literally any non trivial webapp. :)
Junior Garcia
Sep 12, 2025
We’re doing our best, stay tuned! 🚀