Angular 17 Z-index not working for ngx-date-range-picker material after upgrade to angular 17

[vamdandu]

I upgrade my application from angular 16 to angular 17.I am using ngx-date-range-picker material to display date range. After upgrade to angular 17 date pikcer is not displaying properly and selection also not working. When i inspect element we have z-index property. Even when i try to override z-index to increase this but its not getting effected. The date range picker is colliding with other controls in the page when it displays.
I tried to add .md-drppicker class to styles.css and tried to override even though its not working.

ngx-daterangepicker-material : 6.0.4
Angular version and materail and cdk : 17 version

Note : In angular 17 version when i use angular material and angular cdk versions of 16 it is working fine but with angular material 17 and angular cdk 17 version its not working.

[tlrmcknz]

Just another user, but try this. Seems to be working for me for 6.0.4 and angular 20

:root {
    .mat-mdc-text-field-wrapper:has(.md-drppicker.shown) {
        z-index: 10;
        ngx-daterangepicker-material {
            z-index: 10;
            display: block;
            position: fixed;
        }
    }
}