angular-calendar
Advanced tools
Changelog
0.28.0 (2019-11-14)
If implementing a custom adapter, the max
function signature has changed to accept an array of dates, instead of an infinite argument list.
The date adapters no longer accept strings as input arguments.
week-view: If extending the root week view component to override the template you must make the following changes:
Wrap the time events with <div "class='cal-events-container'">
Change <div class="cal-time-label-column" *ngIf="view.hourColumns.length > 0">
to <div class="cal-time-label-column" *ngIf="view.hourColumns.length > 0 && daysInWeek !== 1">
Add [isTimeLabel]="daysInWeek === 1"
to the bottom <mwl-calendar-week-view-hour-segment>
elements
The trackBy function trackByDayOrWeekEvent
was split into trackByWeekAllDayEvent
and trackByWeekTimeEvent
week-view: if using a custom headerTemplate
on the week view, then you must now add let-dragEnter="dragEnter"
to the templates variables and (dragEnter)="dragEnter.emit({ date: day.date })"
onto the mwlDroppable
element.
the columnHeaderClicked
output on the month view now exposes an object instead of just the ISO day number
Before:
columnHeaderClicked="columnHeaderClicked($event)"
After:
columnHeaderClicked="columnHeaderClicked($event.isoDayNumber)"
Any custom styles you used for the day view will need to be adjusted. The cal-day-view-theme
sass mixin is now gone as all the styles are shared between the week and day view.
The eventWidth
option is removed, events now fill the available width.
If using [daysInWeek]="1"
on the week view, the date and title formatters for the day view will be used instead.
The week view now has a border top applied to the top of the component container, rather than the top of the day headers container.
The getDayView
and getDayViewHourGrid
functions have been removed from the CalendarUtils
service.
The following interfaces from calendar-utils
were renamed: DayViewHourSegment
-> WeekViewHourSegment
, DayViewHour
-> WeekViewHour
, DayViewEvent
-> WeekViewTimeEvent
The day view scheduler demo is now based off the week view instead, please check the updated demo code for how to migrate: https://mattlewis92.github.io/angular-calendar/#/day-view-scheduler
If using a custom template for the hourSegmentTemplate
, you must pass let-isTimeLabel="isTimeLabel"
as a local variable and then change <div class="cal-time">
to <div class="cal-time" *ngIf="isTimeLabel">
allDayEventsLabelTemplate
input (224848c)