Highlight Today and Shorten Weekday Names in DayPilot Lite Monthly Calendar

You can use the onBeforeCellRender event handler to add a custom CSS class to selected cells.

At this moment, the Lite version doesn’t support the onBeforeHeaderRender event. However, you can use a custom locale with dayNames values you want to use as column headers.

I have installed "@daypilot/daypilot-lite-angular": "^5.6.0".
See below there is no property related to cssClass.

interface MonthBeforeCellRenderArgs {

        readonly control: DayPilot.Month;

        readonly cell: {

            readonly start: DayPilot.Date;

            readonly end: DayPilot.Date;

            readonly properties: {

                business: boolean;

                headerHtml: string;

                html: string;

                backColor: string;

            };

        };

    }

It looks like the cssClass property isn’t exposed in the latest version (5.7.0), indeed.

• It is now available in the latest sandbox build (5.8.0-sandbox.828)

• This build also includes support for the onBeforeHeaderRender event which lets you customize the day header HTML.

If there is any problem, please let me know.

What is difference between sandbox build and normal version.
Can I use sandbox version in production app?

The sandbox version is the latest development build. It is not always stable. But this particular version should work fine.