# react-timepick

> Demo: https://vladop.github.io/react-timepick/examples/index.html

Latest version **0.3.2** (published 2018-04-18) · ISC license · 0 weekly downloads

## Install

```sh
npm install react-timepick
pnpm add react-timepick
yarn add react-timepick
bun add react-timepick
```

## Health

**Score 5/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: insecure dependencies; abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.3.2 |
| Published | 2018-04-18 |
| First published | 2017-08-02 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 3.2 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | Vlado Pandžić |
| Maintainers | vpandzic |

## Links

- npm: https://www.npmjs.com/package/react-timepick
- Repository: https://github.com/vladop/react-timepick
- Homepage: https://github.com/vladop/react-timepick#readme
- Issues: https://github.com/vladop/react-timepick/issues
- npm.io page: https://npm.io/package/react-timepick

## Dependencies (2)

- [jquery](https://npm.io/package/jquery.md) ^3.2.1
- [react-click-outside](https://npm.io/package/react-click-outside.md) github:tj/react-click-outside

## Recent versions

- 0.3.2 (latest) — 2018-04-18
- 0.1.1 — 2017-08-03
- 0.1.0 — 2017-08-03
- 0.0.8 — 2017-08-03
- 0.0.7 — 2017-08-03
- 0.0.6 — 2017-08-02
- 0.0.5 — 2017-08-02
- 0.0.4 — 2017-08-02
- 0.0.3 — 2017-08-02
- 0.0.2 — 2017-08-02
- 0.0.1 — 2017-08-02

## README

# react-timepick

<b>Demo: <a href="https://vladop.github.io/react-timepick/examples/index.html">https://vladop.github.io/react-timepick/examples/index.html</a> </b>


Get started by
  <code>npm i react-timepick</code>
  
  <b>Javascript:</b>
  
  
       const TimePick=require('react-timepick');
       const TimePicker=TimePick.TimePicker;
       const TimeInterval=TimePick.TimeInterval;
  
  or:
  
         import {TimePicker} from 'react-timepick'
         
  
  <code>TimeInterval</code> is just typescript interface for <code>allowedIntervals</code> prop
  
  <b>CSS</b>
  
  For default styling pull css from <code>dist</code> folder:
  
       <link rel="stylesheet" type="text/css" href="node_modules/react-timepick/dist/timepicker.css">                
   
   
  You can use it like this:
  

      render(){
       
           <TimePicker time={"12:20"} id="timePicker1" minuteStep={15} onTimeChange={this.onTimeChange}/>
           
       }    
       
  
  <b>Props</b>
  
  
|   Name         | Type           | Default          | Description                                | Optional
| ------------- |:--------------:| ----------------:| ------------------------------------------:| ---------:|
| id            | String         | <i>no-default</i>| Unique id for each datepicker              | <b>No</b> |
| time          | String         | <i>no-default</i>| Time for timePicker (<b>in hh:mm format</b>| <b>No</b> |
| onTimeChange  | Function({ newTime }) |           | Callback executed whenever times change    | <b>No</b> |
| minuteStep  | number |   <i>no-default</i>        | Step in minutes between two choices        | <b>No</b> |

---
_Source: https://npm.io/package/react-timepick · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._