@paprika/time-picker

Description

The TimePicker component gives users the ability to select a specific time from a popover.

Installation

yarn add @paprika/time-picker

or with npm:

npm install @paprika/time-picker

Props

TimePicker

| Prop | Type | required | default | Description | |-------|-------| -------- | --------- | ----------- | |a11yText|string|false|"Time (hh:mm)"| Descriptive a11y text for assistive technologies.| |defaultIsOpen|bool|false|false| If the TimePicker is set to visible.| |defaultValue|string|false|null| Sets the default value for the TimePicker| |isDisabled|bool|false|false| If the TimePicker is disabled.| |isReadOnly|bool|false|false| Should be read-only or not, default is false.| |onChange|func|false|() => {}| Callback to be executed when the value is changed.| |onError|func|false|() => {}| Callback to be executed when there is an error.|

TimePicker

The TimePicker component gives users the ability to select a specific time from a popover.

Usage

To create a TimePicker simply add the <TimePicker /> component. You can set the default value of the picker and whether to display the dropdown displaying the time selection options by adding the properties to the the TimePicker.

<TimePicker defaultValue="6am" isVisible />

Links

• Storybook Showcase
• GitHub source code
• Create GitHub issue
• CHANGELOG