react full calendar 1

react full calendar


Here is what the above code is Doing:
1. We’re importing the Datepicker component from the react-date-picker package.
2. We’re creating a Datepicker component.
3. We’re setting the controls prop to an array containing the string ‘calendar’. This will display the calendar icon in the Datepicker.
4. We’re setting the display prop to ‘inline’. This will display the Datepicker inline with the rest of the page.
5. We’re setting the touchUi prop to true. This will make the Datepicker more touch-friendly.

Now, let’s add the Datepicker to our App component.

Open src/App.js and add the following code:


import React from ‘react’;
import Datepicker from ‘react-date-picker’;

function App() {
return (


export default App;

Similar Posts