Date not visible when screen too small

[Dirvann]

When selecting the date, the date box becomes too small on a small screen.
Solution would be to modify the underlying DateTime helper plugin with css.

Current:

Wanted:

Adding "flex-direction: column" to the div surrounding the date and time boxes works. But I don't know how to implement this in the code:

[ComfortablyCoding]

That component is from the strapi design system which unfortunately is not responsive yet. I will see if I can add some custom CSS to fix it in the meantime.

[Dirvann]

Indeed I might make a PR on the strapi design system for the component to have that fix included.

Custom css would be amazing! Thanks

[ComfortablyCoding]

I had a try at this and unfortunately the DateTimePicker (the component being used here) does not seem to support classNames or custom css. This makes it impossible to apply any customs style. We will need to wait for strapi/design-system#860

Will see if I can find any workaround, closing for now.