JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.ractivejs.org/edge/ractive.js"></script>
<script src="https://code.jquery.com/jquery-2.1.1.js"></script>
<script src="https://code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
<script id='template' type='text/ractive'>
    value: {{value}}
    <br>
    <input type="text" value="{{value}}" decorator="picker">
</script>

JavaScript

var r = new Ractive({
    el: document.body,
    template: '#template',
    data: {
        value: null
    },
    decorators: {
        picker: function(node) {
            var ractive = this
            $(node).datepicker({
                    onSelect: function(dateValue) {
                        ractive.updateModel()
                    }
            });
            return {
                teardown: function() {
                    $(node).datepicker("destroy");
                }
            };  
        },
    }
})