Dowe

FORM

Date

Date provides an Input-like trigger with a custom calendar dropdown, typed string values, explicit bounds, and consistent feedback.

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

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." variant:"outlined" scheme:"primary" size:"lg" name:"launch-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

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

FEEDBACK AND SCALE

Pair dates with useful context

helpText guides the selection and errorText reserves a clear correction path when a workflow validates the date.

Billing date

Invoices close on the fifth business day.

Date needs review

This date must fall after the contract start date.

Small

Medium

Large

BEHAVIOR

One calendar-day contract

Dowe lowers the same string value, bounds, label, and feedback model to web, SwiftUI, and Compose.

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

No data