Skip to content

A human-friendly datepicker. Supports natural language manual input through Chrono.js. Fully accessible with keyboard and screen reader. Contributions welcome!

License

Notifications You must be signed in to change notification settings

Sander-Hub/inclusive-dates

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Inclusive Dates datepicker

A human-friendly and fully accessible datepicker. Currently proof-of-concept, help me improve it!

Demo

https://fymmot.github.io/inclusive-dates/

Main features

  • Text input field that supports natural language processing through Chrono.js. You can type tomorrow, "May fifteen" or "In 5 days"!
  • Shortcut buttons make it easy to select most common dates.
  • Calendar widget with full keyboard and screen reader support

Other cool stuff

  • Progressive enhancement - degrades gracefully when user does not have JavaScript or CSS
  • On-demand help feature for screen reader and keyboard users
  • Robust construction for screen readers. Does not rely on complex WAI-ARIA techniques. Has been user tested!
  • Automated accessibility tests with aXe integrated in build process

How to install

  • Run npm install
  • Run gulp for build and watch

About

A human-friendly datepicker. Supports natural language manual input through Chrono.js. Fully accessible with keyboard and screen reader. Contributions welcome!

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 63.3%
  • SCSS 26.6%
  • HTML 6.0%
  • CSS 4.1%