ios-react-time-picker
v0.3.0
Published
ios style time picker for React app.
Downloads
106
Maintainers
Readme
ios-react-time-picker
ios style time picker for React app 😎.
install
npm i ios-react-time-picker
how to use
import React, { useState } from 'react';
import { TimePicker } from 'ios-react-time-picker';
export default const MyApp = () => {
const [value, setValue] = useState('10:00');
const onChange = (timeValue) => {
setValue(timeValue);
}
return (
<div>
<TimePicker value={value} onChange={onChange} hourType={12} minType={1} />
</div>
);
}
Example
| default | 12-hour | 24-hour | |--------------|--------------|--------------| | | | |
| 1-minutes | 5-minutes | 10-minutes | |----------------|----------------|----------------| | | | |
API
| Name | Type | Default | Description |
|-----------|-----------------------------------------------|---------|------------------------------------------------------------------------------|
| value
| string
| N/A | The current selected time in string format. |
| onChange
| Dispatch<SetStateAction<string>>
| N/A | Function called when the time value changes. |
| hourType
| 12 \| 24
| 24
| Determines whether to use a 12-hour or 24-hour format for the time display. |
| minType
| 1 \| 5 \| 10
| 1
| Interval for minutes, allowing 1, 5, or 10-minute increments. |
License
The MIT License.