V5 Scheduler rendering without displaying events, except as dots

Event calendars & schedulers
1

Here’s my code:

  var inst = $('#staffschedule').mobiscroll5().eventcalendar({
    locale: mobiscroll.localeEn,
    display: 'inline',
    calendarHeight: 600,
    themeVariant: 'light',
    responsive: {
        xsmall: {
            view: {
                calendar: {type: 'month'},
                agenda: {type: 'month'}
            }
        },
        small: {
            view: {
                calendar: {type: 'month'}
            }
        }
    },
    onEventSelect: function (event, inst) {
          mobiscroll.toast({
              message: event.event.text
          });
      }
  }).mobiscroll5('getInst');

  inst.setEvents(JSON.parse(data));

My calendar is showing only dots for events on Dec 21 and 22nd, but in all your demos the calendar displays events with labels and colours.

scheduler%201
scheduler%201807×503 6.77 KB

scheduler%202
scheduler%202938×556 22 KB

How do I get my scheduler to show events with labels and colours?

2

Well, I found the answer to my own question quite by accident. Turns out I had to add labels:true to my calendar view.

responsive: {
    xsmall: {
        view: {
            calendar: {type: 'month'},
            agenda: {type: 'month'}
        }
    },
    small: {
        view: {
            calendar: {type: 'month',labels:true}
        }
    }
},