mirror of
https://github.com/shadcn-ui/ui.git
synced 2026-07-01 08:34:12 +00:00
27 lines
698 B
TypeScript
27 lines
698 B
TypeScript
"use client"
|
|
|
|
import * as React from "react"
|
|
import { addDays } from "date-fns"
|
|
import { type DateRange } from "react-day-picker"
|
|
|
|
import { Calendar } from "@/styles/base-nova/ui/calendar"
|
|
import { Card, CardContent } from "@/styles/base-nova/ui/card"
|
|
|
|
export function CalendarRange() {
|
|
const [dateRange, setDateRange] = React.useState<DateRange | undefined>({
|
|
from: new Date(new Date().getFullYear(), 0, 12),
|
|
to: addDays(new Date(new Date().getFullYear(), 0, 12), 30),
|
|
})
|
|
|
|
return (
|
|
<Calendar
|
|
mode="range"
|
|
defaultMonth={dateRange?.from}
|
|
selected={dateRange}
|
|
onSelect={setDateRange}
|
|
numberOfMonths={2}
|
|
className="rounded-lg border"
|
|
/>
|
|
)
|
|
}
|