JSFiddle - React, Tailwind, and code Playground

HTML

<input id="test" type="text" title="." />

JavaScript

$('#test').tooltip({
    disabled: true,
    track: false,
    show: {
        effect: 'highlight'
    },
    open: function(event, ui) {
        var tipElement = $(this);
        
        setTimeout(function() {
            $(ui.tooltip).hide();
            tipElement.tooltip('disable');
            tipElement.tooltip('close');
        }, 7000);
    }
});

$('#test').on('focusout', function() {
        $(this).tooltip("option", "content", 'texto.');
        $(this).tooltip('enable');
        $(this).tooltip('open');
        $(this).focus();
});