Blazor DateRange Picker не привязывается

Question

У меня есть сторонний сборщик диапазонов дат. Этот компонент устанавливает значение от javascript до поля ввода. Проблема в том, что Blazor не может распознать изменение с javascript, и мое свойство привязки всегда равно null.

Я не могу найти ничего об этой проблеме, я пытался с JSInvokable, но она не работает ...

Javascript

 $('.rangePicker').daterangepicker({
    linkedCalendars: false,
    autoUpdateInput: false,
    locale: {
        format: 'DD.MM.YYYY',
        applyLabel: "Übernehmen",
        cancelLabel: 'Abbrechen',
        startLabel: 'Von',
        endLabel: 'Bis',
        daysOfWeek: ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'],
        monthNames: ['Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember'],
        firstDay: 1
    }
}).on('apply.daterangepicker', function (ev, picker) {
    $(this).val(picker.startDate.format('DD.MM.YYYY') + ' - ' + picker.endDate.format('DD.MM.YYYY'));
});

HTML

  <div class='input-group mb-3'>
     <input type='text' class="form-control rangePicker" bind="@HolidayViewModel.DateRange" />
      <div class="input-group-append">
           <span class="input-group-text datePickerTrigger">
            <span class="ti-calendar"></span>
           </span>
      </div>
  </div>