Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@pencilpix/vue2-clock-picker

Package Overview
Dependencies
Maintainers
1
Versions
14
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@pencilpix/vue2-clock-picker

vuejs clock picker component

  • 0.0.3
  • npm
  • Socket score

Version published
Weekly downloads
227
decreased by-34.01%
Maintainers
1
Weekly downloads
 
Created
Source

Vue2 Clock Picker

A simple clock picker component for vue v2.x.

Screenshot

Installation

$ npm install @pencilpix/vue2-clock-picker --save

or

$ yarn add @pencilpix/vue2-clock-picker
  • In Browser:

    <script src="node_modules/vuejs/dist/vue.min.js"></script>
    <script src="path/to/vue2-clock-picker/dist/vue2-clock-picker.min.js">
    
    <script>
      Vue.use(VueClockPicker);
    </script>
    
  • Module:

    import VueClockPicker from 'vue2-clock-picker';
    

Usage

once component is installed it can be used as:

<vue-clock-picker></vue-clock-picker>
props
proptypedefault
placeholderStringinput placeholder default ''
nameStringinput name default ''
labelStringlabel text will be hidden if not set. default ''
input-classStringcss custom class to be applied to input. default ''.
input-container-classStringcss custom class to be applied to input container.
input-value-classStringcss custom class to be applied to input container when input contains value. default ''.
input-focus-classStringcss custom class to be applied to input container when the input is focused. default ''.
input-error-classStringcss custom class to be applied to input container when the value not match HH:MM or the input is required and the value is empty.
valueStringinitial value of input. default ''
requiredBooleanset it to true if time field is required. default false
events
eventwhen
beforeOpenjust before opening the dialog.
openjust after opening the dialog.
beforeClosejust before closing the dialog.
closejust after closing the dialog.
timesetafter the value of input is set. and it will recieve the value as 01:02
cancelwhen cancel dialog button is clicked and it will receive the value found at cancel time.
methods
methodbehavior
openopen the dialog
closeclose the dialog
getValuereturn the current value of the input as 02:00
setValueset the current value of input and it accept String with valid time HH:MM

Keywords

FAQs

Package last updated on 31 Dec 2017

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc