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