FORM

Date

Date provides an Input-like trigger with a custom calendar dropdown, typed string values, explicit bounds, and consistent feedback. Its sm, md, and lg sizes scale both trigger height and displayed date text.

PLAYGROUND

Schedule a launch

Open the custom calendar dropdown to write an ISO calendar date to launchDate while min and max keep the selection inside the release window.

Launch date
Choose a date in the next release window.

VALUE CONTRACT

YYYY-MM-DD

Keep the value timezone-neutral when the product only needs a calendar day.

Bounded and target-neutral

dowe
signal launchDate value:"2026-08-15"

Date bind:launchDate label:"Launch date" labelFloating:true min:"2026-08-01" max:"2026-12-31" helpText:"Choose a date in the next release window." size:"lg" name:"launch-date"
  validate rule:"required" message:"Choose a launch date."
  validate rule:"date" message:"Choose a valid calendar date."

BOUNDS AND SURFACES

Make valid dates obvious

min and max define an inclusive calendar window. The visual surface can change without changing the value contract.

Outlined
Soft
Solid
Line
dowe
Date value:"2026-09-01" label:"Outlined" min:"2026-01-01" max:"2026-12-31" scheme:"info"
Date value:"2026-09-01" label:"Soft" min:"2026-01-01" max:"2026-12-31" variant:"soft" scheme:"success"
Date value:"2026-10-15" label:"Solid" min:"2026-09-01" max:"2026-12-31" variant:"solid" scheme:"warning"
Date value:"2026-11-20" label:"Line" min:"2026-01-01" max:"2026-12-31" variant:"line" scheme:"secondary"

FEEDBACK AND SCALE

Pair dates with useful context

helpText guides selection and errorText reserves a correction path. Sizes map to 32, 40, and 48 logical units; labelFloating adds 8.

Billing date
Invoices close on the fifth business day.
Date needs review
This date must fall after the contract start date.
Small
Medium
Large

Closing an empty calendar or choosing a date marks the control as touched. Rule feedback then updates after every selection.

BEHAVIOR

One calendar-day contract

Dowe lowers the same string value, bounds, label, and feedback model to web, SwiftUI, and Compose. The floating label stays aligned with the displayed date instead of the trailing calendar affordance.

BINDING

String Signal

bind reads and writes YYYY-MM-DD values without timezone conversion.

VALIDATION

Inclusive bounds

min and max keep a date inside a declared calendar window and must form a valid range.

TARGETS

Custom calendar

Web, iOS, and Android use the same Dowe-owned month, weekday, and day-cell interaction over the shared field model.

API

Props

Date also accepts the applicable common spacing, sizing, typography, visibility, accessibility, and shadow props.

Prop
Type
Default

No data

There are no records to display