How to select a date range dynamically and highlight it?

Hi,

I would need to select a range of dates when loading the component, I would not like to select all month, day or all week. But I would need to select 3 days .. I have tried various ways but without success. I have tried using the following configurations at the onInit but without success. I enclose code:

   <div class="{{className}}" [style]="style">
      <daypilot-navigator [config]="config" (dateChange)="changeDate()" #navigator></daypilot-navigator>
    </div>

  @Input() set config(config: DayPilot.NavigatorConfig) {
    const date = new DayPilot.Date('2022/05/08');
    const dateEnd = new DayPilot.Date('2022/06/01');
    this.config = {
      showMonths: 3,
      skipMonths: 3,
      freeHandSelectionEnabled: true,
      selectMode: 'Day',
      selectionStart: date,
      selectionEnd: dateEnd
    };
    this.pConfig = config;
    this.cdr.detectChanges();
  }