# DayFlow

[English](README.md) | [中文](README.zh.md) | **日本語** | [はじめに & コントリビューション](CONTRIBUTING.md)

ドラッグ＆ドロップ、マルチビュー、プラグインアーキテクチャをサポートする、柔軟で機能豊富なReactカレンダーコンポーネントライブラリ。

[![npm](https://img.shields.io/npm/v/@dayflow/core?logo=npm&color=blue&label=version)](https://www.npmjs.com/package/@dayflow/core)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen?logo=github)](https://github.com/dayflow-js/calendar/pulls)
[![License](https://img.shields.io/github/license/dayflow-js/calendar)](https://github.com/dayflow-js/calendar/blob/main/LICENSE)
[![Discord](https://img.shields.io/badge/Discord-Join%20Chat-5865F2?logo=discord&logoColor=white)](https://discord.gg/9vdFZKJqBb)

## 機能

### 日次、週次、月次、年次、その他のビュータイプ

#### 日次

![日次](./assets/images/DayView.png)

#### 週次

![週次](./assets/images/WeekView.png)

#### 月次

![月次](./assets/images/MonthView.png)

#### 年次 (固定週)

![年次](./assets/images/Year-Fixed-Week.png)

#### 年次 (キャンバス)

![年次 (キャンバス)](./assets/images/Year-Canvas.png)

### モバイルビューのサポート

#### モバイル日次 & 年次

![モバイル日次と年次](./assets/images/Mobile-Day-Year.png)

#### モバイル週次 & 月次

![モバイル週次と月次](./assets/images/Mobile-Week-Month.png)

### デフォルトパネル（複数のイベント詳細パネルオプションが利用可能）

#### 詳細ポップアップ

![詳細ポップアップ](./assets/images/popup.png)

#### 詳細ダイアログ

![詳細ダイアログ](./assets/images/dialog.png)

### ダークモードのサポート

![ダークモード](./assets/images/DarkMode.png)

### ドラッグ＆ドロップとリサイズも簡単

https://github.com/user-attachments/assets/726a5232-35a8-4fe3-8e7b-4de07c455353

https://github.com/user-attachments/assets/957317e5-02d8-4419-a74b-62b7d191e347

## コントリビューション

コントリビューションは大歓迎です！お気軽に Pull Request を送信してください。

## バグ報告

バグを見つけた場合は、[GitHub Issues](https://github.com/dayflow-js/calendar/issues) で問題を報告してください。

## サポート

質問やサポートについては、GitHub で Issue を開くか、Discord に参加してください。

---