نمای هفته و روز

نصب

1. با CLI

   اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگی‌هاش را می‌نویسه.

   $ npx vibefarsi add time-grid

2. نصب دستی

   محتوای تب «کد» را در components/calendar/time-grid.tsx بگذارید. پیش‌نیاز: calendar-core.

   $ npm i lucide-react
   کپی کل فایلregistry json

استفاده

1import { TimeGrid } from "@/components/calendar/time-grid"23<TimeGrid4  days={7}5  events={events}6  startHour={8}7  endHour={20}8  onSlotSelect={(start, end) => create({ start, end })}9  onEventChange={(e, start, end) => move(e.id, start, end)}10/>

پراپ‌ها

نکته‌ها

• رویداد فوکوس‌شده با Alt و کلیدهای جهت جابه‌جا میشه: بالا و پایین به اندازه‌ی یک گام و چپ و راست یک روز.
• رویدادهای تمام‌روز و چندروزه در ردیف بالای جدول می‌نشینن.