highlight when hovering the year to indicate that it can be selected

motss / app-datepicker

Datepicker element built with Google's lit and Material Design 2021

https://npm.im/app-datepicker

MIT License

180 stars 51 forks source link

highlight when hovering the year to indicate that it can be selected #170

Closed cintaccs closed 4 years ago

cintaccs commented 4 years ago

Description

similar to the hover on days

motss commented 4 years ago

This sounds like an enhancement. Good to know that.

motss commented 4 years ago

Looks like it was actually a bug. I've already supported that but with an invalid CSS custom property name and it has been renamed to use --app-datepicker-focused-year-bg-color for customization.

cintaccs commented 4 years ago

I am trying this .calendars-container { --app-datepicker-focused-year-bg-color: #f44336; --app-datepicker-accent-color: #f44336; }

the --app-datepicker-accent-color: #f44336; have effect (on the days) the --app-datepicker-focused-year-bg-color: #f44336; have no effect on the year selector

cintaccs commented 4 years ago

just to make sure we talk about the same hover ... I am talking about the year on top of the date picker - hovering the year lines in the scroll list works. Although I didn't try setting the hovering color.