# duetds/date-picker

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/

Repository: https://github.com/duetds/date-picker
Canonical: https://ross.abutalabs.com/products/date-picker
Homepage: https://www.duetds.com
Language: TypeScript
License: MIT
License Family: permissive
Topics: javascript, javascript-library, web-component, webcomponent, date-picker, datepicker, calendar-component, calendar-widget, datepicker-component, stenciljs, stencil-js, accessibility
Archived: true
Last push: 2024-03-19T15:57:33+00:00

## Health v2 (maintenance only)
Score: 10/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 0, release rhythm 35, longevity 100
- inputs: {"age_days": 2212, "days_push": 897, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases, archived
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1721, forks 73 (observed 2026-08-28T04:05:27.702099+00:00)

## What it is
Duet Date Picker is an open source, accessible date picker built as a framework-agnostic Web Component using Stencil.js. It supports WCAG 2.1, screen readers, keyboard navigation, theming via CSS custom properties, localization, and min/max date constraints in ISO-8601 format.

## Use cases
- add an accessible date picker to a web form
- pick dates in any JavaScript framework or plain HTML
- build forms that comply with WCAG 2.1 for screen reader users
- localize date parsing and formatting for international users
- restrict date selection to a min/max range
- theme a calendar widget with CSS custom properties
- support touch gestures for month navigation on mobile

## When to choose
- accessibility is a hard requirement (WCAG 2.1, screen readers, keyboard support)
- you need a framework-agnostic web component with no external dependencies
- you want a lightweight (~10kb) date picker with theming and localization
- you need mobile-friendly touch gestures and responsive UI

## When to avoid
- you need a full-featured date range picker or time selection
- you must support very old browsers beyond IE11/Edge 17+
- you want a date picker tightly integrated with a specific framework's ecosystem
- you need active feature development - the project is in maintenance mode

## Facets
- artifact type: library
- maturity: maintenance
- function: ui-components, form-handling, accessibility, theme
- domain: web-development, frontend, accessibility
- platform: browser, cross-platform
- tags: web-component, date-picker, stenciljs, wcag, screen-reader-support, localization, keyboard-navigation, framework-agnostic, web-server

## Member repositories
- duetds/date-picker (main) score 10

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:05:27.702099+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T03:34:01.821274+00:00, confidence not recorded.
  - readme: https://github.com/duetds/date-picker (fetched 2026-08-28T04:05:27.702099+00:00, sha 754d6ce36df1)
  - homepage: https://www.duetds.com (fetched 2026-08-29T11:10:20.040495+00:00, sha c8125a4250d1)
  - site_page: https://www.duetds.com/getting-started (fetched 2026-08-29T11:10:20.049458+00:00, sha 94b797459e1f)
  - site_page: https://www.duetds.com/about (fetched 2026-08-29T11:10:20.051157+00:00, sha e64f35b147da)
  - site_page: https://www.duetds.com/tokens (fetched 2026-08-29T11:10:20.052864+00:00, sha 478c6a54c9cc)
  - site_page: https://www.duetds.com/changelog (fetched 2026-08-29T11:10:20.056170+00:00, sha c001eeb7ec40)
  - site_page: https://www.duetds.com/faq (fetched 2026-08-29T11:10:20.063299+00:00, sha a526233a1e72)
- Data as of 2026-08-30T08:39:29.467469+00:00.