Package Exports

vue3-timepicker

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (vue3-timepicker) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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 npm peer dependency version

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

Live Demo (WIP)

The live Demo is still working in progress.

License

MIT

vue3-timepicker