<div id="filter"></div>
<script>
  var data = [
      { name: "Jane Doe", isManager: true },
      { name: "John Doe", isManager: false }
    ];

  var dataSource = new kendo.data.DataSource({
    data: data
  });

  $("#filter").kendoFilter({
    dataSource: dataSource,
    operators: {
        boolean: {
            custom: {
                text: "Custom Boolean Filter",
                handler: function(data) {
                    console.log("Custom boolean filter applied", data);
                    return true;
                }
            }
        }
    },
    fields: [
      { name: "isManager", type: "boolean", label: "Is Manager" }
    ]
  });
</script>