Skip to content

[bug]: No property available to stack date and time picker fields vertically [column instead of row] #1853

Open
@TMSchipper

Description

@TMSchipper

What version of design-system are you using?

"@strapi/strapi": "^5.2.0",
"@strapi/design-system": "2.0.0-rc.11",

What's Wrong?

The date and time picker components in the Strapi Design System currently render in a single row, with no available property or option to display them stacked vertically. This causes layout issues, particularly in narrow side panels (such as the content manager sidebar), where the elements overflow beyond the container.

Image

To Reproduce

Use the component in a small container (e.g., a sidebar).
Notice that the date and time fields are displayed inline (horizontally), leading to overflow issues.
There is no documented property to switch to a vertical layout.

Expected Behaviour

There should be a property (e.g., stacked or layout="vertical") to allow developers to control whether the date and time fields are displayed:

Horizontally (default behavior)
Vertically (one field below the other)
This would improve usability and allow for better responsive layouts.

Metadata

Metadata

Assignees

No one assigned

    Labels

    issue: bugIssue reporting a bugstatus: confirmedConfirmed by a Strapi Team member or multiple community members

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions