Time Picker

Native component

Installation

No installation necessary

Usage

Using the Time Picker is as simple as defining the type in a normal input element

Live Editor

// You can play with code, with HTML tags and text as much as you want! render( <input type="time" /> )

// You can play with code, with HTML tags and text as much as you want!
    render(
        <input type="time" />
    )

Result

Types, definitions, etc.

Types

TimePickerProps

TimePicker has JSX.IntrinsicElements['input'] type.

Figma

Sometimes it can take some time until Figma will render component inside embed iframe. Try to click plus icon to 'reset' initial loader. (Works only in Chrome)

Click me to open figma in the new card