<date-picker/>

A simple date picker web component built with Vanilla JS 🗓️

Usage

First import the component

<script src="https://unpkg.com/@abelgarcia2/date-picker@0.1.2-dev/dist/bundle.min.js"></script>

Then use the component in your html

<date-picker id="picker" style="width: 300px;"></date-picker>

Get selected date

document.getElementById("picker").getSelectedDate()

Listen to changes

let picker = document.getElementById("picker");
picker.addEventListener('changeDate', (event) => console.log(event.detail));

Example

See working example at codi.link