JSFiddle - React, Tailwind, and code Playground

HTML

<div id="date"></div>

<div class="item one">
    Manhã 
</div>

<div class="item two">
    tarde
</div>

<div class="item three">
    noite
</div>

CSS

.item{
    margin:10px;
    display:block;
    display:none;
}

JavaScript

function between(s,e) {
	var hours = new Date().getHours(); 
    return (hours >= s && hours <= e);
}

if(between(0,12)) {
   $('.one').show();
} else if(between(13,19)) {
	$('.two').show();
}else if(between(19,23)) {
	$('.three').show();
}