How to better personalize a calendar?
thealberto opened this issue · 2 comments
Hi,
I'm trying to use angular-bootstrap-calendar and create a calendar where a user can select multiple dates in one go and add an event to the selected range. So far, following the documentation, I can create a custom template for a monthly cell or allow a user to select a range of dates. Unfortunately, as soon as I try to mix the two things I cannot select the range anymore but the custom template is working fine. I have created the calendar in this way
<mwl-calendar
view="calendarView"
view-date="viewDate"
events="prices"
view-title="calendarTitle"
on-event-click="eventClicked(calendarEvent)"
on-event-times-changed="calendarEvent.startsAt = calendarNewEventStart; calendarEvent.endsAt = calendarNewEventEnd"
custom-template-urls="{calendarMonthCell: 'customMonthCell.html'}"
on-date-range-select="rangeSelected(calendarRangeStartDate, calendarRangeEndDate)"
cell-is-open="true"
cell-modifier="cellModifier(calendarCell)">
</mwl-calendar>
Can anyone show me a plunker working example please?
I have this question before on StackOverflow but no luck so far.
Thanks
Ah I think that example is a bit out of date, if you base your custom template from the latest master version it should give you the behaviour you're after 😄
Hi,
do you have time to create a working example please? I'm not able to do it.
Thanks