twbs / bootstrap / 36527234692

94%

main: 94%

Pull #42962

github

Floating labels: always float date and time inputs (#42833)

* fix(forms): always float labels on date and time inputs

Date, time, datetime-local, month, and week inputs do not support
placeholders like text fields, so floating labels looked filled even
when empty and padding stayed inconsistent.

Keep those controls (and selects) in the floated label and padding
state, and document the behavior.

Fixes #39257

* fix(forms): mute date/time separators and dedupe docs

Date and time inputs show hard `/` and `:` dividers that fight the
control’s muted placeholder look in WebKit and Blink.

Color those separators with the control placeholder token, and fold the
duplicate date and time docs section into one.

* feat(forms): add always-floating labels for v6

Port the always-visible floating label opt-in from #36155 to the v6
token and label-first :has() model.

Show placeholders on focus by default, and add .form-floating-always
to keep the label floated with a visible placeholder.

Supersedes #36155

* fix(forms): pass floating label CI checks

Use lint-compatible date, time, and select selectors while preserving
their matches. Raise the minified CSS budget to cover the new floating
label rules.

1880 of 2107 branches covered (89.23%)

Branch coverage included in aggregate %.

3803 of 3946 relevant lines covered (96.38%)

134.4 hits per line