How to disable editing for Cell Edit Template column of Grid in ASP.NET Core application?

<ejs-grid id="Grid" dataSource="@ViewBag.data" allowPaging="true" toolbar="@( new List<object>() {"Add","Edit","Delete","Update","Cancel"})">
    <e-grid-editsettings allowAdding="true" allowDeleting="true" allowEditing="true"></e-grid-editsettings>    
<e-grid-columns>
        <e-grid-column field="OrderID" headerText="Order ID" isPrimaryKey="true" textAlign="Right" width="120"></e-grid-column>
        <e-grid-column field="CustomerID" headerText="Customer ID" textAlign="Right" width="120"></e-grid-column>
        <e-grid-column field="OrderDate" allowEditing="false" headerText="Order Date" customFormat="@(new { type ="date", format="hh:mm a" })" edit="@(new {create = "onCreate", read = "onRead", write = "onWrite", destroy= "onDestroy"})" width="130"></e-grid-column>
        <e-grid-column field="EmployeeID" headerText="Employee ID" textAlign="Right" width="120"></e-grid-column>
    </e-grid-columns>
</ejs-grid>

var isUser = true;
function onCreate(args) {
        element = document.createElement('input');
        return element;
    }
 
    function onRead(e) {
        return picker.value;
    }
 
    function onDestroy() {
        picker.destroy();
    }
 
    function onWrite(args) {
        picker = new ej.calendars.TimePicker({    // Rendering TimePicker component
            value: args.rowData[args.column.field],
            format: 'hh:mm a',
            enabled: !isUser; // Disables the editing when “isUser” is true
        });
        picker.appendTo(element);
    }