<div align="center">
  <h1>wc-datepicker</h1>
  
  <p><strong>A small, accessible and customizable datepicker written in TypeScript.</strong></p>
  
  <p>
    <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>
  </p>
  
  <div>
    <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" />
  </div>
</div>

## 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**
