https://github.com/radzionc/increaser-timepicker

Time Picker with React
https://github.com/radzionc/increaser-timepicker

react styled-components

Last synced: about 1 month ago
JSON representation

Time Picker with React

• Host: GitHub
• URL: https://github.com/radzionc/increaser-timepicker
• Owner: radzionc
• License: mit
• Created: 2018-11-26T17:05:39.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2023-08-20T05:46:26.000Z (over 1 year ago)
• Last Synced: 2024-11-14T03:23:24.497Z (2 months ago)
• Topics: react, styled-components
• Language: JavaScript
• Homepage: https://radzionc.github.io/increaser-timepicker/
• Size: 1.1 MB
• Stars: 1
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# increaser-timepicker

> 

[![NPM](https://img.shields.io/npm/v/increaser-timepicker.svg)](https://www.npmjs.com/package/increaser-timepicker)

![alt text](https://cdn-images-1.medium.com/max/2000/1*rPME-ceW9GySQpv2qSA41A.gif)

## [Demo](https://radzionc.github.io/increaser-timepicker/)

## Install

```bash

npm install --save increaser-timepicker

```

## Usage

```jsx

import React from 'react'

import TimePicker from 'increaser-timepicker'

const Container = ({ children }) => (

  


    {children}

  

)


// optional

const theme = {

  actionColor: 'rgba(231, 76, 60,.9)',

  selectColor: '#ecf0f1',

  selectTextColor: '#34495e',

  circleColor: 'rgba(255, 255, 255, 0.15)'

}

class Example extends React.Component {

  constructor(props) {

    super(props)

    this.state = { duration: 25 }

  }

  render() {

    const { duration } = this.state

    return (

       console.log('Start!')}

        onDurationChange={duration => this.setState({ duration })}

      />

    )

  }

}

```

## [Blog Post](https://geekrodion.com/blog/timepicker-react)

## License

MIT © [RodionChachura](https://geekrodion.com)