Is it possible for a user to manually enter a date range value?

[Joseph Rabbi Raja]

Currently, I am using a Date Range Picker for selecting start and end date values. I would like to know if there is a possibility to manually input the date values. While I can input the date range values in the filter option, once the filter values are fetched, the date range values are cleared. Is there a way to retain the manually input date range values after fetching the filter values?

[Mallesh Ravi Chandran]

Hi Joseph ,

We suspect that if you wish to select the date range values manually after fetching the preset options, you can accomplish this by utilizing the open event. Here is the code snippet:

 public onOpen(args: any): void {

    (this.dateRangePickerObj as any).popupWrapper

      .querySelector('.e-list-parent')

      .lastChild.click();

  }

 <ejs-daterangepicker

      #sample

      (open)="onOpen($event)"

   / >

 

Gif :

Sample : https://stackblitz.com/edit/angular-xkjmt2-mjscvp?file=src%2Fapp.component.ts,src%2Fapp.component.html

API reference (open event ) : https://ej2.syncfusion.com/angular/documentation/api/daterangepicker/#open

We have also prepared the sample for your reference. Furthermore, if there is a possibility that we misunderstood your requirement, we would greatly appreciate it if you could provide us with further information about your scenario. This will help us align our understanding with your expectations and provide you with the best possible assistance.

Regards,

Mallesh