All skills

Use when building with Reka UI (headless Vue components) - provides component API, accessibility patterns, composition (asChild), controlled/uncontrolled state, virtualization, and styling integration. Formerly Radix Vue.

  • 55 files
  • 134.6 KB
  • MIT
  • Updated 8 months ago
  • GitHub

Use this Skill: https://skilld.dev/gh/onmax/claude-config/reka-ui

This session only. Nothing lands on disk.

componentsdate-range-field.md

≈357 tokens on demand. Your agent reads this file only when SKILL.md points to it.

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" -

Source: SKILL.md on GitHub

No third-party reports yet.

Signed by skilld at efeb94c. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub 12 hours ago.

Activeupdated 8 months ago

README badge

README badge for onmax/claude-config/reka-ui