TimeRangeStore

A store representing a collection of time ranges used by the Calendar. It extends the Scheduler's TimeRangeStore with Calendar-specific defaults, using TimeRangeModel as its default model class. Time ranges loaded into this store are rendered in day and week views by the TimeRanges feature to highlight specific time periods such as working hours, breaks, or blocked-out intervals.

const calendar = new Calendar({
    features : {
        timeRanges : true
    },
    timeRangeStore : {
        data : [
            {
                id        : 1,
                name      : 'Lunch break',
                startDate : '2024-01-15 12:00',
                endDate   : '2024-01-15 13:00',
                color     : 'orange'
            }
        ]
    }
});

See also

• TimeRangeModel — The model class used by this store
• TimeRanges — The feature that renders stored time ranges
• ProjectModel — The project that holds this store