question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Provide a way to style an active tile

See original GitHub issue

Hi, really awesome component.

Just one question, can’t find it on the doc in terms of style the selected tile.

1. For active tile

I currently override .react-calendar__tile--active and button.react-calendar__tile--active:enabled:hover, button.react-calendar__tile--active:enabled:focus, works but seems pretty hacky.

2. For disabled tile

And for button.react-calendar__tile:disabled as well.

3. For current value tile

This one not works, well, if I override .react-calendar__tile--now, then it won’t change when select another value or change to another month.

I think the custimize for these 3 cases will be awesome. Or I miss something?

Thanks 😃

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:9 (4 by maintainers)

github_iconTop GitHub Comments

2reactions
wickedwickcommented, Jul 26, 2018

Regarding number 3 in the original question, any chance we can get a className for the current date without passing the value prop? I would like to style the current date independently of any dates selected. Maybe always apply .react-calendar__tile--now to the current date tile or provide another className for the current date.

1reaction
wojtekmajcommented, Aug 9, 2018

@wickedwick Tracked under #101. I’m closing this one as the question is answered.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Style Tiles - YouTube
Let's create a style tile so we can stop presenting messy collages and old school moodboards and instead wow our stake holders and...
Read more >
Style Tile Explanation - YouTube
Create a Simple UI Style Tile Using Adobe XD ... How to Present a UX Case Study in a Job Interview (Download Template)....
Read more >
Tiles ( Modeling & Drawing Editor ) - SDS2
Method 2 : If " Modeling layout style " or " Drawing Editor layout style " is ' Classic ', you can use...
Read more >
React how to style an anchor tag as a tile that remains ...
On selection or change in selection between TILE-1, TILE-2 and TILE-3, I need to fetch the value of the text in the input...
Read more >
dxTileView - How to change CSS based on the tile state
class · "dx-item dx-tile dx-state-focused dx-state-active" ; id · "456a0a9a-978e-190e-5e55-a455a5896235" ; style · "height: 133px; width: 178px; top: ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found