1.2.4 • Published 1 year ago
@alim1496/simple-react-timepicker v1.2.4
simple-react-timepicker
This repository contains simple timepicker to be used in React applications. You can edit the time here & also select time from dropdown. Currently it supports 24hr format only. I am planning to add more features gradually. It has been developed using typescript.
Installation
NPM
npm install @alim1496/simple-react-timepickerUsage
Normal use along with dropdown
import React from 'react'
import TimePicker from '@alim1496/simple-react-timepicker'
const MyApp = () => {
const onChange = (val: string) => {
console.log(val)
}
return (
<TimePicker time="4:20" onChange={onChange} />
)
}
export default MyAppProperties
| Property | Type | Default Value | Description |
|---|---|---|---|
time | string | '' | The initial time to be displayed. If not passed then the current hour & minute value are displayed. |
showList | boolean | true | Whether to display the dropdown time values. If false then it is not displayed. |
minHour | number | 0 | The minimum value of hour the user is allowed to input. |
maxHour | number | 23 | The maximum value of hour the user is allowed to input. |
onChange | function | (time: string) => void | This function helps the user to capture the changed time as string in hh:mm format. |
className | string | '' | The name of the class containing customm css rules to be applied. |
License
MIT © alim1496