Simple React time input field
npm install @viacast/react-simple-timefieldSimple React time input field, check out demo.
bash
npm install --save react-simple-timefield#for React <16 use: npm install --save react-simple-timefield@1
`Usage
jsx
import TimeField from 'react-simple-timefield';
...
onChange={(event, value) => {...}} // {Function} required
input={
inputRef={(ref) => {...}} // {Function} input's ref
colon=":" // {String} default: ":"
showSeconds // {Boolean} default: false
/>
`Real world example
jsx
import TimeField from 'react-simple-timefield';class App extends React.Component {
constructor(...args) {
super(...args);
this.state = {
time: '12:34'
};
this.onTimeChange = this.onTimeChange.bind(this);
}
onTimeChange(event, time) {
this.setState({time});
}
render() {
const {time} = this.state;
return (
);
}
}
`Migrate version 2.x to version 3.x
There is a breaking change in version 3.
The
callback property will be called with two arguments.`jsx
// Before:
console.log(value)} />// After:
console.log(event, value)} />
`Contributing
#### Run demo:
For running demo locally, replace:
javascript
import TimeField from '../';
// to
import TimeField from '../src';
`
in file.`bash
run development mode
cd demo
npm install
npm install --only=dev
npm run dev
`#### Build:
bash
npm install
npm install --only=dev
npm test
npm run format
npm run build
``