JSFiddle - React, Tailwind, and code Playground

by darkajax

HTML

<DIV id=infoByDay>Info by day:</DIV>
<DIV id=topDayDiv>
    <SELECT id=topDay>
        <OPTION selected></OPTION>
        <OPTION value=0>Today</OPTION>
        <OPTION value=-1>Wednesday FY 2013 FW 41</OPTION>
        <OPTION value=-2>Tuesday FY 2013 FW 41</OPTION>
        <OPTION value=-3>Monday FY 2013 FW 41</OPTION>
        <OPTION value=-4>Sunday FY 2013 FW 41</OPTION>
        <OPTION value=-5>Saturday FY 2013 FW 40</OPTION>
        <OPTION value=-6>Friday FY 2013 FW 40</OPTION>
    </SELECT>
</DIV>

CSS

#infoByDay {
 width: 200px;
 background: #F59338;
 font-weight: bold;
 border: 1px solid #8A8A8A;
}

#topDayDiv {
 background: #EEE;
 width: 200px;
 border: 1px solid #8A8A8A;
 text-align: center;
}