+
+ changeStartDateOnCalendar(date)}
+ locale="pt-BR"
+ selectsStart
+ startDate={startDate}
+ endDate={endDate}
+ minDate={minDate}
+ maxDate={maxDate}
+ renderMonthContent={(month) => getMonthName(month)}
+ renderCustomHeader={({
+ monthDate,
+ date,
+ decreaseMonth,
+ increaseMonth,
+ }) =>
+ CustomHeader(
+ date,
+ monthDate,
+ 'start',
+ decreaseMonth,
+ increaseMonth
+ )
+ }
+ showMonthYearPicker={startMonthsIsOpen}
+ showFourColumnMonthYearPicker
+ inline
+ dayClassName={(day) => {
+ return getDayClassName(
+ day,
+ dayIsEnabled(day, 'start'),
+ startDate,
+ endDate,
+ 'start'
+ )
+ }}
+ />
+
+
+ changeEndDateOnCalendar(date)}
+ locale="pt-BR"
+ selectsEnd
+ startDate={startDate}
+ endDate={endDate}
+ minDate={startDate}
+ maxDate={maxDate}
+ renderMonthContent={(month) => getMonthName(month)}
+ renderCustomHeader={({
+ monthDate,
+ date,
+ decreaseMonth,
+ increaseMonth,
+ }) =>
+ CustomHeader(
+ date,
+ monthDate,
+ 'end',
+ decreaseMonth,
+ increaseMonth
+ )
+ }
+ showMonthYearPicker={endMonthsIsOpen}
+ showFourColumnMonthYearPicker
+ inline
+ dayClassName={(day) => {
+ return getDayClassName(
+ day,
+ dayIsEnabled(day, 'end'),
+ startDate,
+ endDate,
+ 'end'
+ )
+ }}
+ />
+
+