Custom navigation interval in Scheduler

• have the ~TimelineMonth view (to see 4-5 calendar weeks in the viewport)
• but on navigation, I want to move forward or backward in the timeline with a 1-week interval

<e-view option='TimelineWeek' [interval]="4">

<button (click)="clickNext()">button>
<button (click)="clickPrev()">button>

[selectedDate]="selectedDate"

@ViewChild("detailedSchedule")
public detailedSchedule: ScheduleComponent;

public selectedDate: Date = new Date(2018, 7, 4);

clickNext() {
  this.selectedDate = this.detailedSchedule.timelineViewsModule.renderDates[7];
}

clickPrev() {
  const prevDate = new Date(this.detailedSchedule.timelineViewsModule.renderDates[0]) - 1;
  this.selectedDate = new Date(prevDate);
}

<button (click)="clickNext()">button>
<button (click)="clickPrev()">button>

(dataBound)="dataBoundFn($event)"

dataBoundFn(event: object) {
  $(".detailedSchedule .e-toolbar-item.e-prev.e-tbtn-align.e-overflow-show").remove();
  $(".detailedSchedule .e-toolbar-item.e-next.e-tbtn-align.e-overflow-show").remove();

  const nextDiv = $(`<div class="e-toolbar-item e-next e-tbtn-align e-overflow-show" aria-disabled="false" aria-label="next period" title="Next"></div>`);
  const nextBtn = $(`<button class="e-tbar-btn e-control e-btn e-lib e-icon-btn" type="button" tabindex="-1" style="width: auto;" title="Next"></button>`);
  const nextSpan = $(`<span class="e-btn-icon e-icon-next e-icons"></span>`);
  nextBtn[0].addEventListener("click", this.clickNext.bind(this));
  nextBtn.append(nextSpan);
  nextDiv.append(nextBtn);

  const prevDiv = $(`<div class="e-toolbar-item e-prev e-tbtn-align e-overflow-show" aria-disabled="false" aria-label="previous period" title="Previous"></div>`);
  const prevBtn = $(`<button class="e-tbar-btn e-control e-btn e-lib e-icon-btn" type="button" tabindex="-1" style="width: auto;" title="Previous"></button>`);
  const prevSpan = $(`<span class="e-btn-icon e-icon-prev e-icons"></span>`);
  prevBtn[0].addEventListener("click", this.clickPrev.bind(this));
  prevBtn.append(prevSpan);
  prevDiv.append(prevBtn);
  if (!$(".detailedSchedule .e-toolbar-item.e-next.e-tbtn-align.e-overflow-show").length) {
    $(".detailedSchedule .e-toolbar-left").prepend(nextDiv);
  }
  if (!$(".detailedSchedule .e-toolbar-item.e-prev.e-tbtn-align.e-overflow-show").length) {
    $(".detailedSchedule .e-toolbar-left").prepend(prevDiv);
  }
}