رفتن به محتوای اصلی

فارسی

برگ تقویم

کاشی تاریخ شمسی به شکل برگ تقویم، با روز هفته، مناسبت تعطیل و معادل میلادی.

import { DateTile } from "@kashi-ui/react";

نمونه

<DateTile date={new Date()} size="lg" />
<DateTile date={new Date(2026, 2, 21)} />   {/* نوروز */}

برای رویدادها، نوبت‌دهی، تاریخ ارسال سفارش و فهرست جلسات. روزهای تعطیل (از جمله جمعه) قرمز می‌شوند و نام مناسبت رسمی نمایش داده می‌شود. تعطیلات قمری را با holidays={{ extra: { … } }} اضافه کنید. همان قالب getIranHoliday است.

نامنوعپیش‌فرضتوضیح
dateDate—
holidaysboolean | HolidayOptionstrueمناسبت و رنگ تعطیل
gregorianbooleantrueمعادل میلادی
size"sm" | "md" | "lg""md"

دسترس‌پذیری

عنصر <time> با datetime استاندارد است تا موتورهای جستجو و ابزارها تاریخ را بفهمند.