I am using react-datepicker package and i need to add a custom height and width.
I tried with popperClassName prop but its not working correctly. Is there any way to style the height and width of the entire calendar? This is my component.
<DatePicker
selected={startDate}
dateFormat="MM/yyyy/dd"
// showMonthYearPicker
popperPlacement="top-end"
popperClassName={Styles.calendarPopper}
icon={<SmCalenderIcon />}
onChange={(date) => handleDateChange(date)}
// wrapperClassName={Styles.dateWrapper}
// showIcon
className={Styles.datePicker}
// minDate={subDays(startDate, 7)}
maxDate={new Date()}
shouldCloseOnSelect={false}
/>
New contributor
Yethin Subhashithan is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
1