Date Range Picker

A select component for picking date ranges.

Source

Installation

npx @rahimstack@latest add date-picker

Usage

Refer to the Date Picker component for additional usage information.

Uncontrolled

  • Input type: text, Ref prop: inputRef
  • Value type: string ("yyyy-MM-dd,yyyy-MM-dd")
  • If not required, an empty string will be submitted if the input is empty.

API Reference

const DateRangePickerAnatomy = defineStyleAnatomy({
    root: cva([
        "UI-DateRangePicker__root",
        "line-clamp-1 text-left",
    ]),
    placeholder: cva([
        "UI-DateRangePicker__placeholder",
        "text-[--muted]",
    ]),
})