Calendar

Inline month calendar (for a dropdown field use DatePicker). dateCellRender injects content into day cells — event dots, badges, prices.

Mon

Tue

Wed

Thu

Fri

Sat

Sun


import { Calendar } from '@gg-software/ui';
 
<Calendar value={date} onChange={(date) => setDate(date)} />
 
// custom day content
<Calendar
    dateCellRender={(date) =>
        hasEvents(date) ? <span className="dot" /> : null
    }
/>

Props

Prop	Type	Default	Description
`value`	`Date \| null`	—
`defaultValue`	`Date \| null`	`null`
`onChange`	`((date: Date) => void)`	—
`dateCellRender`	`((date: Date) => ReactNode)`	—	render content inside a day cell (badges, events)
`className`	`string`	—

* required · generated from packages/ui/src/data/Calendar/Calendar.tsx