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.