Calendar

npx shadcn@latest add https://ui.saasflare.io/r/calendar.json

pnpm add @saasflare/ui

"use client"import { useState } from "react"import { Calendar } from "@saasflare/ui/calendar"/** A single-date calendar grid with month navigation. */export function Demo() {    const [date, setDate] = useState<Date | undefined>(new Date())    return (        <Calendar            mode="single"            selected={date}            onSelect={setDate}            className="rounded-md border"        />    )}

"use client"import { useState } from "react"import { Calendar } from "@saasflare/ui/calendar"/** Selecting several individual dates with mode="multiple". */export function Demo() {    const [dates, setDates] = useState<Date[] | undefined>([])    return (        <Calendar            mode="multiple"            selected={dates}            onSelect={setDates}            className="rounded-md border"        />    )}