Tommy's inclusive datepicker
A human-friendly and fully accessible datepicker with support for natural language input. Now as a standard Web Component written in Typescript!
Try typing "tomorrow" or "in 10 days"!
Calendar is forked from the excellent sqrrl/wc-datepicker
Features
π§β Natural language input
Text field accepts natural language input using Chrono.js. Try typing "yesterday", "May tenth" or "in one year"!.
π§β Accessibility first
Built to support users of assistive technology. Follows the WAI-ARIA APG Datepicker dialog pattern.
πΌ Framework-agnostic
Standard Web Component that works with any framework β or no framework at all.
π¦Ά Small footprint
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.
πͺ Low dependency
External dependencies limited to accessibility utils (@react-aria/live-announcer, @a11y/focus-trap and aria-hidden).
πͺ Strongly typed
Written in TypeScript.
πͺπΊ Localizable
Customizable labels and date formats.
π Customizable
Semantic markup with no built-in styles.
π§ͺ Well tested
Quality assured by means of unit tests.