vue-functional-calendar

Lightweight, high-performance calendar component based on Vue.js
135,489 474
vue component date modal cli calendar date picker vue-component inline picker time range month line functional keys
Install
npm install vue-functional-calendar
Latest Version:3.1.1
Vue:3
Older releases:2
License:MIT
Last Updated:Oct 21, 2026
Links: GitHub  ·  npm
Maintainer: minasyans

Version Software License Downloads Open Collective

Documentation

Live examples, a playground and the full reference are at https://manukminasyan.github.io/vue-functional-calendar/.

Date picker, date range with presets, multiple calendars, time picker, modal and typeable inputs, theming with dark mode, keyboard support and Intl locales. No runtime dependencies.

Install

npm install vue-functional-calendar

This is the Vue 3 build and needs Vue ^3.3.0. Vue 2 users install vue-functional-calendar@^2.10.0.

Usage

Import the component and its stylesheet.

<script setup>
import { ref } from 'vue'
import { FunctionalCalendar } from 'vue-functional-calendar'
import 'vue-functional-calendar/style.css'

const value = ref({})
</script>

<template>
  <FunctionalCalendar v-model="value" is-date-range can-clear-range />
</template>

value.dateRange holds the start and end of the range.

Upgrading from 2.x

Read MIGRATION.md. Templates that use v-model need no change, and the stylesheet is now a separate import.

License

MIT

Related Packages

vue-multiple-calendar

Calendar component based on Vue.js

815 0
add calendar change month change year cli command component date date picker date range +20
vue-drumroll-datetime-picker

`vue-drumroll-datetime-picker` はスクロールで操作可能なドラム式デートタイムピッ...

39,680 30
calendar date picker time vue vue-component datepicker drumroll scroll timepicker +1
tek-vue-datetime

A vue component for select date & time

1,333 1
date picker range time vue vue-component datepicker datetimepicker input javascript +1
vue-ctk-date-time-picker

A vue component for select date & time (by Chronotruck)

823,106 874
date picker range time vue vue-component chronotruck ctk datepicker input +2
vue-ctk-date-time-picker3

A vue component for select date & time (modified by Victory Osayi)

28,427 1
date picker range time vue vue-component ctk datepicker input javascript +2

Version History

Version Released License
3.1.1 MIT
3.1.0 MIT
3.0.0 MIT
2.10.0 MIT
2.9.99 MIT