JSFiddle - React, Tailwind, and code Playground

HTML

<table class="table-responsive1"><tbody style="width:150%"><tr style="background: none repeat scroll 0 0 #4d6684;color:#fff;"><td class="columnfirst">Date</td><td class="inner">01</td><td class="inner">02</td><td class="inner">03</td><td class="inner">04</td><td class="inner">05</td><td class="inner">06</td><td class="inner">07</td><td class="inner">08</td><td class="inner">09</td><td class="inner">10</td><td class="inner">11</td><td class="inner">12</td><td class="inner">13</td><td class="inner">14</td><td class="inner">15</td><td class="inner">16</td><td class="inner">17</td><td class="inner">18</td><td class="inner">19</td><td class="inner">20</td><td class="inner">21</td><td class="inner">22</td><td class="inner">23</td><td class="inner">24</td><td class="inner">25</td><td class="inner">26</td><td class="inner">27</td><td class="inner">28</td><td class="inner">29</td><td class="inner">30</td><td class="inner">31</td><td class="inner" style="width:100px;" rowspan="2">Total Hours Worked</td></tr><tr style="background: none repeat scroll 0 0 #4d6684;color:#fff;"><td class="columnfirst">Day</td><td class="inner">Mo</td><td class="inner">Tu</td><td class="inner">We</td><td class="inner">Th</td><td class="inner">Fr</td><td class="inner">Sa</td><td class="inner">Su</td><td class="inner">Mo</td><td class="inner">Tu</td><td class="inner">We</td><td class="inner">Th</td><td class="inner">Fr</td><td class="inner">Sa</td><td class="inner">Su</td><td class="inner">Mo</td><td class="inner">Tu</td><td class="inner">We</td><td class="inner">Th</td><td class="inner">Fr</td><td class="inner">Sa</td><td class="inner">Su</td><td class="inner">Mo</td><td class="inner">Tu</td><td class="inner">We</td><td class="inner">Th</td><td class="inner">Fr</td><td class="inner">Sa</td><td class="inner">Su</td><td class="inner">Mo</td><td class="inner">Tu</td><td class="inner">We</td></tr><tr class="tableRow"><td class="columnfirst">Recruitment &amp; Selection</td><td class="inner"></td><td...

CSS

.inputCopyCat{
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    background-color: white;
    background-color: -moz-field;
    border: 1px solid darkgray;
    box-shadow: 1px 1px 1px 0 lightgray inset;
    font: -moz-field;
    font: -webkit-small-control;
    margin-top: 5px;
    padding: 2px 3px;
    width: 398px;
}

JavaScript

//Now Need to Get Available Months on Based of Year
        $('tr.tableRow td.inner').on('click',function(e){
//            e.preventDefault();
//            e.stopImmediatePropagation();
            $(this).attr('contentEditable','true');
            $(this).addClass('inputCopyCat');
            $(this).focus();
            var lastColumnTotal = $(this).parent().find('.totalTD').text();
            var lastColumnSelector = $(this).parent().find('.totalTD');
//            console.log(lastColumn);
            max = 1;
            sum = Number(lastColumnTotal) - Number($(this).text());
            var editorSelector = $(this);
            editorSelector.keyup(function(e){
                $tr=$(this).closest('tr');
                var sum=0;
                $tr.find('td.inner').each(function(){
                    //console.log(Number($(this).text()));
                    sum += Number($(this).text());
                });
                //$tr.find('td.inner:last-child').text(sum);
                check_charcount(editorSelector, max, e);
            });
            editorSelector.keydown(function(e){ check_charcount(editorSelector, max, e); });

            function check_charcount(editorSelector, max, e)
            {
                if(e.which != 8 && editorSelector.text().length > max)
                {
                    // $('#'+content_id).text($('#'+content_id).text().substring(0, max));
                    e.preventDefault();
                    e.stopPropagation();
                    Parexons.notification('You can Not Add More Characters','warning');
                }
            }
        });
        $('tr.tableRow td.inner').focusout(function(e){
//            e.preventDefault();
//            e.stopImmediatePropagation();
            $('td.inputCopyCat').removeAttr('contentEditable');
            $('td.inputCopyCat').removeClass('inputCopyCat');
            var hoursWorked = Number($(this).text());
            var dateOfHoursWorked =...