JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://jqueryui.com/resources/demos/style.css">
<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<div class='date'>
    <ul>
        <li>First select a date.</li>
        <li>Then try to select a new date in the next month. This is not possible for me.</li>
    </ul>
    <p>Date:
        <input type="text" class="datepicker" />
    </p>
    <p>If the slide effect in tooltip is removed it works as expected.</p>
    <p>Fails with Firefox 34.0.5 and Internet Explorer 11.0.</p>
</div>

JavaScript

$(function () {
    $('.datepicker').datepicker({
        showOn: "button",
        buttonImage: "//jqueryui.com/resources/demos/datepicker/images/calendar.gif",
        buttonImageOnly: true,
        buttonText: "Select date"
    });
    $(document).tooltip({
        show: {
            effect: 'slide',
            delay: 500
        }
    });
    $('div.date').dialog({
        title: "Enter date",
        autoOpen: true,
        width: 'auto',
        modal: true
    });
});