Search and Top Navigation
#6152 closed bug (notabug)
Opened October 06, 2010 05:11AM UTC
Closed October 18, 2012 05:39PM UTC
datepicker ui-state-active should take precedence over ui-state-highlight
| Reported by: | dhx | Owned by: | |
|---|---|---|---|
| Priority: | minor | Milestone: | 1.11.0 |
| Component: | ui.datepicker | Version: | 1.8.5 |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
Description
Currently the datepicker CSS files place the rules for the .ui-state-active before .ui-state-highlight and thus the rules from .ui-state-highlight take precedence over the rules of .ui-state-active.
This poses a problem for the datepicker when the current day is highlighted using the .ui-state-highlight class. If a user selects the current day in the datepicker, the .ui-state-highlight rule is applied with precedence over .ui-state-active. Thus the user is unaware that they have selected the current day as all they see is the highlight style for the current day.
Ideally the CSS properties of the .ui-state-active selector should be applied with precedence over the properties of ui-state-highlight in the datepicker. This allows users to clearly see their selection for all days (including the current highlighted day).
Suggestion:
Redefine the ui-state-active rules in the datepicker section of the themes:
.ui-datepicker .ui-state-active {...}
This would ensure that the active selection style is applied with precedence over the currently highlighted day in the datepicker.
Perhaps this style could be different to inform the user that they have not only selected a particular day, but that day is also the current day?