@sum.cumo/vue-datepicker

A simple, but powerful, Vue.js datepicker component. Supports disabling of dates, inline mode, translations & custom slots

Get Started →

Keyboard navigation

Navigate by mouse/touch, or use the space bar, tab, enter, delete/backspace and arrow keys

Enter dates by typing

Type in your dates instead of merely selecting them on the calendar

Internationalized

Customize text output depending on your language settings

Disable or highlight dates

You can disable or highlight dates in multiple ways

Inline calendar

If you want to disable showing the calendar on click, you can make it always visible as an inline element

Auto-alignment

Trigger the calendar to open aligned correctly in order to prevent that is out of view

Compatible with Bootstrap

Self-explanatory

Custom slots

Customize your calendar with slots displaying information of your choosing

Append to body

Append the picker to the body