InputTime

With the InputTime you can select a time which is composed of hours / minutes / seconds.

Examples

Uncontrolled component:

HoursMinutesSeconds

<InputTime onChange={date => console.log(date)} />

<InputTime onChange={date => console.log(date)} />

Controlled component:

HoursMinutesSeconds

const Example = () => {
  const [date, setDate] = useState(new Date())
  return <InputTime value={date} onChange={date => setDate({ date })} />
}

render(<Example />)

const Example = () => {
  const [date, setDate] = useState(new Date())
  return <InputTime value={date} onChange={date => setDate({ date })} />
}
render(<Example />)

Theme

Props

Name	Type	Default value
hoursLabel	string	'Hours'
minutesLabel	string	'Minutes'
secondsLabel	string	'Seconds'
datePartRender	func	null
defaultValue	instanceOf	new Date()
value	instanceOf	null
onChange	func	noop