JSFiddle - React, Tailwind, and code Playground
JavaScript
{
"Foreman": "9c517a35-302a-4886-b4df-01b44ca8b2c3",
"PayPeriods": [{
"Id": "e49a72e5-0fd6-45ff-926b-b55d151bb0c8",
"PayPeriodName": "Union 100 Week 1",
"PayrollCode": "FIELD",
"ProjectId": "42f1d33a-9cec-4a78-97f6-a5ef695c870d",
"StandardDoubletimeHours": 2,
"StandardOvertimeHours": 0,
"StandardRegularHours": 8,
"StandardWorkDays": 8,
"UnionCode": "100",
"tmsTimeEntries": []}],
"ProjectId": "42f1d33a-9cec-4a78-97f6-a5ef695c870d",
"TimeEntries": [{
"CostItem": "00000000-0000-0000-0000-000000000000",
"DateWorked": "2012-06-10T00:00:00",
"EffectiveRateId": "00000000-0000-0000-0000-000000000000",
"EmployeeId": "9c517a35-302a-4886-b4df-01b44ca8b2c3",
"EmployeeName": "Avery, Corey D.",
"EquipmentId": null,
"Hours": 0.0,
"Id": "00000000-0000-0000-0000-000000000000",
"PayCodeId": "00000000-0000-0000-0000-000000000000",
"PayDate": "2012-06-10T00:00:00",
"PayPeriodId": "00000000-0000-0000-0000-000000000000",
"PayTypeId": "00000000-0000-0000-0000-000000000000",
"PayTypes": [{
"Id": "4064258b-260d-42b2-98bf-aabf6698c18d",
"PayCodes": [{
"Selected": false,
"Text": "Regular Hours",
"Value": "4064258b-260d-42b2-98bf-aabf6698c18d"}],
"PayType": "Regular Hours"},
{
"Id": "b59d7f2f-2ef4-41e0-aae5-a8c3e3fd38e5",
"PayCodes": [{
"Selected": false,
"Text": "Overtime Hours",
"Value": "b59d7f2f-2ef4-41e0-aae5-a8c3e3fd38e5"}],
"PayType": "Overtime Hours"},
{
"Id": "575c7da6-4f4f-4e41-9c3e-11760170c21b",
"PayCodes": [{
"Selected": false,
"Text": "Doubletime Hours",
"Value": "575c7da6-4f4f-4e41-9c3e-11760170c21b"}],
"PayType":...