Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mymth/vanillajs-datepicker
A vanilla JavaScript remake of bootstrap-datepicker for Bulma and other CSS frameworks
https://github.com/mymth/vanillajs-datepicker
Last synced: 1 day ago
JSON representation
A vanilla JavaScript remake of bootstrap-datepicker for Bulma and other CSS frameworks
- Host: GitHub
- URL: https://github.com/mymth/vanillajs-datepicker
- Owner: mymth
- License: mit
- Created: 2019-12-19T20:57:36.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2024-03-19T11:06:17.000Z (10 months ago)
- Last Synced: 2025-01-17T10:05:00.493Z (9 days ago)
- Language: JavaScript
- Size: 1.04 MB
- Stars: 767
- Watchers: 15
- Forks: 159
- Open Issues: 58
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
- awesome-fe-resources - vanillajs-datepicker
README
# Vanilla JS Datepicker
A vanilla JavaScript remake of [bootstrap-datepicker](https://github.com/uxsolutions/bootstrap-datepicker) for [Bulma](https://bulma.io) and other CSS frameworks
This package is written from scratch as ECMAScript modules/[Sass](https://sass-lang.com) stylesheets to reproduce similar usability to bootstrap-datepicker.
It can work either standalone or with CSS framework (e.g. [Bootstrap](https://getbootstrap.com), [Foundation](https://get.foundation)), but works best with [Bulma](https://bulma.io) 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](https://www.npmjs.com/package/@webcomponents/webcomponentsjs) will allow this library to run on it._
- Lightweight (well, relatively…) — 35kB (minified, uncompressed, 11kB when gzipped)### Demo
[Live Online Demo](https://raw.githack.com/mymth/vanillajs-datepicker/v1.3.4/demo/)
### Documentation
[Online Docs](https://mymth.github.io/vanillajs-datepicker)
## License
- [MIT](./LICENSE)