React-Times-18 is a time picker component for React applications, designed to support React 18. This package is a fork of the original React-Times package, with updates to ensure compatibility with React 18. Additionally, Storybook support has been removed to streamline the library.
The original react-times
package supports React versions up to 16, leaving React 18 users without a compatible solution. To address this limitation, this project was created by forking react-times
and updating it to work seamlessly with React 18 while removing Storybook support to simplify the setup.
- Fully compatible with React 18.
- Easy-to-use and customizable time picker component.
- Lightweight and dependency-free (no reliance on jQuery).
- Removed Storybook support to streamline usage.
Install the package via npm:
npm install react-times-18
Import and use react-times-18
in your React project:
import TimePicker from 'react-times-18';
import 'react-times-18/css/material/default.css'; // Import required CSS
function App() {
const handleTimeChange = (options) => {
console.log(options); // Logs the selected time
};
return (
<TimePicker
onTimeChange={handleTimeChange}
theme="material"
timeMode="12"
/>
);
}
export default App;
- React 18 Compatibility: Updated dependencies and components to support React 18.
- Removed Storybook Support: Storybook-related files and configurations were removed to focus solely on the core library functionality.
react-times-18
inherits all the original props and functionality from the react-times
package. For a full list of props, refer to the original documentation.
This project is licensed under the MIT License, as is the original react-times
package.
This package is based on React-Times by ecmadao. All credits for the original implementation go to them.