React Raw Time Input
Project dependencies
- react
- moment
Usage
Install the package Install the package.
yarn add rawtimeinput # npm install rawtimeinput --saveProperties
| Property | Required | Description | Default |
|---|---|---|---|
| value | true | initial value string (00:00:00) or instance of moment
|
none |
| onChange | true | function to be called on change | none |
| onBlur | true | function to be called on change | none |
| name | true | the name of the input | none |
| second | true | should second added on the input | false |
| forceValue | true | should force to return a value on empty 00:00:00
|
false |
| disabled | true | disabled | false |
| style | false | custom inline style | none |
Return Value
Return an object,
nameandvalue
value can be empty string if
forceValueis set tofalseand input is leave as blank.
nameis the same value passed from the props.
value is an instance of moment, you can parse the value using moment e.g time using
moment(value).format('HH:mm:ss')
Example
<TimeInput
name="timeOfDate"
value="12:00:00"
onChange={e => console.log(objValue)}
onBlur={e => console.log(objValue)}
second
forceValue
/>Demo
git clone git@github.com:pauldm24/rawtimeinput.git
cd rawtimeinput
yarn # npm install
yarn start # npm startBrowse @ http://localhost:8181
