Inputs and selection
Calendar
Available forNativeWeb
month grid
API
<Calendar value onChange />Get it
Already in every copy of the native kit:
import { Calendar } from '@/components/kit/calendar';Details
- Exports
Calendar- Packages
- lucide-react-native@^1.21.0
- Installs with
- @kit-native/icon, @kit-native/lib-haptics, @kit-native/lib-utils, @kit-native/text
- Also searched as
- month, day grid
- Registry JSON
- /r/native/calendar.json
Usage
On its own for booking and availability views; inside a form, use DatePicker.
API
<Calendar mode="single" selected onSelect disabled? />Get it
Already in every copy of the web kit:
import { Calendar, CalendarDayButton } from '@/components/ui/calendar';Details
- Exports
Calendar,CalendarDayButton- Packages
- cn@^0.4.0, lucide-react@^1.52.0, react-day-picker@^10.0.2
- Installs with
- @kit/button
- Also searched as
- month, date range, availability
- Registry JSON
- /r/web/calendar.json
Agents: the whole registry is at /llms.txt.