55 lines
1.1 KiB
TypeScript
55 lines
1.1 KiB
TypeScript
import { cn } from "@/lib/utils";
|
|
import { getDefaultClassNames } from "react-day-picker";
|
|
|
|
const defaultCN = getDefaultClassNames();
|
|
|
|
export const CustomCalendarCN = {
|
|
months: cn(
|
|
defaultCN.months,
|
|
"w-full h-full relative"
|
|
),
|
|
nav: cn(
|
|
defaultCN.nav,
|
|
"flex w-full item-center gap-1 justify-center gap-30 absolute top-0 inset-x-0"
|
|
),
|
|
month: cn(
|
|
defaultCN.month,
|
|
"h-full w-full flex flex-col"
|
|
),
|
|
month_grid: cn(
|
|
defaultCN.month_grid,
|
|
"w-full h-full flex-1"
|
|
),
|
|
weeks: cn(
|
|
defaultCN.weeks,
|
|
"w-full h-full"
|
|
),
|
|
weekdays: cn(
|
|
defaultCN.weekdays,
|
|
"w-full"
|
|
),
|
|
week: cn(
|
|
defaultCN.week,
|
|
`w-full`,
|
|
'custom-rdp-week'
|
|
),
|
|
day: cn(
|
|
defaultCN.day,
|
|
`w-[calc(100%/7)] rounded-none`,
|
|
'custom-rdp-day'
|
|
),
|
|
day_button: cn(
|
|
defaultCN.day_button,
|
|
"h-full w-full flex p-2 justify-start items-start",
|
|
"hover:bg-transparent",
|
|
"data-[selected-single=true]:bg-transparent data-[selected-single=true]:text-black"
|
|
),
|
|
selected: cn(
|
|
defaultCN.selected,
|
|
"h-full border-0 fill-transparent"
|
|
),
|
|
today: cn(
|
|
defaultCN.today,
|
|
"h-full"
|
|
),
|
|
} |