These are the tests. If you are contributing to clndr.js, please take the time to click through each test and ensure that it's working correctly. The clndr.<name> variables refer to variables you can use in the developer console to access each one of the instances on this page.

clndr.default ~ Default settings.

clndr.adjacent ~ test showAdjacentMonths and adjacentDaysChangeMonth.
edges of other months should be visible & clicking them should switch the month.

clndr.passInATemplate ~ Pass in a template.

clndr.passInEvents ~ Pass in events.

clndr.callbacks ~ Test the clickEvent callbacks. Logs in the console.

clndr.multiday ~ Show multi-day events (12th - 17th, 24th - 27th). Logs in the console.

clndr.multidayMixed ~ Show multi-day events (12th - 17th, 24th - 27th), plus a single day event (19th). Logs in the console.

clndr.multidayMixedPerformance ~ Show multi-day events (12th - 17th, 24th - 27th), plus 10 single-day events every day this month. This tests a performance optimization in clndr's event parsing. Rendered in seconds. Logs in the console.

clndr.multidayLong ~ Show multi-day events (12th - 17th, 24th - 27th). Logs in the console.

clndr.constraints ~ Test start & end constraints. (4th of this month to the 12th of next month). Logs in the console.

clndr.startConstraint ~ Test start constraint. (4th of this month). Logs in the console.

clndr.endConstraint ~ Test end constraint. (12th of next month). Logs in the console.

clndr.api ~ Test calling the API (next, previous, setMonth, setYear) with/without { withCallbacks: true } as an argument. onMonthChange and onYearChange will log only if withCallbacks is true.

clndr.sixRows ~ Test the forceSixRows option, which should make a six-row calendar regardless of the length of each month.

clndr.customClasses ~ Test using options.classes to define custom classes. Should appear normally with events & log to the console.


clndr.threeMonths ~ Test length.months option, which should display three months. Interval changes log to the console.

clndr.threeMonthsWithEvents ~ Test length.months option, which should display three months. Contains multi-day events.

clndr.threeMonthsWithConstraints ~ Test length.months option, which should display three months. Contains multi-day events and constraints.

clndr.oneWeek ~ Test length.days option. Should display two weeks, and next & previous buttons should advance in one week intervals.

clndr.oneWeekWithConstraints ~ Two week view that advances in one week intervals. Contains multi-day events and constraints.

clndr.selectedDate ~ Should highlight the last date you clicked on.

clndr.selectedDateIgnoreInactive ~ Should highlight the last date you clicked on, except if it's an inactive date.