Date and time pickers

8 entries

This is a short list, and its best-known entry needs a careful look. VCalendar is the most-starred, but its repository has had no commit since 2024, so confirm the release you install matches your Vue version. The remaining entries are mostly small Vue 3 components: vue-smooth-picker and vue-month-spinner-picker imitate the iOS drum-roll picker, vue-timepicker handles times with TypeScript support, and vue-date-rail is a headless horizontal day strip.

Before choosing, decide whether you need ranges, time zones, keyboard input and locale-aware formatting, since small pickers often skip some of these. Date pickers are among the hardest components to make accessible, so test arrow-key navigation and screen reader labels. The Calendars and schedulers category has more pickers, including vue-tailwind-datepicker and vue-functional-calendar, and full UI libraries such as Vuetify, PrimeVue and Element Plus ship their own date pickers.

On the bench stars against last commit

8 entries

VCalendarv-calendar

Very customizable and powerful calendar/datepicker component with many features and good documentation.

Vue 2 only4.5kupdated 2y ago

vue-scroll-pickervue-scroll-pickerScroll picker

A scroll picker component for Vue 2.x. Support all gestures of mouse(also wheel) and touch.

Vue 2 + 3295updated 3d ago

vue-smooth-pickervue-smooth-pickerScroll picker

A SmoothPicker for Vue 3 (like native datetime picker of iOS)

Vue 3221updated 1y ago

vue-datepicker@mathieustan/vue-datepicker

A clean & responsive datepicker with Material Design style for Vuejs 2.x. (date/month/quarter && date range picker)

Vue 2 only164updated 1y ago

vue-timepicker@manik02/vue3-timepicker

A lightweight, customizable timepicker component for Vue 3 with TypeScript support. Supports single/range selection, multiple formats, easy styling, validation and more.

Vue 38updated 22d ago

vue-roller-pickervue-roller-pickerScroll picker

Roll-designed selector component for vue3

Vue 30updated 1y ago

vue-month-spinner-pickervue-month-spinner-picker

IOS-style drum-roll month picker for Vue 3. Inertia scrolling, bottom sheet modal, min/max constraints, i18n and theming via CSS variables. Zero dependencies.

Vue 30updated 1mo ago

vue-date-rail@devslab/vue-date-rail

Horizontal infinite-scroll date rail (day/month strip) picker for Vue 3. Headless composable core, Intl-based i18n, min/max & disabled dates, event marker slot, desktop wheel/drag scrolling, Tailwind-ready unstyled mode. Zero dependencies.

Vue 30updated 8d ago
Esc

Type to search every entry. โ†‘โ†“ to move, Enter to open.