• ๐Ÿ•ฐ Built with Temporal API (stage 3) and temporal-polyfill
  • ๐Ÿค Localizable with Intl API
  • ๐Ÿš› Bring your own DOM!
  • โœจ Calendars, date pickers (with or without time), date range, anything goes!
  • ๐Ÿคนโ€โ™‚๏ธ Well suited for complex use cases!
  • ๐Ÿค“ Available as ESM and CJS!


  • useTempocal hook handles the intricacies of managing Temporal values for controlling a calendar. It can pick a:
    • Date
    • Date range
    • Date and time
    • Date and time range
  • Calendar component covers the basics and render props open up near infinite customizability. It can optionally:
    • Fill calendar with days from surrounding months
    • Display multiple months
    • Minimum and maximum dates
    • Custom start of week day

Getting started

npm install @tempocal/react @js-temporal/polyfill