# rc-timepicker

> A react component to select times in 24 hour format

Latest version **0.0.10** (published 2016-11-10) · MIT license · 0 weekly downloads

## Install

```sh
npm install rc-timepicker
pnpm add rc-timepicker
yarn add rc-timepicker
bun add rc-timepicker
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.10 |
| Published | 2016-11-10 |
| First published | 2016-11-07 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 4 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Chris McKenna |
| Maintainers | chris-mckenna |

## Links

- npm: https://www.npmjs.com/package/rc-timepicker
- Repository: https://github.com/chris-mckenna/rc-timepicker
- Homepage: https://github.com/airbnb/react-dates#readme
- Issues: https://github.com/chris-mckenna/rc-timepicker#README.md
- npm.io page: https://npm.io/package/rc-timepicker

## Dependencies (4)

- [react](https://npm.io/package/react.md) ^15.3.2
- [lodash](https://npm.io/package/lodash.md) ^4.16.6
- [moment](https://npm.io/package/moment.md) ^2.15.2
- [react-dom](https://npm.io/package/react-dom.md) ^15.3.2

## Recent versions

- 0.0.10 (latest) — 2016-11-10
- 0.0.9 — 2016-11-09
- 0.0.8 — 2016-11-07
- 0.0.7 — 2016-11-07
- 0.0.6 — 2016-11-07
- 0.0.5 — 2016-11-07
- 0.0.4 — 2016-11-07
- 0.0.3 — 2016-11-07
- 0.0.2 — 2016-11-07
- 0.0.1 — 2016-11-07

## README

#rc-timepicker 
> A simple react component for selecting times.

![rc-timepicker in action](https://raw.githubusercontent.com/chris-mckenna/rc-timepicker/master/react-timepicker-demo.gif)

## Install
```
npm install rc-timepicker --save 
```

##Usage
```javascript
//es6 imports
import TimePicker from 'rc-timepicker'
import 'rc-timepicker/lib/css/styles.css'

//CommonJS
var TimePicker = require('rc-timepicker')
require('rc-timepicker/lib/css/styles.css')
```

```javascript
<TimePicker getTime={(time) => this.handleTime(time)} />
```




###Props

| Prop        | Type        | Usage                  |
|-------------|-------------|------------------------|
| getTime      | Function       | A function to extract the selected time. Returns a single value |
| buttonLabel      | String     | A custom label for the button. |
| buttonClass | String   | Your CSS class for custom button styles. |
| date | Object (moment)  | Pass your moment date object into the time picker to calculate past hours. |
| disablePastHours | Boolean   | Disable hours that have passed if date is today. |
| onClick | Function   | Function to handle button click |




##Demo

Demo coming soon

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