JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jeditable.js/1.7.3/jeditable.min.js"></script>
<p style="font-size:10pt; white-space: nowrap;display: inline;">Next meeting:
    <div class="display-date select_next_jc" style="font-size:10pt; white-space: nowrap;display: inline;">test-time <a class="edit-trigger">Edit</a>

    </div>
</p>

JavaScript

$(document).ready(function () {
    $(".display-date").editable('www.example.com', {
        type: 'select',
        data: "{'Belgrade':'Belgrade','Paris':'Paris','London':'London', 'selected':'Belgrade'}",
        cancel: 'cancel',
        submit: 'ok',
        style: 'inherit'
    });
});


$(".edit-trigger").click(function () {
    $(this).prev().trigger(".display-date");
});