Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Is it possible to highlight today date? #82

Open
KonstantinKudelko opened this issue May 5, 2020 · 3 comments
Open

Is it possible to highlight today date? #82

KonstantinKudelko opened this issue May 5, 2020 · 3 comments

Comments

@KonstantinKudelko
Copy link

No description provided.

@tresko
Copy link
Collaborator

tresko commented Jun 9, 2020

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

@monapasan
Copy link
Contributor

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

@LeviEyal
Copy link

LeviEyal commented Sep 7, 2023

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants