Как выделить выделенный диапазон в ячейках с помощью пользовательского стиля?

Question

У меня есть ag-grid со столбцом, который имеет пользовательские стили для своих редактируемых ячеек.Я включил выбор диапазона в gridOptions.Когда я выбираю диапазон ячеек со стилем по умолчанию, я вижу, что выделенный диапазон подсвечивается.Однако, если я выбираю диапазон ячеек с индивидуальным стилем, этот диапазон фактически выбирается правильно, но визуального выделения для этого нет.

gridOptions: {
    defaultColDef: {
        sortable: true,
        filter: true,
        resizable: true,
        editable: this.makeCellsEditable,
        enableValue: true,
        enableRowGroup: false,
        enablePivot: false,
        valueFormatter: this.valueFormatter
    },
    columnDefs: [],
    rowData: [],
    rowSelection: "single",
    enableRangeSelection: true
}

Вот одно из настраиваемых настраиваемых полей в colDefs.

{
    headerName: "Fct/Act Start",
    field: "ProposedActualForecastStartDate",
    filter: "agDateColumnFilter",
    cellEditor: "datePicker",
    cellStyle: this.editableCellStyle,
    editable: true
}

Здесь определяется редактируемый стиль ячейки ...

editableCellStyle: function (params) {
    if (this.suppressCellStyleChanges) return;

    if (this.cellValueChanged(params)) {
        return { "background-color": "#f8f9b1" };
    }

    if (params.node.rowIndex === 0 || (params.node.rowIndex % 2) === 0) {
        return { "background-color": "white" };
    } else {
        return { "background-color": "#DEEAF6" };
    }
}

Я получаю, что пользовательский стиль переопределил стиль обычного выделения.Я просто не могу понять, как изменить стиль, чтобы определить, когда выбрана ячейка.