<div data-options="dxView : { name: 'scheduler' } ">
            
    <div data-bind="dxCommand: { title: '', id: 'add', icon: 'plus', onExecute: bookingAddClick }"></div>        
    <div data-bind="dxCommand: { title: '', id: 'print', icon: 'fa fa-print', onExecute: printCliniciListClick, visible: printClinicsListVisible }"></div>
    <div data-bind="dxCommand: { title: '', id: 'settings', icon: 'fa fa-cog', onExecute: settingsPopoverClick, visible: settingsCommandVisible }"></div>

    <div style="height: 100%;" data-options="dxContent : { targetPlaceholder: 'content' } ">

        <!--<div data-bind="dxclick: nextButtonClick" class="prevButton" style="display: block; z-index: 200000; "></div>
        <div data-bind="dxclick: previousButtonClick" class="nextButton" style="z-index: 200000; "></div>-->

        <div data-options="dxViewPlaceholder: { viewName: 'schedulerShared' }"></div>

    </div>
</div>