JSFiddle - React, Tailwind, and code Playground

by harsh vardhan

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.min.css">
<link rel="stylesheet" href="http://tamble.github.io/jquery-ui-daterangepicker/daterangepicker-master/jquery.comiseo.daterangepicker.css">
<script src="https://cdn.jsdelivr.net/momentjs/2.3.1/moment.min.js"></script>
<script src="http://tamble.github.io/jquery-ui-daterangepicker/daterangepicker-master/jquery.comiseo.daterangepicker.js"></script>
        <input id="e1" name="e1" data-bind="datepicker:range">

JavaScript

ko.bindingHandlers.datepicker = {

        init: function (element, valueAccessor, allBindings, viewModel, bindingContext) {
            $(element).daterangepicker({ datepickerOptions: {} });
        }
    };

    var viewModel = function () {

        this.range= ko.observable("Jul 14, 2015 - Jul 16, 2015");
    };
    ko.applyBindings(new viewModel())