How to disable apply and Reset buttons

[webgunti05]

Hi, could please provide me the fix to disable / Enable the apply and Reset buttons until we select both start and end dates vice versa ?

[zhe1ka]

+1

[joyetgeorge]

+1

[kdsonit]

@webgunti05 try with this

@ViewChild(DaterangepickerDirective, { static: false }) pickerDirective!: DaterangepickerDirective;

ngAfterViewInit(): void {
    this.pickerDirective.startDateChanged.subscribe(() => {
      this.pickerDirective.picker.applyBtn.disabled = true;
    });
    this.pickerDirective.endDateChanged.subscribe(() => {
      this.pickerDirective.picker.applyBtn.disabled = false;
    });
  }