/* Without measurements, keep document navigation in normal flow so enlarged headings cannot scroll behind an estimated sticky header. */ .site-page-frame > .container-wrapper > header:has([data-docs-site-header]) { position: static !important; } @media (max-width: 63.999rem) { [data-page-frame-layout] { flex-direction: column !important; } .docs-sidebar { width: 100% !important; } .mobile-sidebar-pane { position: static !important; inset: auto !important; display: flex !important; width: 100% !important; max-height: min(60svh, 32rem); border-bottom: 1px solid var(--color-border); } .main-frame { width: 100% !important; } [data-site-contents-command] { display: none !important; } }

Date-Picker (WIP)

date-picker composition and explicit implementation boundary.

Date Picker is a composition of the real Popover and Calendar atoms. A date request selects through Calendar and requests Popover closure. open, value and month retain their original controlled/uncontrolled boundaries. Calendar grid, row, heading and navigation atoms can be used inside the content.

WIP functional source. Full runtime/Compiler/native, packaging, browser and visual acceptance remain pending.

Web Components React Vue Vue 2

Loading interactive preview… The article and source are ready to read. Interactive controls will appear here when ready.

.proto-previewer__skeleton { display: none !important; }