TabworthyDates and TabworthyTimes components

A human-friendly and fully accessible datepicker and datetimepicker with partial support for natural language input.

Now as a standard Web Component written in Typescript with 100% test coverage!

Try typing "tomorrow" or "in 10 days"!

Datepicker is forked from the excellent fymmot/inclusive-dates

Github test action status Github docs action status Codecov coverage NPM version
### Documentation & [Demo](https://tabworthy.github.io/tabworthy-components) All components are documented in Storybook, which also serves as a demo. You can find it here: **https://tabworthy.github.io/tabworthy-components/** If you just interested in API documentation for components without the demo, you can find it here: * [TabworthyDates](https://github.com/tabworthy/tabworthy-components/tree/main/src/components/tabworthy-dates) * [TabworthyTimes](https://github.com/tabworthy/tabworthy-components/tree/main/src/components/tabworthy-times) ### Features #### Natural language input Datepicker 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. #### 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. #### 100% Test Coverage Quality assured by means of unit tests.