Angular SetValue with Kendo Timepicker

Question

I am having some difficulty figuring out the correct way to set the value of my kendo-timepicker inside of my reset code.

In my code I have my reset to do the following:

getWeekOptions() {
    if(!this.isLoading) {
      const res = this.schedulerSettingsForm.get("weekOptions") as FormArray;
      const controls = res.controls;
  
      return controls;
    }
  }
this.getWeekOptions().forEach((x, i) => {
      x.setValue(
        {
          StartTime: x.value.StartTime,
          EndTime: x.value.EndTime,
          DayOfWeek: x.value.DayOfWeek,
          Selected: x.value.Selected
        });
    })

    this.schedulerSettingsForm.updateValueAndValidity();

The issue here is that it executes fine, no errors in console or anything, but the value that kendo shows in the UI is "null". The values being set are actual, none of them are undefined. As can be seen in this image (ignore the odd UI, idk why it is this jank on my system)

Clicking into the timepicker, however, sets the time to the correct default value (in this case 9AM for start, 5PM for end). Interestingly, if I were to update the setValue to be

x.setValue(x, {
          StartTime: x.value.StartTime,
          EndTime: x.value.EndTime,
          DayOfWeek: x.value.DayOfWeek,
          Selected: x.value.Selected
        });

Would result in an error saying I need to set a value for the formControl "StartTime", but the UI then has the times properly showing. So in essence forcing an error causes correct behavior. Patch Value here is entirely worthless as it does the same thing as the non error setvalue: null shown in the UI. What am I doing wrong here?

For those interested my form is defined as such:

this.schedulerSettingsForm = this.formBuilder.group({
      weekOptions: this.formBuilder.array([]),
      sessionLengths: this.formBuilder.array([])
    })