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 })
      }}
    />
  )
}