Hello, @Raj Dev

You can call a custom function for the template property of the filterable cell. Just like the below.

filterable: {
  cell: { template: customFilter },
  showOperators: false
}

function customFilter(args) {
    var filterCell = args.element.parents(".k-filtercell");
    filterCell.empty();
    filterCell.html('<input type="text" name="datefilter" class="k-textbox k-FullWidth" value="" autocomplete="off" readonly/>');

    $('input[name="datefilter"]').daterangepicker({
        autoUpdateInput: false,
        showDropdowns: true,
        locale: {
            cancelLabel: 'Clear'
        }
    });
}