Components

Date Picker

Mixed (Popover+Calendar)

Calendar date picker with multi-locale support

Basic

Multi-locale Support

Note: @internationalized/date supports ru-RU and tr-TR. For Azerbaijani (az-AZ) and other unsupported locales, use en-US fallback.

English (en-US)

Russian (ru-RU)

Turkish (tr-TR)

With Callback

Get notified when date changes

Pre-filled Value

Initialize with a specific date using CalendarDate

Disabled State

Form Integration

Example: Booking form with check-in/check-out dates

Props

PropTypeDefaultDescription
valueDateValue | undefinedundefinedBindable selected date
placeholderstring"Pick a date"Placeholder text
localestring"en-US"Locale for formatting
disabledbooleanfalseDisable the picker
onValueChange(value) => void-Change callback
classstring-Additional CSS classes