Responsive configuration on Listview not working correctly

[marciogurka]

Forum post

Checking the documentation and adapting this demo https://bryntum.com/products/calendar/examples/listview/

It's expected that the columns configuration accepts a responsiveLevels property, but that is not working (the columns are still displayed even on smaller screens).

const calendar = new Calendar({
    // Start life looking at this date
    date : new Date(2020, 9, 12),

    // Show the event list
    modes : {
        list : {
            range   : 'year',
            columns : [
                {
                    field            : 'name',
                    text             : 'Assignment/Task',
                    responsiveLevels : {
                        '*'    : { hidden : false },
                        medium : { hidden : false },
                        small  : { hidden : false }
                    }
                },
                {
                    field            : 'startDate',
                    responsiveLevels : {
                        '*'    : { hidden : false },
                        medium : { hidden : true },
                        small  : { hidden : true }
                    }
                },
                {
                    field            : 'endDate',
                    responsiveLevels : {
                        '*'    : { hidden : false },
                        medium : { hidden : true },
                        small  : { hidden : true }
                    }
                }
            ],
            features : {
                group : {
                    field : 'startDate'
                }
            }
        }
    },

    mode : 'list',

    // CrudManager arranges loading and syncing of data in JSON form from/to a web service
    crudManager : {
        loadUrl    : 'data/busy.json',
        // This demo uses a custom Event model with extra fields
        eventStore : {
            modelClass : AppEvent
        },
        autoLoad : true
    },

    appendTo : 'container'
});