Calendar

ერთი თარიღის ან პერიოდის არჩევა, ლოკალიზებული თვეებით და კლავიატურით სამართავი ბადით.

მაგალითი

ოქტომბერი, 2026

ორშ	სამ	ოთხ	ხუთ	პარ	შაბ	კვი

ოქტომბერი, 2026

ორშ	სამ	ოთხ	ხუთ	პარ	შაბ	კვი

@llc-conciergia/ui/calendar

<Calendar mode="single" value={date} onValueChange={setDate} />
<Calendar mode="range" value={range} onValueChange={setRange} min={new Date()} />

ინსტალაცია

terminal

pnpm add @llc-conciergia/ui

იმპორტი

import * as Component from "@llc-conciergia/ui/calendar";

Conciergia CLI

npx @llc-conciergia/cli add calendar

shadcn CLI

npx shadcn@latest add https://ui.conciergia.co/r/calendar.json

შენიშვნები

ისრები გადაადგილდება დღით/კვირით, Home/End — კვირის საზღვრებზე, PageUp/PageDown — თვეებით. Enter/Space ირჩევს თარიღს. მიუწვდომელი დღე ფოკუსირებადია, მაგრამ ვერ აირჩევა. კვირა ქართულსა და რუსულში ორშაბათიდან იწყება. Date ობიექტები ადგილობრივი კალენდარული დღეებია; სერვერის API-ში გაგზავნისას გადააქციეთ თქვენი დროის სარტყლის წესით.

Props

Prop	ტიპი	ნაგულისხმევი	აღწერა
mode	"single" \| "range"	single	თარიღის ან პერიოდის არჩევა.
value / defaultValue	Date \| DateRange \| null	—	რეჟიმზე დამოკიდებული მნიშვნელობა; DateRange = { from: Date; to?: Date }. null ასუფთავებს არჩევანს.
onValueChange	(value) => void	—	არჩევის ცვლილება; range ჯერ from-ს, შემდეგ to-ს აბრუნებს.
min / max	Date	—	ჩათვლითი საზღვრები. დროის ნაწილი უგულებელყოფილია.
disabled	Date[] \| ((date: Date) => boolean)	—	მიუწვდომელი დღეები; პერიოდი ასეთ დღეს ვერ გადაკვეთს.
month / defaultMonth	Date	—	ნაჩვენები თვე; month კონტროლირებადია.
onMonthChange	(month: Date) => void	—	თვის ცვლილების შეტყობინება.
…div props	React.ComponentProps<'div'>	—	className, aria-label, ref და კონტეინერის ატრიბუტები.