Jalali Event Calendar

A modern and beautiful Jalali (Persian) calendar component for React, built with Tailwind CSS.

🔗 Click here to view the Live Demo

Features

• Full Jalali (Persian) date support
• Modern design with Tailwind CSS
• Fully responsive and Dark Mode compatible
• Easy to use in React projects

Installation

Using npm:

npm install jalali-event-calendar

Usage

To use this package, first import the component and then its stylesheet into your project:

import React from 'react';
// 1. Import the component
import { JalaliEventCalendar } from 'jalali-event-calendar';
// 2. Import the calendar styles
import 'jalali-event-calendar/style.css'; 

const App = () => {
  return (
    <div className="tw:flex tw:flex-col tw:p-20 tw:dark:bg-gray-900 tw:h-screen">
      <JalaliEventCalendar />
    </div>
  );
};

export default App;

Screenshots

تقویم شمسی با تیلویند (Jalali Event Calendar)

یک کامپوننت تقویم شمسی (جلالی) مدرن و زیبا برای React که با استفاده از Tailwind CSS ساخته شده است.

🔗 برای مشاهده دموی زنده کلیک کنید

ویژگی‌ها

• پشتیبانی کامل از تاریخ شمسی
• طراحی مدرن با Tailwind CSS
• کاملاً ریسپانسیو و سازگار با Dark Mode
• استفاده آسان در پروژه‌های React

نصب

با استفاده از npm:

npm install jalali-event-calendar

نحوه استفاده

برای استفاده از این پکیج، ابتدا کامپوننت و سپس فایل استایل آن را در پروژه خود وارد کنید:

import React from 'react';
// ۱. ایمپورت کردن کامپوننت
import { JalaliEventCalendar } from 'jalali-event-calendar';
// ۲. ایمپورت کردن استایل‌های تقویم
import 'jalali-event-calendar/style.css'; 

const App = () => {
  return (
    <div className="tw:flex tw:flex-col tw:p-20 tw:dark:bg-gray-900 tw:h-screen">
      <JalaliEventCalendar />
    </div>
  );
};

export default App;

تصاویر (Screenshots)