vue-ctk-time-picker

1.0.4 • Public • Published

vue-ctk-time-picker

A vue component for select time (by Chronotruck)

Demo

An example is available

Install

npm install vue-ctk-time-picker --save

In single component

import CtkTimePicker from 'vue-ctk-time-picker'
 
var yourComponent = new Vue({
  components: { CtkTimePicker },
  ...
})
<template>
  ...
  <ctk-time-picker
    v-model="value" // if you want init value : always this format 'HH:mm'
    :label="'Choose a time'"
    :hint="'Text'"
    :error-hint="true"
    :minute-interval="10"
    color="#FF0000" />
  ...
</template>  

Props API

Props Type Required Default Options
v-model String/Int true - -
label String false Enter Text -
type String no text text or number
hint* text no -
error-hint** Boolean no false
color*** String (hex) no dodgerblue
minute-interval Int no 1

*hint : Is a text that replaces the label/placeholder

**error-hint : When is true --> Input border & label are red

***color: Replace color for the hint, the borders & time selected in dropdown

Contribution

# install dependencies
npm install
 
# serve with hot reload at localhost:8080
npm run dev

Dependents (0)

Package Sidebar

Install

npm i vue-ctk-time-picker

Weekly Downloads

0

Version

1.0.4

License

MIT

Unpacked Size

1.39 MB

Total Files

49

Last publish

Collaborators

  • loicmazuel
  • maffpool
  • williamdasilva