JSFiddle - React, Tailwind, and code Playground

HTML

<input value ="2013-06-12"><button>Add</button>
<time datetime="2013-07-29">2013-07-29</time>
<time datetime="2013-06-14">2013-06-14</time>
<time datetime="2013-06-10">2013-06-10</time>
<time datetime="2013-05-01">2013-05-01</time>

CSS

time {display:block;margin:10px 0;}
time.new {color:#f00;}

JavaScript

$('button').on('click',function(){
    var date = $('input').val();
    var html = $('<time datetime="'+date+'">'+date+'</time>');
    html.addClass('new').insertAfter('time[datetime="2013-06-14"]');
});