Skip to content

Date components 24 hour format broken #1659

@cbasje

Description

@cbasje

Describe the bug

We don't use en-US as a locale so the time is in the 24-hour format. Unfortunately, it seems like the date components of bits-ui don't support the 24-hour format. Typing the time always defaults back to an hour value between 1-12 instead of 0-23 (or I think in some locales it should be 1-24). Also when using the vertical arrow keys, it always clamps to values between 1-12. I have provided a reproduction that is a fork of the example on https://www.bits-ui.com/docs/components/date-picker that only adds locale="nl-NL" and granularity="minute".

Reproduction

https://stackblitz.com/edit/jkyztwtt?file=src%2Froutes%2F%2Bpage.svelte

Logs

System Info

System:
    OS: macOS 15.5
    CPU: (10) arm64 Apple M2 Pro
    Memory: 95.20 MB / 32.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 24.1.0 - ~/.nvm/versions/node/v24.1.0/bin/node
    npm: 11.3.0 - ~/.nvm/versions/node/v24.1.0/bin/npm
    bun: 1.2.17 - /opt/homebrew/bin/bun
  Browsers:
    Safari: 18.5
  npmPackages:
    @sveltejs/kit: ^2.21.5 => 2.21.5
    bits-ui: ^2.8.11 => 2.8.11
    svelte: ^5.34.8 => 5.34.8

Severity

blocking all usage of bits-ui

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions