Provide a way to style an active tile
See original GitHub issueHi, 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:
- Created 5 years ago
- Comments:9 (4 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
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.@wickedwick Tracked under #101. I’m closing this one as the question is answered.