You can display a custom text/html using a cell bubble if you add this to the config:
var dp = new DayPilot.Scheduler("dp", {
// ...
cellBubble: new DayPilot.Bubble({
onLoad: function(args) {
console.log("bubble", args.source);
var cell = args.source;
// resource holidays
var row = dp.rows.find(cell.resource);
var holidays = row.data.holidays;
if (holidays) {
var item = holidays.find(function(range) {
var start = new DayPilot.Date(range.start);
var end = new DayPilot.Date(range.end).addDays(1);
return DayPilot.Util.overlaps(start, end, cell.start, cell.end);
});
if (item) {
args.html = "resource holiday";
return;
}
}
// global holidays
var item = globalHolidays.find(function(range) {
var start = new DayPilot.Date(range.start);
var end = new DayPilot.Date(range.end).addDays(1);
return DayPilot.Util.overlaps(start, end, cell.start, cell.end);
});
if (item) {
args.html = "global holiday";
return;
}
}
})