1.3.0 • Published 4 years ago

react-tpick v1.3.0

Weekly downloads
2
License
MIT
Repository
github
Last release
4 years ago

react-tpick

Actions Lint Status Actions Publish Status semantic-release

NPM

A dead simple time picker component for React

npm.io

Installation

The package can be installed via npm:

npm install react-tpick --save

Or via yarn:

yarn add react-tpick

This package requires react and styled-components installed

Example

import React from 'react'
import { TimePicker } from 'react-tpick'

const TimePickerDemo = () => {
  const [time, setTime] = React.useState({ hours: 10, minutes: 45 })

  return (
    <TimePicker
      hours={time.hours}
      minutes={time.minutes}
      onChange={({ hours, minutes }) => {
        console.log(`New time is ${hours}:${minutes}`)
        setTime({ hours, minutes })
      }}
    />
  )
}

Properties

NameTypeDescriptionRequired
hoursNumber (0-23)Specifies hoursYes
minutesNumber (0-59)Specifies minutesYes
onChange({ hours, minutes }) => voidTime change handler functionYes
hoursStepNumber (1-23)Specifies hours step. Default is 1No
minutesStepNumber (1-59)Specifies minutes step. Default is 1No
1.3.0

4 years ago

1.2.0

5 years ago

1.1.0

5 years ago

1.0.0

5 years ago