Logo
GET STARTED >

Installation

Install React Calendar DateTime Picker using your preferred package manager.

Package Managers

Install the package using npm, yarn, or pnpm:

npm install react-calendar-datetime-picker
yarn add react-calendar-datetime-picker
pnpm add react-calendar-datetime-picker

Import Styles

Import the CSS file to ensure the calendar displays correctly. You can import it in your main entry file or component:

import 'react-calendar-datetime-picker/dist/style.css'

Note: If you're using a bundler that supports CSS imports, you can also import the styles directly in your component files.

Next Steps