Getting Started

Installation

npm install @tito10047/vanilla-js-datepicker

Basic usage

<input id="dp" type="text" />

import { Datepicker } from '@tito10047/vanilla-js-datepicker';
import '@tito10047/vanilla-js-datepicker/dist/datepicker.css';

const dp = new Datepicker('#dp', {
  format: 'YYYY-MM-DD',
  locale: 'en',
});

CDN (UMD)

<link rel="stylesheet" href="https://unpkg.com/@tito10047/vanilla-js-datepicker/dist/datepicker.css" />
<script src="https://unpkg.com/@tito10047/vanilla-js-datepicker/dist/datepicker.umd.js"></script>
<script>
  const dp = new VanillaDatepicker.Datepicker('#dp', { locale: 'en' });
</script>

Auto-init via data attributes

<input data-datepicker data-datepicker-options='{"locale":"en"}' />

import { Datepicker } from '@tito10047/vanilla-js-datepicker';
Datepicker.autoInit(); // initialises all [data-datepicker] elements

Cleanup

Always call destroy() when removing the element from the DOM to prevent memory leaks:

dp.destroy();