A human-friendly datepicker โ now as a Web Component! Supports natural language input through Chrono.js. Fully accessible with keyboard and screen reader. Contributions welcome!
MIT License
Text field accepts natural language input using Chrono.js. Try typing "yesterday", "May tenth" or "in one year"!.
Built to support users of assistive technology. Follows the WAI-ARIA APG Datepicker dialog pattern.
Standard Web Component that works with any framework โ or no framework at all.
The component is ~45KB minified and gzipped with Chrono.js. If you do not need language parsing, the original sqrrl/wc-datepicker calendar is ~4KB.
External dependencies limited to accessibility utils (@react-aria/live-announcer, @a11y/focus-trap and aria-hidden).
Written in TypeScript.
Customizable labels and date formats.
Semantic markup with no built-in styles.
Quality assured by means of unit tests.