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