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

    Keywords

    none

    Install

    npm i vue-ctk-time-picker

    DownloadsWeekly Downloads

    1

    Version

    1.0.4

    License

    MIT

    Unpacked Size

    1.39 MB

    Total Files

    49

    Last publish

    Collaborators

    • loicmazuel
    • maffpool
    • williamdasilva