vue3-timepicker

Vue3 Timepicker [BETA]

The Vue 3.x version of Vue2 Timepicker

A dropdown time picker (hour|minute|second) for Vue 3.x, with flexible time format support.

Migration

Upgrading from the Vue 2.x version vue2-timepicker? Please check MIGRATION.md for basic guidelines.

Dependencies

Vue.js   

Installation

yarn add vue3-timepicker

npm install vue3-timepicker --save

Get Started

Step 1: Import VueTimepicker

Option A: Import component JS and CSS

// Main JS (in CommonJS format)
import VueTimepicker from 'vue3-timepicker'

// CSS
import 'vue3-timepicker/dist/VueTimepicker.css'

Option B: Choose any bundle version base on your needs

Javascript

// CommonJS
import VueTimepicker from 'vue3-timepicker/dist/VueTimepicker.cjs.js'
// ESM
import VueTimepicker from 'vue3-timepicker/dist/VueTimepicker.esm.js'
// UMD (Minified)
import VueTimepicker from 'vue3-timepicker/dist/VueTimepicker.global.js'

CSS

@import 'vue3-timepicker/dist/VueTimepicker.css';

/* Or, with node_module alias path like: */
@import '~vue3-timepicker/dist/VueTimepicker.css';

/*
  NOTE: the path alias to `node_modules` differs between bundlers.
  Please change the `~` to any alias that works with your environment.
 */

Single File Component

// The *.vue file with CSS included
import VueTimepicker from 'vue3-timepicker/src/VueTimepicker.vue'
// NOTE: In some cases, it requires additional workarounds in the bundler's config

More Documentation (WIP)

• Basic Usage
• Data Binding
• Advance Usage
• ...

Live Demo (WIP)

The live Demo is still working in progress.

License

MIT