Tempocal

Highlights

  • 🕰 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!

Features

  • 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