JSFiddle - React, Tailwind, and code Playground

HTML

<section class="featured">
        <h1>Featured Event:</h1>
        <div class="vevent h-event">
            <h2 class="summary p-name">
                Nursing Documentation: Avoid Legal Risks &amp; Improve Patient Care
            </h2>
            <time class="dtstart dt-start"  datetime="2012-12-13 13:00:00-05:00">
                <span class="value-title" title="2012-12-13 13:00:00-05:00"></span>
                <span class="day">Thursday, December 13, 2012</span>
                <span class="time"> 1:00 PM</span>
            </time>
            <time class="dtend dt-end" datetime="2012-12-13 14:00:00-05:00">
                <span class="value-title" title="2012-12-13 14:00:00-05:00"></span>
                <span class="sep"> - </span> 
                <span class="day">Thursday, December 13, 2012</span>
                <span class="time">2:00 PM (Eastern Time)</span>
            </time>
            <p class="description p-description">
                Accurate documentation is critical to avoiding malpractice allegations and preventing an investigation from the State Nursing Board. How can your staff provide...
            </p>
            <a class="url" href="/2JX/0">Click here to learn more</a>
        </div>
    </section>

CSS

.featured time.dt-start .day { display: block; }

.featured time.dt-end .day { display: none; }