editable table row not working and ngOnChanges not detecting changes

I have a datatable, chart, and Latest value added label.

  • Table and chart are displaying time-series data that contains: the value time for the last 30 minutes and its numerical random value from 0 to 999.
  • Every 10 seconds new object gets pushed into the array and the oldest one is deleted so only the last 30 minutes are showing all the time.
    Latestvalue label is displaying the latest value added

I am trying to figure out why my time column doesnt want to be edited (as soon as i type something in the editing closes. The value columns editing works) in the table. Also for some reason the ngOnChanges in chart component is not detecting changes which it should because to the data array in main component is pushed new object every 10 seconds, so the chart should be updated every time it does that

Here is working stackblitz link : https://stackblitz.com/edit/angular-znnnsp?file=src%2Fapp%2Fmain%2Ftable%2Ftable.component.ts,src%2Fapp%2Fmain%2Ftable%2Ftable.component.css,src%2Fapp%2Fmain%2Ftable%2Ftable.component.html,src%2Fapp%2Fmain%2Fchart%2Fchart.component.html,angular.json,src%2Fapp%2Fmain%2Fmain.component.css,src%2Fapp%2Fmain%2Fmain.component.ts,src%2Fapp%2Fmain%2Flabel%2Flabel.component.html,src%2Fapp%2Fmain%2Flabel%2Flabel.component.css,src%2Fapp%2Fmain%2Fchart%2Fchart.component.ts