Depth property of DateRangePicker

[narinder]

Hi Everyone,

I've tried different ways to apply depth property on DateRangePicker. It's not working. Can anyone help me with an example. I need to set depth as Year.

[narinder]

Can anyone please reply on this ? A bit urgent

[Sureshkumar P]

Hi Narinder, 

 

Greetings from Syncfusion support.  

 

Yes, we can set the start and depth property in our angular daterangepicker component.  

 

Kindly refer the below code block. 

 

[component.html] 

  <ejs-daterangepicker [start]='start' [format]="format" [depth]='depth'></ejs-daterangepicker> 

 

[component.ts] 

 

public start: CalendarView = 'Year'; 

    public depth: CalendarView = 'Year'; 

 

To know more about our start and depth property please follow our online demo and documentation links. 

 

Online demo: https://ej2.syncfusion.com/angular/demos/#/material/daterangepicker/month-range-picker  

 

Documentation links: 

 

Start : https://ej2.syncfusion.com/angular/documentation/api/daterangepicker#start  

 

Depth: https://ej2.syncfusion.com/angular/documentation/api/daterangepicker#depth  

 

Regards, 

Sureshkumar P 

[narinder]

Hi Suresh,

I am following the same link , which you provided

 I am getting below on Build :

Can't bind to 'depth' since it isn't a known property of 'ejs-daterangepicker'.

If i am providing depth='Year' directly in html , it doesn't gives me error on build , but it's not making any difference on UI.

[Berly Christopher]

Hi Narinder, 

  

We suspect that the reported issue ”Can't bind to 'depth' since it isn't a known property of 'ejs-daterangepicker” may be caused due to use the lower version of the Syncfusion Calendar package in your application.  

  

Because we have provided the start and depth support in the product version “17.1.32“. So, we suggest you to ensure that you have used this version in your application if not, please upgrade the package to 17.1.32 or above version (latest 17.4.42) to get rid of the reported issue, 

  

Sample Link: https://stackblitz.com/edit/angular-sfvqyq?file=app.component.html 

  

Please find the release notes details from the below link. 

Release notes: https://ej2.syncfusion.com/documentation/release-notes/17.1.32/#daterangepicker 

  

Regards,
Berly B.C