Skip to content
A VueJs datepicker with a similar look and functionality as the popular AirBnb datepicker.
Branch: master
Clone or download
Mikael Edebro Mikael Edebro
Mikael Edebro and Mikael Edebro 2.4.1
Latest commit 923ece3 Dec 8, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode ⚙️ VS Code settings Feb 25, 2018
dev Add prop for automatically closing datepicker after select (closeAfte… Dec 2, 2018
docs Add prop for automatically closing datepicker after select (closeAfte… Dec 2, 2018
src Remove unnecessary console.log Dec 4, 2018
test Add prop for automatically closing datepicker after select (closeAfte… Dec 2, 2018
.babelrc Add unit tests Mar 24, 2018
.editorconfig
.eslintignore Add Eslint & eslint-plugin-vue. Also enable this for Poi Mar 19, 2018
.eslintrc.js Extend eslint-plugin-prettier Sep 1, 2018
.gitignore Gitignore - Ignore dist folder Mar 19, 2018
.prettierignore Add prettier config files to ensure consistency for contributers. Sep 1, 2018
.prettierrc.js Add prettier config files to ensure consistency for contributers. Sep 1, 2018
.travis.yml Add node version to travis config Jul 23, 2018
LICENSE
README.md Update Readme Apr 19, 2018
book.json
package-lock.json
package.json 2.4.1 Dec 7, 2018
poi.config.js

README.md

vue-airbnb-style-datepicker

This is a VueJs version of the popular AirBnb datepicker. Supports range selection, disabling of dates, custom configuration, and many more things. Really lightweight and good browser support!
Examples

Datepicker on tablet

Datepicker on mobile

Documentation

Full documentation on GitBooks

Browser support

This datepicker have been tested with the following browsers/OS:

Chrome
Firefox
Edge
Android
IE: 9 and higher
Safari: 7.1 and higher
iOS: 6 and higher

However, these tests have not been extensive. More or less just trying the datepicker out, and see that it doesn't throw any console errors etc. If you're planning on using this in production, make sure that it runs smoothly in the browsers that you're planning on supporting.

Contribute

I gladly accept contributions to improve this datepicker. But before you start hacking away, please first create an issue where you explain what it is that you think needs to be done and why, so we can agree that the changes makes sense. I wan't to keep this datepicker as close as possible to the original Airbnb datepicker, and not add strange edge cases that complicates the API and makes the size bigger. And it sucks having to deny a PR that someone spent time on, just because the feature/implementation doesn't cut it.

Roadmap/todo:s

  • Improve logic for positioning of datepicker. Support for showing the datepicker above the input if it doesn't fit below.
You can’t perform that action at this time.