JSFiddle - React, Tailwind, and code Playground

by bthorn

HTML

<div id="divResult" style="margin-left: 15px"></div>

JavaScript

var months = [{
  number: '01',
  title: 'January'
}, {
  number: '02',
  title: 'February'
}, {
  number: '03',
  title: 'March'
}, {
  number: '04',
  title: 'April'
}, {
  number: '05',
  title: 'May'
}, {
  number: '06',
  title: 'June'
}, {
  number: '07',
  title: 'July'
}, {
  number: '08',
  title: 'August'
}, {
  number: '09',
  title: 'September'
}, {
  number: '10',
  title: 'October'
}, {
  number: '11',
  title: 'November'
}, {
  number: '12',
  title: 'December'
}];

var data = [{
  "fileName": "August.20.2015.pdf",
  "fileSizeText": "609 KB",
  "fileAccessed": "2015-12-03T07:21:11.767626-07:00",
  "directoryName": "08 - 2015",
  "year": "2015",
  "month": "August",
  "shortMonth": "08"
}, {
  "fileName": "September.15.2015.pdf",
  "fileSizeText": "806 KB",
  "fileAccessed": "2015-10-21T13:18:21.577097-07:00",
  "directoryName": "09 - 2015",
  "year": "2015",
  "month": "September",
  "shortMonth": "09"
}, {
  "fileName": "October.22.2015.pdf",
  "fileSizeText": "331 KB",
  "fileAccessed": "2015-12-15T10:21:00.194822-07:00",
  "directoryName": "10 - 2015",
  "year": "2015",
  "month": "October",
  "shortMonth": "10"
}, {
  "fileName": "October.28.2015.pdf",
  "fileSizeText": "2009 KB",
  "fileAccessed": "2015-12-01T10:44:27.754937-07:00",
  "directoryName": "10 - 2015",
  "year": "2015",
  "month": "October",
  "shortMonth": "10"
}, {
  "fileName": "October.06.2015.pdf",
  "fileSizeText": "3161 KB",
  "fileAccessed": "2015-11-25T13:51:46.210558-07:00",
  "directoryName": "10 - 2015",
  "year": "2015",
  "month": "October",
  "shortMonth": "10"
}, {
  "fileName": "December.03.2015.pdf",
  "fileSizeText": "1778 KB",
  "fileAccessed": "2015-12-07T05:23:33.228568-07:00",
  "directoryName": "12 - 2015",
  "year": "2015",
  "month": "December",
  "shortMonth": "12"
}, {
  "fileName": "December.04.2015.pdf",
  "fileSizeText": "144 KB",
  "fileAccessed": "2015-12-08T05:06:34.223478-07:00",
  "directoryName": "12 - 2015",
  "year": "2015",
  "month":...