Normalize attribute (data-) break the range coloration about angular-datepicker HOT 3 CLOSED

This is a css selector issue. provided css and templates are only to provide examples.
One solution may be to use [*date-picker] pattern as a selector.
See http://www.w3.org/TR/css3-selectors/#selectors

from angular-datepicker.

That was a simple one and I didn't think of it … my bad.
Anyway, it would be better to have a CSS class.
Depending on the attribute to apply style is not the best solution : [*date-picker] may not be a fast selector.
Do we really need to know that it's a date-range ? Wouldn't the .date-picker class be enough (it is applied on each date-picker) ?
In that case, instead of :

[date-range] [date-picker] .after.before

We could write :

.date-picker .after.before

from angular-datepicker.

As I said, the bundled templates are only to provide some examples. You should not use them in your production version, as ie. the default date-picker template is very slow (because evaluating the expression used in ng-class is very slow).

I think the appropriate solution here would be having some fixed classes (like ng-dirty ng-model ng-pristine) and so we don't have to use ng-class), but currently I can't find any reasonable naming convention.

from angular-datepicker.