1.0.4 • Published 8 years ago
vue-ctk-time-picker v1.0.4
vue-ctk-time-picker
A vue component for select time (by Chronotruck)
Demo
An example is available
Install
npm install vue-ctk-time-picker --saveIn 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