Skip to content

Repair Datepicker popup and form behavior - #43313

Draft
mdo wants to merge 3 commits into
mainfrom
codex-datepicker-contract
Draft

mdo wants to merge 3 commits into
mainfrom
codex-datepicker-contract

Conversation

@mdo

@mdo mdo commented Nov 7, 2026 •

Copy link
Copy Markdown
Member
  • Preserve the original input, application listeners, and keyboard focus order.
  • Show popups in the browser’s top layer and keep them aligned during scrolling.
  • Display local dates and submit ISO dates. Format prefilled inputs on page load without opening the popup.
  • Preserve form resets, disabled fields, and disposal. Prevent overlapping resets and popup openings from using old state.
  • Restore theme inheritance, contrast, RTL, and Sass options. Update the migration guide and Datepicker docs.

Fixes #43093.
Fixes #43101.
Fixes #43145.
Fixes #43149.
Fixes #43202.

Closes #43097.
Closes #43112.
Closes #43119.
Closes #43150.
Closes #43151.
Closes #43169.
Closes #43232.
Closes #43244.
Closes #43254.

Fixes julien-deramond/bootstrap-test-playground#139.
Fixes julien-deramond/bootstrap-test-playground#155.
Fixes julien-deramond/bootstrap-test-playground#174.
Fixes julien-deramond/bootstrap-test-playground#181.
Fixes julien-deramond/bootstrap-test-playground#185.
Fixes julien-deramond/bootstrap-test-playground#265.
Fixes julien-deramond/bootstrap-test-playground#324.
Fixes julien-deramond/bootstrap-test-playground#356.
Fixes julien-deramond/bootstrap-test-playground#372.

Addresses the Datepicker portion of #43170. Toast and the Anchor Positioning proposal remain open there.

Addresses the Datepicker portions of julien-deramond/bootstrap-test-playground#173, julien-deramond/bootstrap-test-playground#186, and julien-deramond/bootstrap-test-playground#208.

The automatic initialization opt-out proposal in #43372 remains separate.

Keep keyboard users in the form flow. Preserve the application input
when the calendar closes or is disposed. Submit ISO dates while the
visible field keeps its local format.

Let Bootstrap own popup lifetime, focus, events, and positioning. Give
Vanilla Calendar Pro a separate render node. Keep reset and disabled
form behavior consistent. Repair theme, contrast, RTL, and Sass switch
support. Document the form contract and trusted template boundary.

Refs #43093, #43101, #43145, #43149, #43202
@netlify

netlify Bot commented Nov 7, 2026 •

Copy link
Copy Markdown

✅ Deploy Preview for twbs-bootstrap ready!

Name Link
🔨 Latest commit be04470
🔍 Latest deploy log https://app.netlify.com/projects/twbs-bootstrap/deploys/6af89452e3fb404e71d8a612
😎 Deploy Preview https://deploy-preview-43313--twbs-bootstrap.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

The Datepicker changes increase three JavaScript bundles beyond their
gzip budgets. Raise those limits to the next quarter-kilobyte boundary
above each measured size.
@julien-deramond julien-deramond added v6 v6, the main branch accessibility Keyboard, screen readers, contrast, ARIA bug Something does not work as documented color-mode Light and dark color modes css Sass sources or compiled CSS docs Documentation site and its content html Component markup: elements, attributes, structure js JavaScript or TypeScript sources and plugins rtl Right-to-left support tests Unit, visual or CSS tests labels Nov 7, 2026
This was referenced Nov 9, 2026
@julien-deramond julien-deramond added the has-conflicts Conflicts with its base branch: needs a rebase label Nov 12, 2026
Format prefilled dates before focus and submit their ISO values.
Keep a completed reset when a later reset is canceled. Ignore an
older popup opening after a new opening starts. Respect disabled
fieldsets when opening the calendar.

Keep the current main changes and update the migration guide.
@julien-deramond julien-deramond removed the has-conflicts Conflicts with its base branch: needs a rebase label Nov 14, 2026

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

accessibility Keyboard, screen readers, contrast, ARIA bug Something does not work as documented color-mode Light and dark color modes css Sass sources or compiled CSS docs Documentation site and its content html Component markup: elements, attributes, structure js JavaScript or TypeScript sources and plugins rtl Right-to-left support tests Unit, visual or CSS tests v6 v6, the main branch

Projects

None yet

2 participants