Fix - Datepicker custom events don't bubble (#157 - Thank you, @gucki)
Fix - Focus doesn't move to the next field by pressing the tab key on the associated input field (#156)
Fix - Picker is shown below the input field when the field is at the bottom edge of the document on recent version of Chromium-based browsers

Readme

Source

Vanilla JS Datepicker

A vanilla JavaScript remake of bootstrap-datepicker for Bulma and other CSS frameworks

This package is written from scratch as ECMAScript modules/Sass stylesheets to reproduce similar usability to bootstrap-datepicker.
It can work either standalone or with CSS framework (e.g. Bootstrap, Foundation), but works best with Bulma as it's developed primarily for Bulma.

The package also includes pre-built js/css files for those who like to use it directly on browser.

Features

Date picker (input-dropdown, inline), date range picker
Keyboard operation support (navigation by arrow keys, editing on input field)
i18n support (locales, CSS-based text direction detection)
Easily customizable to adapt stylesheet for various CSS frameworks
Dependency free
Made for modern browsers — no support for IE and Edge Legacy (aka non-Chromium Edge)
** If you need to support Edge Legacy, Web Components polyfill will allow this library to run on it.
Lightweight (well, relatively…) — 35kB (minified, uncompressed, 11kB when gzipped)

Demo

Live Online Demo

Documentation

Online Docs

License

Keywords

FAQs

What is vanillajs-datepicker?

Is vanillajs-datepicker popular?

Is vanillajs-datepicker well maintained?

Last updated on 08 Aug 2023

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install