JSFiddle - React, Tailwind, and code Playground

by rniemeyer

HTML

<script src="http://rniemeyer.github.io/knockout-kendo/js/jquery.min.js"></script>
<script src="http://rniemeyer.github.io/knockout-kendo/js/kendo.web.min.js"></script>
<script src="http://rniemeyer.github.io/knockout-kendo/js/knockout-kendo.min.js"></script>
<link rel="stylesheet" href="http://rniemeyer.github.io/knockout-kendo/css/kendo.common.min.css">
<select data-bind="value: test">
    <option value="1">1</option>
    <option value="2">2</option>
</select>
<input data-bind="kendoDatePicker: {value: date, enabled: dateEnabled }" />

Selected value: <span data-bind="text: test"></span>

JavaScript

var viewModel = {
    date: ko.observable(),
    test: ko.observable(), 
};

viewModel.dateEnabled = ko.computed(function() {
   return viewModel.test() === "2"; 
});

ko.applyBindings(viewModel);