JSFiddle - React, Tailwind, and code Playground

HTML

<input id="date" type="text" placeholder="ткни в меня">
    <div id="div">
        <a id="button" href="">кнопка</a>
    </div>

CSS

#div {
    position: absolute;
    display: none;
    top: 20px;
    left: 50px;
    border: 1px solid;
    background: #dbdbdb;
    width: 200px;
    height: 200px;
    padding: 20px;
}

JavaScript

$('#date').on('focus', function() {
    $('#div').show();
}).on('blur', function() {
    $('#div').hide();
});
$('#button').on('click', function() {
    $('#date').val('ta-dam');
    return false;
})