انتخاب تاریخ

date-pickerکامپوننت

ورودی تاریخ با تقویم شمسی در پاپ‌آور و دکمه‌ی پاک کردن سریع.

سیستم طراحی

نصب

با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگی‌هاش را می‌نویسه.
$ npx vibefarsi add date-picker
نصب دستی
محتوای تب «کد» را در components/ui/date-picker.tsx بگذارید. پیش‌نیاز: calendar.
$ npm i lucide-react
کپی کل فایلregistry json

usage.tsx

1import { DatePicker } from "@/components/ui/date-picker"23<DatePicker placeholder="تاریخ ارسال" onChange={setDate} min={new Date()} />

پراپ	نوع	پیش‌فرض	توضیح
clearable	boolean	true	دکمه‌ی × برای پاک کردن.
placeholder	string	-	متن وقتی تاریخی انتخاب نشده.
weekday	boolean	true	نمایش روز هفته قبل از تاریخ.