react-datepicker
react-datepicker copied to clipboard
Is it possible to highlight today date?
Currently, that is not possible. If you want, you can create a PR.
I think you can just compare a day with today date within your Day component on render. It should do the trick
This is how i handle it:
onDayRender={(date) => {
const today = formatDate(new Date())
const isToday = formatDate(date) === today;
return (
<div
style={{
backgroundColor: isToday ? 'black' : 'transparent',
color: isToday ? 'white' : 'black',
borderRadius: '30%',
width: '20px',
height: '20px',
margin: 'auto',
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
}}
>
{date.getDate()}
</div>
);
Result: