Ranges are not updated

[gcherem]

Versions

• Angular version: 11
• component version: 4.0.1

Describe the bug Ranges labels are not updated after changing in ranges array.

To Reproduce Steps to reproduce the behavior:

I have the component declared like this in a reactive form:

    <input
      type="text"
      name="calendar"
      opens="left"
      matInput
      ngxDaterangepickerMd
      [(ngModel)]="selectedDate"
      class="form-control"
      [locale]="locale"
      [showRangeLabelOnInput]="true"
      [alwaysShowCalendars]="true"
      [showDropdowns]="true"
      [ranges]="ranges"
      (datesUpdated)="onChangeCalendar($event)"
    />

Since the user can change the language (i18n) on the fly, I recalculate the ranges array with the new labels, but the component is not updated.

Expected behavior Calendar and placeholder labels automatically updated as the ranges get updated.

[gcherem]

Worked after update for v5