Datepicker не будет фильтровать результаты, в частности, рейсы с датой

Question

Привет У меня возникла проблема с DatePicker, в частности, с фильтрацией дат полета, над которыми я работал. Я настраиваю DatePicker, который может помочь мне отфильтровать даты рейсов, которые заказали наши клиенты. Где мне нужно установить некоторые улучшения. Надеюсь, вы можете помочь.

Я хочу, чтобы DatePicker отфильтровал забронированные даты на их рейсе. Например, было бронирование 10 июля 2019 года, но когда пользователь щелкнул по дате в календаре, которая является 10 июля 2019 года, она не отображается или не фильтруется. Я хочу показать это как виджет календаря.

Вот некоторые скриншоты, которые я сделал. У кого-нибудь есть код для этого, который работает или может указать мне правильное направление?

Вот это для booking-page.component.html:

         <appname-datepicker 
                    [parentForm]="bookingForm"
                    [controlName]="'flightDate'"
                    [backgroundColor]="backgroundColor"
                    [tabindex]="'8'"
                    [errorText]="'Flight date is required!'"
                    [minDateValue]="minDateValue"
                    [maxDateValue]="maxDateValue"
                    [placeholder]="getDatePickerPlaceholder()"
                  >
                  </appname-datepicker>
                  </div>

                <div class="form-group text-center mb-2" translate>
                  - or -
                </div>

                <div class="form-group">
                 <input formControlName="flightNumber"
                        type="text"
                        class="form-control"
                        placeholder="{{'your-flight-numbers' | translate}}">
                  <div ngxErrors="flightNumber">
                  <span class="form-error text-danger" ngxError="required" [when]="['dirty', 'touched']">
                     Flight number is required!
                   </span>
                   </div>
                   </div>

                <div class="mb-2">
                  <appname-datepicker
                    [controlName]="'flightDate'"
                    [backgroundColor]="backgroundColor"
                    [parentForm]="bookingForm"
                    [tabindex]="'8'"
                    [errorText]="'Flight date is required!'"
                    [minDateValue]="minDateValue"
                    [maxDateValue]="maxDateValue"
                    [placeholder]="getDatePickerPlaceholder()"
                  >
                  </appname-datepicker>
                </div>```


Here it is for the booking-page.component.ts:

    ``` getDatePickerPlaceholder () {
        let travelType = startCase(this.travelType) + '-date';
        this.translateService.get(travelType.toLowerCase()).subscribe((res: string) => { travelType = res;
        });
        return travelType;
        } ```

expecting some clean and well filtered date picker