An accessible, framework-agnostic date picker web component built with WCAG 2.1 compliance.
Duet Date Picker is an open-source, accessible date picker component built as a web component. It solves the problem of finding a date picker that meets strict accessibility standards (WCAG 2.1) while being framework-agnostic and easy to integrate. It provides a fully functional date selection interface with support for localization, theming, and mobile devices.
Frontend developers and design system teams who need an accessible, production-ready date picker that works across multiple JavaScript frameworks or vanilla projects.
Developers choose Duet Date Picker for its strong accessibility guarantees, zero external dependencies, and seamless integration with any tech stack. Its lightweight size and built-in mobile optimization make it a reliable choice for inclusive web applications.
Duet Date Picker is an open source version of Duet Design System’s accessible date picker. Try live example at https://duetds.github.io/date-picker/
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Designed to meet WCAG 2.1 standards with documented support for VoiceOver, NVDA, JAWS, and TalkBack, including a full accessibility audit.
Works with React, Vue, Angular, Ember, or vanilla HTML, as demonstrated by detailed integration examples for each framework in the README.
Includes a modified mobile interface and touch gestures for changing months, ensuring better user experience on smartphones and tablets.
Weighs only ~10kb minified and gzipped, including all styles and icons, making it a low-impact addition to web projects.
Requires wrapper components or special configuration in frameworks like React and Vue, adding initial setup overhead beyond simple import.
Lacks built-in functionality for selecting date ranges, forcing developers to implement custom logic for common use cases like booking forms.
Customization relies on overriding CSS custom properties, and the default theme must be manually replaced, which may not suit teams wanting out-of-the-box styling.