Next.js website for Rocky Mountain Vending company featuring: - Product catalog with Stripe integration - Service areas and parts pages - Admin dashboard with Clerk authentication - SEO optimized pages with JSON-LD structured data Co-authored-by: Cursor <cursoragent@cursor.com>
71 lines
1.9 KiB
Text
71 lines
1.9 KiB
Text
import React from "react";
|
|
|
|
import { DayPicker } from "../DayPicker";
|
|
|
|
import { DateRange } from "./shared";
|
|
|
|
const Test = () => {
|
|
return (
|
|
<>
|
|
<DayPicker />
|
|
<DayPicker mode="single" />
|
|
<DayPicker
|
|
mode="single"
|
|
selected={undefined}
|
|
onSelect={(date: Date | undefined) => {}}
|
|
/>
|
|
<DayPicker
|
|
mode="single"
|
|
selected={new Date()}
|
|
onSelect={(date: Date | undefined) => {}}
|
|
/>
|
|
{/* @ts-expect-error Missing `selected` */}
|
|
<DayPicker
|
|
mode="single"
|
|
required
|
|
onSelect={(date: Date | undefined) => {}}
|
|
/>
|
|
{/* Allow undefined as initial selected value */}
|
|
<DayPicker mode="single" required selected={undefined} />
|
|
<DayPicker
|
|
mode="multiple"
|
|
required
|
|
selected={undefined}
|
|
onSelect={(selected: Date[], date: Date, modifiers) => {}}
|
|
/>
|
|
<DayPicker
|
|
mode="range"
|
|
required
|
|
selected={undefined}
|
|
onSelect={(selected: DateRange, date: Date, modifiers) => {}}
|
|
/>
|
|
<DayPicker
|
|
mode="multiple"
|
|
required={false}
|
|
selected={undefined}
|
|
// @ts-expect-error Selected can be also undefined
|
|
onSelect={(selected: Date[], date: Date, modifiers) => {}}
|
|
/>
|
|
{/** @ts-expect-error Wrong selected prop */}
|
|
<DayPicker mode="multiple" selected={new Date()} />
|
|
<DayPicker mode="multiple" onSelect={(date: Date[] | undefined) => {}} />
|
|
<DayPicker
|
|
mode="multiple"
|
|
required
|
|
selected={[]}
|
|
onSelect={(date: Date[]) => {}}
|
|
/>
|
|
<DayPicker mode="single" selected={new Date()} />
|
|
<DayPicker modifiers={{ selected: new Date() }} onDayClick={() => {}} />
|
|
<DayPicker
|
|
onSelect={() => {}}
|
|
selected={new Date()}
|
|
onDayClick={() => {}}
|
|
/>
|
|
</>
|
|
);
|
|
};
|
|
|
|
it("should type-check", () => {
|
|
expect(Test).toBeTruthy();
|
|
});
|