range-calendar-non-contiguous

PreviousNext
Docs
takiexample

Preview

Loading preview…
registry/new-york/examples/range-calendar-non-contiguous.tsx
"use client"

import { RangeCalendar } from "@/registry/new-york/ui/range-calendar"

export default function RangeCalendarNonContiguous() {
  return (
    <RangeCalendar aria-label="Select a date range" allowsNonContiguousRanges />
  )
}

Installation

npx shadcn@latest add @taki/range-calendar-non-contiguous

Usage

import { RangeCalendarNonContiguous } from "@/components/range-calendar-non-contiguous"
<RangeCalendarNonContiguous />