Releases: nhn/tui.calendar
Releases · nhn/tui.calendar
v0.6.4
v0.6.3
v0.6.2
v0.6.1
BREAKING CHANGES: v0.6.0
BREAKING CHANGES
- feat: change the package name
tui-full-calendar
totui-calendar
Names
tui.FullCalendar
->tui.Calendar
tui-full-calendar
->tui-calendar
Files
tui-full-calendar.js
->tui-calendar.js
tui-full-calendar.css
->tui-calendar.css
Features
- feat: Add grid header/footer template(date, decorator, title, exceed schedules)
options.grid = {
header: {
height: 34
},
footer: {
height: 10
}
};
options.template = {
monthGridHeader: function(model) {
var date = new Date(model.date);
var template = '<span class="tui-full-calendar-weekday-grid-date">' + date.getDate() + '</span>';
var today = model.isToday ? 'TDY' : '';
if (today) {
template += '<span class="tui-full-calendar-weekday-grid-date-decorator">' + today + '</span>';
}
if (holidays[date.getDate()]) {
template += '<span class="tui-full-calendar-weekday-grid-date-title">' + holidays[date.getDate()] + '</span>';
}
return template;
},
monthGridHeaderExceed: function(hiddenSchedules) {
return '<span class="calendar-more-schedules">+' + hiddenSchedules + '</span>';
},
monthGridFooter: function() {
return '<div class="calendar-new-schedule-button">New Schedule</div>';
},
monthGridFooterExceed: function(hiddenSchedules) {
return '<span class="calendar-footer-more-schedules">+ See ' + hiddenSchedules + ' more events</span>';
},
};
- feat: Add the monthly dayname template
options.template = {
weekDayname: function(dayname) {
return '<span class="calendar-week-dayname-name">' + dayname.dayName + '</span><br><span class="calendar-week-dayname-date">' + dayname.date + '</span>';
}
}
- feat: Add the weekly dayname template
options.template = {
monthDayname: function(dayname) {
return '<span class="calendar-week-dayname-name">' + dayname.label + '</span>';
}
}
- feat: change the holiday-sun color
fixes
chore: fix eslint errors