Angular-calendar: Provide a way of overriding each components templates

[mattlewis92]

🎉🎉🎉 This is now completed, see https://github.com/mattlewis92/angular-calendar/issues/16#issuecomment-288164932 for how to use it 🎉 🎉🎉

Plan of action:

• [x] move calendarDayViewEventComponent business logic up into the parent day view component. All child components will now be "dumb" and easier to pass a custom template in
• [x] refactor month view header into its own component
• [x] refactor week view header into its own component
• [x] make all dumb child components accept a custom template like this
• [x] expose all child components from the module entry point - this will let users use component inheritance to extend any of the components

Additional demos to add:

• [x] custom templates
• [x] group month view events

[enyachoke]

Hi thanks for porting this to angular 2 we were using it in angular on and we are now upgrading. We could like to add labels to the event dots. Like include counts or some custom text. Is this possible yet.

[mattlewis92]

You can customise the tooltips but not the actual templates yet.

[enyachoke]

@mattlewis92 thanks. It is not really a showstopper but it would be nice to have.

[mattlewis92]

I aim on getting it done in the next month or so 😄

[enyachoke]

@mattlewis92 I believe for us to have this feature angular 4.x.x will be a hard dependency or do you plan on getting away to support 2.x.x

[mattlewis92]

Yeah I realised we'd have to wait for angular 4 to drop (in 2 weeks time). However the upgrade should be seamless for most users so I don't consider it a big deal.

[mattlewis92]

Custom templates are now available as of 0.9.0! 🎉 You can either extend the main components to override the entire template or for most use cases just a specific part of the component with the <template> tag. There is a demo of how to do that here for the month cell, for all places you can pass a template in see the commits on the changelog. Please feedback to me if this meets enough use cases 😄

[DerZyklop]

This is awesome! Thank you!

Here you said, that you need to wait for angular 4 to make this possible. But your component looks like its built on 2.3.x. I‘m confused. What is the correct dependency to use custom templates?

[mattlewis92]

In the end I landed on a solution that uses v2, so you should be able to use it seamlessly 😀