eigensteil-time-picker v1.0.4

TimePicker

TimePicker is Vue Component and it is created for setting Timer. Setting Events, Minutes Intevral and Classes As Per Requirements

Installation

Use the Node Package Manager to install TimePicker.

npm install eigensteil-time-picker

Usage

Properties

interval : Set Interval To Minutes\ inputClass : Set Class To Component\ value: Set Hours And Minutes To Component

Events

selectHours : Returns Hour\ SelectMinutes : Returns Minute\ selectTime : Returns Object Of Hour And Minute

Main.js

import TimePicker from 'eigensteil-time-picker';\ Vue.use(TimePicker)

Component.vue

<template>
    <div>
       <TimePicker :interval="5" inputclass="btn" :value="{hours:10, minutes:40}" v-on:selectHours="emittedHours" v-on:selectMinutes="emittedMinutes" v-on:selectTime="selectTime"></TimePicker>
    </div>
</template>

<script>
export default {
name: 'UsingTimePicker',
data() {
    return {

            }
        },
methods:{
    
    //methods which are emmited
    emittedHours(Hours){
            console.log("Emmited Hours: " + Hours);
            },
    emittedMinutes(Minutes){
            console.log("Emmited Minutes: " + Minutes);
            },
    selectTime(Time){
            console.log("Selected Hours: " + Time.hours + " Selected Minutes: " + Time.minutes);
            }
        }
    }
</script>

License

MIT