Calendar
ReadyDate grid.
Requires react-day-picker
July 2026
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
Installation
$ npx @oratiq-js/ui add calendarCopies the component and everything it depends on into your project, then lists the npm packages to install. The code is yours after this.
Usage
import
import { Calendar } from "@/components/ui/calendar";Default
July 2026
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
The grid reverses under RTL
Weekday columns run right-to-left in an RTL locale. A calendar that still runs Sunday-to-Saturday left-to-right in an Arabic interface reads as broken, so the direction is passed straight through to the date library.
View source on GitHub → components/ui/calendar.tsx