Date Input

Edit date-only values through locale-aware keyboard segments.

Playground

Preparing interactive preview…

Try it. Change it. Make it yours.

Agent details

Source locations and the selected example. Props and behavior live in the source.

Use Glaze's Date Input (date-input) in this interface.
Selected preview: https://glaze.dev.celados.com/components/date-input

Glaze is a Solid 2 / StyleX library: @celados/glaze.
Repository: https://github.com/celados/glaze
Start with skills/glaze/SKILL.md and skills/glaze/references/index.md in the repository or installed package.
Follow the discovery index to the public module under src/solid/. Read its exported props/types and implementation before composing it.
Find the selected example by searching for "date-input" in explorer/*catalog.tsx; follow renderPreview to its implementation and imports.
The matching preview is the interaction reference. Use the source types as the API contract, not a guessed React or Solid 1 equivalent.

Example composition to locate in the source:
<DateInput.Root name="due">
  <DateInput.Label>Due date</DateInput.Label>
  <DateInput.Control><DateInput.SegmentGroup><DateInput.SegmentContext>{segment => <DateInput.Segment segment={segment} />}</DateInput.SegmentContext></DateInput.SegmentGroup></DateInput.Control>
  <DateInput.HiddenInput />
</DateInput.Root>