How to add custom css class name to the daterangepicker?

[sridhargoshika]

Is there any way to add a custom css class name to the daterangepicker ? so that I can apply my own styles based on the my class name.
Like this,
$(document).find('.stdate').each(function () { $(this).daterangepicker( { customClass: 'my-css', opens: 'left', autoUpdateInput: false, //"parentEl": $(this).closest('div'), locale: { cancelLabel: 'Clear' } }); });

[sridhargoshika]

Here is one solution,
`$(document).find('.stdate').each(function () {
$(this).daterangepicker(
{
//customClass: 'my-css',
opens: 'left',
autoUpdateInput: false,
//"parentEl": $(this).closest('div'),
locale: { cancelLabel: 'Clear' }

                    }).on('show.daterangepicker', function (ev, picker) {
                        picker.container.addClass('my-custom-css');                            
                    });
            });`

Custom style example:
<style> .daterangepicker.my-custom-css { z-index:9999 !important; } </style>