Modal datepicker not working after theme change

To add to my previous post:

I can actually see the shadow of datepicker below the modal window. So I guess it is some z-index conflict in css. Tried adding/altering some z-index in datepicker.css, but the problem remains.

Thanks

I was able to reproduce the issue after activating the hueman theme.

After analyzing the issue, it looks like the hueman theme has a CSS override for the jquery “ui-datepicker” class in file themes/hueman/option-tree/assets/css/ot-admin.css on line 2888.

It has set the z-index: 101 to !important, which is overriding all the z-index.

Oasis Workflow plugin also uses jquery, but we do not override the datepicker CSS. The oasis workflow plugin uses the default jquery settings for date picker.

One option is to remove the !important from the hueman – ot-admin.css. That will fix the display issue. Go ahead and try it and see if this works.

You might have to work with the theme developer and see if there is a better solution for this issue.

Hope this helps.

Thanks a lot.

I have set the z-index in the plugin’s datepicker.css to a higher value with !important that solved the issue for now. (Did this before the reply) Will keep this in mind during updates. Thanks again for the reply and the extremely useful plugin.