Date range picker in react js || React date range picker || Date Picker || rsuite

Date range picker in react js
React date range picker
Date Picker
rsuite

source code :

install :: (npm install rsuite)

import { DateRangePicker } from 'rsuite';

**css**
/* text editor*/
padding-top: 7px;
padding-bottom: 7px;
width: 282px;
}

/* picked date align */
.rs-picker-default .rs-picker-toggle {
position: relative;
z-index: 5;
padding-right: 67px;
display: inline-block;
outline: none;
cursor: pointer;
color: #575757;
border: 1px solid #e5e5ea;
padding-left: 44px;
}
/* calander align */
.rs-picker-toggle-caret {
display: inline-block;
margin-right: 240px;
position: absolute;
top: 8px;
right: 12px;
font-weight: normal;
color: #8e8e93;
}

/* ok button style */
.rs-picker-toolbar-right-btn-ok {
text-align: center;
cursor: pointer;
outline: 0 ;
border: none;
padding: 8px 12px;
font-size: 14px;
border-radius: 30px;
color: #fff;
background-color: #3498ff;
width: 100px;
}

/* range style */
.rs-picker-menu .rs-calendar .rs-calendar-table-cell-content {
padding-left: 0;
padding-right: 0;
border-radius: 21px;
display: inline-block;
}

#reactjs #daterangepicker #multipledatepicker #codingcomics

[sebastiancontreras]

Thank you! Very helpful
For the ones looking for the "import change it to "import

[Learning-king]

Could u pls mention how can we select two different month range like. For first drop-down shows Jan ....and next drop-down shows March, and selection of start date and end date it's should shows like range

[irkfaisal]

I want to create a function where calendar will only show dates before 13 years from now. Like today is 2023, calendar will show me dates 2010 and before 2010.Any reference ?

[muecasdeldon]

Hey bro how I made to modify the size of the pop up when you made click in the DateRangePicker?

[jorgellanque]

Could you explain how to use with Formik?

[hinashahzadi]

how can we get the value of date range field in a state variable?

[Meera.aa.a]

can you also help me I'm trying to use it with dark mode and light mode as well

[sanzsanu]

Hii bro how to do multiple range selection