wc-datepicker

A small, accessible and customizable datepicker written in TypeScript.

<a href="https://sqrrl.github.io/wc-datepicker">
  <img alt="Screenshot of the datepicker" height="315" src="https://github.com/Sqrrl/wc-datepicker/blob/main/docs/images/screenshot-1.png?raw=true" width="282">
</a>







<img alt="Github test action status" src="https://github.com/Sqrrl/wc-datepicker/actions/workflows/test.yml/badge.svg" />
<img alt="Github publish action status" src="https://github.com/Sqrrl/wc-datepicker/actions/workflows/publish.yml/badge.svg" />
<img alt="Github docs action status" src="https://github.com/Sqrrl/wc-datepicker/actions/workflows/docs.yml/badge.svg" />
<img alt="Overall test coverage" src="https://img.shields.io/badge/coverage-89%25-brightgreen" />

Features

• 🦶 Small footprint: About 10 KB minified and gzipped.
• 🪁 Dependency-free: No external dependencies.
• 🖼 Framework-agnostic: Standard Web Component that works with any framework.
• 💪 Strongly typed: Written in TypeScript.
• 🧏‍♀️ Accessible: Built to support users of assistive technology.
• 🇪🇺 Localizable: Customizable labels and date formats.
• 🌈 Customizable: Semantic markup with no built-in styles.
• 🧪 Well tested: Quality assured by means of unit tests.
• 📆 Selection modes: Single date, a continuous range, or multiple non-consecutive dates.

Documentation & Demo

https://sqrrl.github.io/wc-datepicker