fix: datetime fields responsive

[Adzouz]

What does it do?

Improve the responsive of the datetime picker fields on small containers.

1853.bug._.No.property.available.to.stack.date.and.time.picker.fields.vertically.column.instead.of.row.mp4

I also took the liberty to unify the size between the two elements (most of the time it's 50/50 in the admin interface)

Why is it needed?

Improve the experience on smaller screens or when including a datetime field inside a modal / small container.

How to test it?

• Go to storybook > Inputs > DateTimePicker
• Try to resize the window

Related issue(s)/PR(s)

Resolves #1853

🚀

[changeset-bot]

🦋 Changeset detected

Latest commit: ff3ad4a

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 3 packages

Name	Type
@strapi/design-system	Patch
@strapi/icons	Patch
@strapi/ui-primitives	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
design-system	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 5, 2025 9:12am

[simotae14]

Hello @Adzouz , thanks a lot for this precious fix.
Now the Date time picker is responsive 🌟
I am not sure, btw, it is the request made in the github issue, I mean, I am not sure if they want us to expose a property to let them align vertically or horizontally the DateTimePicker.
Can you please check with https://github.com/TMSchipper if yours it is the desired behaviour?

[remidej]

nice improvement 👍

just check with Louis about that tiny design change

[Adzouz]

I checked with both of them and we have a green light. Merging it, thanks a lot guys 🚀