I can't use custom ranges with an INLINE daterangepicker

[irinavasilescu]

Versions

• Angular version: 11
• component version: 4

Description What I'm doing:

ranges: any = {
    'Today':        [moment(), moment()],
    'Yesterday':    [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
    'Last 7 Days':  [moment().subtract(6, 'days'), moment()],
    'Last 30 Days': [moment().subtract(29, 'days'), moment()],
    'This Month':   [moment().startOf('month'), moment().endOf('month')],
    'Last Month':   [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
};

<ngx-daterangepicker-material [ranges]="ranges"></ngx-daterangepicker-material>

What I get This causes only the custom ranges to be displayed, no calendar, like this:

What I'm expecting I expect something like this:

I might be doing something wrong 😅 Some help would be much appreciated 😸

[pranayat]

Seems to be an issue. Did you end up solving this?