Ios-react-time-picker NPM

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.