JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.3.0/knockout-debug.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.3/moment.js"></script>
<script src="https://tamble.github.io/jquery-ui-daterangepicker/daterangepicker-master/jquery.comiseo.daterangepicker.js"></script>
<input id="e1" data-bind="dateRangePicker: range">

JavaScript

ko.bindingHandlers.dateRangePicker = {
    init: function(element, valueAccessor, allBindings, viewModel, bindingContext) {
        var $el = $(element);
        $el.daterangepicker({
            onChange: function() {
                var range = JSON.parse($el.val());
                valueAccessor()(range);
            }
        });
        var value = valueAccessor()();
        if (value) {
            var range = {"start": new Date(value["start"] + " 00:00:00")};
            if (value["end"]) {
                range["end"] = new Date(value["end"] + " 00:00:00");
            }
            $el.daterangepicker("setRange", range);
        }
    }
};

window._vm = {
    range: ko.observable()
};

ko.applyBindings(window._vm);