power-calendar-range.days renders weekDayAbbrs-markup

edit I realized that the range component is meant to render markup please see my comment below for my actual feature request

First of all thanks for this great addon. I just realized that the power-calendar-range.days-component renders markup that displays weekday name-abbreviations. At least for me that was unexpected behaviour because I assume this component is meant to be a functional component that doesn’t render any markup.

This of course happens because of this part of the power-calendar/days.hbs-template.

While debugging this I also realized that there was a power-calendar-range/days.hbs-template in the project that never gets used because the power-calendar-range/days-component uses the same layout as power-calendar/days.

I’m not sure how to solve this in a way that aligns best with your vision of the project. Imo the easiest approach would be to really use the power-calendar-range/days-template and just yield the parts of the calendar that we assume users expect when using the range component. This means of course that we could basically reverse the inheritance chain in the plugin and make power-calendar-range/days the base class of the calendar responsible for calculating the relevant date information.

the power-calendar/days-component would be a presentational component then that actually outputs markup.

Do you think that’s a good idea? I’d be happy to submit a pull-request for that.

👋🍻

[cibernox]

Probably the {{power-calendar}} component is logicless enough already. It just adds a div with class, that is all. It could be tagless, but it would force me to implement myself some things like classes that ember does automatically.

The component that has both logic and markup is the {{calendar.days}} component. It knows how to build the weeks/days depending on the locale and some other options. However I’d like to spike this a bit myself before risking anyone to spend time on a possible dead end.

[neelimabhukya]

I am using power-calendar-range in my ember project but css is not reflecting in calendar what I need to do?