1.0.2 • Published 2 years ago

react-samay v1.0.2

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

React Samay

npm Node.js CI

Time picker for React.js

This is a fork from rc-time-picker, which is no longer maintained. I have also mixed styling support from time-picker-io.

Features

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

Install

npm i --save react-samay

Usage

import { TimePicker } from 'react-samay';
import ReactDOM from 'react-dom';

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

You can find more storybook examples here.

API

TimePicker

NameTypeDefault
prefixClsString'react-samay'
disabledBooleanfalse
openBooleanfalse
defaultValueDatenull
defaultOpenValueDatenew Date()
valueDatenull
placeholderString''
classNameString''
inputClassNameString''
nameString-
idString''
showHourBooleantrue
showMinuteBooleantrue
showSecondBooleantrue
formatString-
disabledHoursFunction-
disabledMinutesFunction-
disabledSecondsFunction-
use12HoursBooleanfalse
hideDisabledOptionsBooleanfalse
onChangeFunctionnull
onAmPmChangeFunctionnull
onOpenFunction({ open })
onCloseFunction({ open })
hourStepNumber1
minuteStepNumber1
secondStepNumber1
1.0.2

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago

0.5.0

2 years ago

0.4.1

2 years ago

0.4.0

2 years ago

0.3.0

2 years ago

0.2.1

2 years ago

0.1.0

2 years ago