Installation

Install from npm:

npm install react-smart-datetime

react and react-dom (16.8+) are peer dependencies.

Import the stylesheet

The component ships a standalone stylesheet. Import it once in your app — for example in your root layout or entry file:

import "react-smart-datetime/styles.css";

Without the stylesheet the component renders unstyled. Import it a single time, globally.

Verify it works

import { DateTimePicker } from "react-smart-datetime";
import "react-smart-datetime/styles.css";

export default function App() {
  return <DateTimePicker placeholder="Select a date" />;
}

That's it — continue to the Quick start.

Import the stylesheet

Verify it works

On this page