Loading source

Preparing the source view

Pulling the file list, source metadata, and syntax-aware rendering for this listing.

Source from repo

Reka UI

Build accessible, unstyled Vue 3 components using Reka UI (formerly Radix Vue) with WAI-ARIA compliance.

onmaxGitHub onmaxSource repo Original GitHub link Publisher page

Files

54

Skill

n/a

Size

134.4 KB

Entrypoint

SKILL.md

Format

git-repo

Open file

components/date-range-field.md

Syntax-highlighted preview of this file as included in the skill package.

Rendered Source

markdown53 linesFree

Date Range Field

Date range input (alpha)

Parts: DateRangeFieldRoot, DateRangeFieldInput

DateRangeFieldRoot

Props

Prop	Type	Default
`as`	`AsTag \	Component`	`"div"`
`asChild`	`boolean`	-
`defaultPlaceholder`	`DateValue`	-
`defaultValue`	`DateRange`	-
`dir`	`"ltr" \	"rtl"`	-
`disabled`	`boolean`	`false`
`granularity`	`"day" \	"hour" \	"minute" \	"second"`	-
`hideTimeZone`	`boolean`	-
`hourCycle`	`12 \	24`	-
`id`	`string`	-
`isDateUnavailable`	`Matcher`	-
`locale`	`string`	`"en"`
`maxValue`	`DateValue`	-
`minValue`	`DateValue`	-
`modelValue`	`DateRange`	-
`name`	`string`	-
`placeholder`	`DateValue`	-
`readonly`	`boolean`	`false`
`required`	`boolean`	-

Emits

Event	Payload
`update:modelValue`	`[DateRange]`
`update:placeholder`	`[date: DateValue]`

Slots

Slot	Type
`modelValue`	`DateRange`
`segments`	`{ start: { part: SegmentPart; value: string; }[...`

DateRangeFieldInput

Props

Prop	Type	Default
`as`	`AsTag \	Component`	`"div"`
`asChild`	`boolean`	-
`part`*	`"day" \	"month" \	"year" \	"hour" \	"minute" \	...`	-
`type`*	`"start" \	"end"`	-