Skip to main content


adds a CSS class to specific days

mark?: (a: Date) => string;


.highlight-date {
color: #fff;

const calendar = new dhx.Calendar("calendar_container", {
mark: function(date) {
if (date.getDay() === 6) {
return "highlight-date";
css: "dhx_widget--bordered"

Related sample: Calendar. Marked and disabled dates

The function passed to the method receives one parameter:

  • date (Date) - a date object

and must return a string with the name of the CSS class or an empty string.