Date popup CSS

Did you ever find a resolution for this issue Jibus? I'm having it also and haven't yet figured out what is causing it. I was able to temporarily fix it with the following:

#ui-datepicker-div {
 width: auto;
}

Made a patch quickly

Fix for me

In my local environment, I couldn't reproduce the problem. The date picker is displayed with correct layout. Is this already fixed? If not, I'd like to know the steps to reproduce.

And the patch #3 looks for the class token-tree.

@@ -1781,6 +1781,7 @@ body.adminimal-theme .token-tree th {
   background: white;
   padding: 0;
   margin: 0;
+  width: auto;
 }

In my understanding, to address this issue, some style related with #ui-datepicker-div need to be fixed rather than token-tree. Am I wrong?

I found that this bug can be seen only with Material skin. So steps reproduce are

1. Select this theme as admin theme and Select Material skin.
2. Enable date_popup module.
3. Create a date field with popup calendar widget.
4. You can see the calendar layout is broken.

We have 2 options to fix this problem at a glance.

1. Add a style for .ui-datepicker.
2. Add a style for #ui-datepicker-div.

The option 1 doesn't work because the style defined by Date module can overwrite the style defined in this theme. So we need to use option 2 as jackfoust mentioned.

And I found that in the comment #6 I misunderstood the patch #3. I confirmed daften's patch surely fix the style related with #ui-datepicker-div. I'm sorry.

So I'd like move this to RTBC.