CalendarPanel

By default, when navigating through time, the next time block will be animated in from the appropriate direction.

Configure this as false to disable this.

A function (or the name of a function) which creates content in, and may mutate a day cell element.

The date which this CalendarPanel encapsulates.

The DateHelper format string to format the day names in the header row above the calendar cells.

The class name to add to disabled calendar cells.

Either an array of Date objects which are to be disabled (or date strings), or a function (or the name of a function), which, when passed a Date returns true if the date is disabled. Disabled dates cannot be interacted with.

Configure as true to render non working days as disabledDates.

Note, that by default, non working days are read from the locale, and are normally Saturday and Sunday. But they can be set to other days than weekend days.

Configure this as true to disable pointer interaction with cells which are outside the range of the current month.

Configure as true to render Saturdays and Sundays as disabledDates.

A function (or the name of a function) which creates content in, and may mutate a day header element.

The cell element may be mutated, or an HTML string or DomConfig object may be returned.

Configure this as true to hide cells which are outside the range of the current month.

By default, day cells flex to share available Panel width equally.

Set this config if the available width is too small, and the cell width needs to be larger to show events.

Setting this config causes the month grid to become scrollable in the X axis.

By default, week rows flex to share available Panel height equally.

Set this config if the available height is too small, and the cell height needs to be larger to show events.

Setting this config causes the month grid to become scrollable in the Y axis.

May be specified as a number in which case it will be taken to mean pixels, or a length in standard CSS units.

A Month Month utility object which encapsulates this Panel's month and provides contextual information and navigation services.

The class name to add to calendar cells which are nonWorkingDays.

Non-working days as an object where keys are day indices, 0-6 (Sunday-Saturday), and the value is true. Defaults to nonWorkingDays.

The class name to add to calendar cells which are in the previous or next month.

Configure as true to render past dates in a lighter text color.

Configure as true to show a week number column at the start of the calendar block.

Configure as true to always show a six-week calendar.

A config object to create a tooltip which will show on hover of a date cell including disabled, weekend, and "other month" cells.

It is the developer's responsibility to hook the beforeshow event to either veto the show by returning false or provide contextual content for the date.

The tip instance will be primed with a date property.

The class name to add to the calendar cell which contains today's date.

The header text for the week number column, if shown.

The class name to add to calendar cells which are weekend dates.

A function (or the name of a function) which creates content in, and may mutate the week cell element at the start of a week row.

weekRenderer(wekkCell, week) {
    // week[0] is the year
    // week[1] is the week number
    cell.innerText = week[1];
}

The cell element may be mutated, or an HTML string or DomConfig object may be returned.

The week start day, 0 meaning Sunday, 6 meaning Saturday. Defaults to weekStartDay.

By default, when navigating through time, the next time block will be animated in from the appropriate direction.

Configure this as false to disable this.

Gets or sets the date that orientates the panel to display a particular month. Changing this causes the content to be refreshed.

The end date of this view. Note that in terms of full days, this is exclusive, ie: 2020-01-012 to 2020-01-08 is seven days. The end is 00:00:00 on the 8th.

Note that this may not be the last date of this panel's current month.

Configure as true to render past dates in a lighter text color.

Configure as true to show a week number column at the start of the calendar block.

The date of the first day cell in this panel. Note that this may not be the first of this panel's current month.

The number of rows displayed in this month. If sixWeeks is not set, this may be from 4 to 6.

The header text for the week number column, if shown.

Returns the cell associated with the passed date.

To exclude dates which are outside of the panel's current month, pass the strict parameter as true

Refreshes the UI after changing a config that would affect the UI.

The date which this CalendarPanel encapsulates. Setting this causes the content to be refreshed.

Set to 0 for Sunday (the default), 1 for Monday etc.

Set to null to use the default value from DateHelper.