chakra-ui-time-picker v1.0.1

Chakra UI Time Picker

Time picker for React.js

This is a fork from react-samay, I have also mixed styling support from chakra ui.

Features

• Uses native date object
• Dropdown based hours, minutes, seconds & meridiem selection.
• Keyboard navigation
• Similar API as react-samay
• Written with Typescript, with built-in typings

Demo link

Storybook Demo link

Install

npm i --save chakra-ui-time-picker

Usage

import { TimePicker } from 'chakra-ui-time-picker';
import ReactDOM from 'react-dom';

ReactDOM.render(
  <TimePicker
    defaultValue={new Date()}
    onChange={(date) => {
      console.log(date);
    }}
  />,
  <div id="app" />
);

API

TimePicker