WeekExpander

A Feature which, when present, adds a week row expansion tool to week rows in MonthViews so that a row which contains overflowing cells can be expanded to show all events with no overflow.

Week expander

//<code-header>
fiddle.title = 'Week expander';
//</code-header>
const calendar = new Calendar({
    appendTo : targetElement,
    mode     : 'month',
    date     : new Date(2026, 9, 12),
    tbar     : false,
    features : {
        weekExpander : true
    },

    crudManager : {
        inlineData : {
            events : [
                {
                    id        : 1,
                    startDate : new Date(2026, 9, 12),
                    duration  : 2,
                    name      : 'Click expander arrow'
                },
                {
                    id        : 2,
                    startDate : new Date(2026, 9, 12),
                    duration  : 2,
                    name      : 'Meeting'
                }, {
                    id        : 3,
                    startDate : new Date(2026, 9, 12),
                    duration  : 2,
                    name      : 'Meeting'
                }, {
                    id        : 4,
                    startDate : new Date(2026, 9, 12),
                    duration  : 2,
                    name      : 'Meeting'
                }, {
                    id        : 5,
                    startDate : new Date(2026, 9, 12),
                    duration  : 2,
                    name      : 'Meeting'
                }
            ]
        }
    }
});

const calendar = new Calendar({
    appendTo : 'container',

    // Start life looking at this date
    date : new Date(2020, 9, 12),

    features : {
        weekExpander : true
    },

    // CrudManager arranges loading and syncing of data in JSON form from/to a web service
    crudManager : {
        transport : {
            load : {
                url : 'data/data.json'
            }
        },
        autoLoad : true
    }
});

*Expanding* a week row using this feature may cause the MonthView to have vertical overflow.

When combined with autoRowHeight, *collapsing* a week row sets the `autoRowHeight` property to `false`. Detect this state change using the weekFlex event.

This feature is disabled by default