react-datepicker icon indicating copy to clipboard operation
react-datepicker copied to clipboard

Is it possible to highlight today date?

Open KonstantinKudelko opened this issue 4 years ago • 3 comments

KonstantinKudelko avatar May 05 '20 18:05 KonstantinKudelko

Currently, that is not possible. If you want, you can create a PR.

tresko avatar Jun 09 '20 18:06 tresko

I think you can just compare a day with today date within your Day component on render. It should do the trick

monapasan avatar Jan 18 '21 16:01 monapasan

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: image

LeviEyal avatar Sep 07 '23 06:09 LeviEyal