Elements Range Calendar
Back to Elements

Range Calendar

0 components

UI elements you can copy into your project.

API reference

Generated from each primitive's $props() declaration.

RangeCalendar.Root

Date range picker calendar.

Prop Type Default Description
ref bind: HTMLElement | null null
value bind: — —
placeholder bind: — —
weekdayFormat string "short"
class as className string —
buttonVariant string "ghost"
captionLayout string "label"
locale string "en-US"
months as monthsProp — —
years — —
monthFormat as monthFormatProp — —
yearFormat string "numeric"
day Snippet —
disableDaysOutsideMonth boolean false
...restProps Record<string, unknown> — Remaining attributes, spread onto the underlying element.

RangeCalendar.Caption

Date range picker calendar.

Prop Type Default Description
captionLayout — —
months — —
monthFormat — —
years — —
yearFormat — —
month — —
locale — —
placeholder bind: — —
monthIndex number 0

RangeCalendar.Cell

Date range picker calendar with dark mode support.

Prop Type Default Description
ref bind: HTMLElement | null null
class as className string —
...restProps Record<string, unknown> — Remaining attributes, spread onto the underlying element.

RangeCalendar.Day

Date range picker calendar with dark mode support.

Prop Type Default Description
ref bind: HTMLElement | null null
class as className string —
...restProps Record<string, unknown> — Remaining attributes, spread onto the underlying element.

RangeCalendar.Grid

Date range picker calendar.

Prop Type Default Description
ref bind: HTMLElement | null null
class as className string —
...restProps Record<string, unknown> — Remaining attributes, spread onto the underlying element.

RangeCalendar.GridRow

Date range picker calendar.

Prop Type Default Description
ref bind: HTMLElement | null null
class as className string —
...restProps Record<string, unknown> — Remaining attributes, spread onto the underlying element.

RangeCalendar.HeadCell

Date range picker calendar.

Prop Type Default Description
ref bind: HTMLElement | null null
class as className string —
...restProps Record<string, unknown> — Remaining attributes, spread onto the underlying element.

RangeCalendar.Header

Date range picker calendar.

Prop Type Default Description
ref bind: HTMLElement | null null
class as className string —
...restProps Record<string, unknown> — Remaining attributes, spread onto the underlying element.

RangeCalendar.Heading

Date range picker calendar.

Prop Type Default Description
ref bind: HTMLElement | null null
class as className string —
...restProps Record<string, unknown> — Remaining attributes, spread onto the underlying element.

RangeCalendar.Month

Date range picker calendar.

Prop Type Default Description
ref bind: HTMLElement | null null
class as className string —
children Snippet —
...restProps Record<string, unknown> — Remaining attributes, spread onto the underlying element.

RangeCalendar.Months

Date range picker calendar.

Prop Type Default Description
ref bind: HTMLElement | null null
class as className string —
children Snippet —
...restProps Record<string, unknown> — Remaining attributes, spread onto the underlying element.

RangeCalendar.MonthSelect

Date range picker calendar.

Prop Type Default Description
ref bind: HTMLElement | null null
class as className string —
value — —
onchange — —
...restProps Record<string, unknown> — Remaining attributes, spread onto the underlying element.

RangeCalendar.Nav

Date range picker calendar.

Prop Type Default Description
ref bind: HTMLElement | null null
class as className string —
children Snippet —
...restProps Record<string, unknown> — Remaining attributes, spread onto the underlying element.

RangeCalendar.NextButton

Date range picker calendar.

Prop Type Default Description
ref bind: HTMLElement | null null
class as className string —
children — —
variant string "ghost"
...restProps Record<string, unknown> — Remaining attributes, spread onto the underlying element.

RangeCalendar.PrevButton

Date range picker calendar.

Prop Type Default Description
ref bind: HTMLElement | null null
class as className string —
children — —
variant string "ghost"
...restProps Record<string, unknown> — Remaining attributes, spread onto the underlying element.

RangeCalendar.YearSelect

Date range picker calendar.

Prop Type Default Description
ref bind: HTMLElement | null null
class as className string —
value — —
...restProps Record<string, unknown> — Remaining attributes, spread onto the underlying element.