JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.kendostatic.com/2011.3.1129/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.default.min.css">
<div id="gw-window">
    <div id="gw-wrap" style="height:100%">
        <div class="gw-col1">
            filter strips
        </div>
        <div class="gw-col2">
            asdfasdf
        </div>
    </div>
</div>

CSS

.gw-col2 { border: 1px solid green; }

JavaScript

function resizeSplitter(arg) {
    $('#gw-wrap').trigger("resize");
}

$(document).ready(function () {
    var $window = $('#gw-window').kendoWindow({
        width: 500,
        height: 350,
        minWidth: 500,
        minHeight: 350,
        resize: resizeSplitter,
        panes: [
            { collapsible: false, resizable: false },
            { collapsible: false, resizable: false }
            ]
    });
    
    var $splitter = $('#gw-wrap').kendoSplitter({
        orientation: 'horizontal' 
    });
});