s-m-r-t
Open the s-m-r-t source on GitHub Switch to dark color scheme
← All UI components

Svelte · Forms and controls

DateRangeInput

No summary has been written for DateRangeInput. Everything below is generated from the declaration shipped in 0.44.0 and describes the real contract.

Public export

typescript 
import { DateRangeInput } from '@happyvertical/smrt-svelte/forms';
Import path
@happyvertical/smrt-svelte/forms
Props
13
Props described
13 of 13
Bindable state
0
Callback events
1
Verified release
0.44.0

Props

NameTypeRequiredDescription
namestringYesField name
labelstringNoField label
descriptionstringNoDescription for voice extraction
startPlaceholderstringNoStart date placeholder
endPlaceholderstringNoEnd date placeholder
startDatestringNoCurrent start date (ISO format YYYY-MM-DD, bindable)
endDatestringNoCurrent end date (ISO format YYYY-MM-DD, bindable)
minDatestringNoMinimum selectable date
maxDatestringNoMaximum selectable date
disabledbooleanNoDisabled state
requiredbooleanNoRequired field
errorstringNoError message to display
onchange(value: DateRangeValue) => voidNoCalled when value changes

Bindable state

This component has no bindable public state.

Callback events

  • onchange(value: DateRangeValue) => void

Examples and explanation

UI showcase Read the curated UI story for mechanism and usage guidance. smrt-svelte package reference See package status, version, limitations, and all public subpaths.