Profile
Back to NewsBack
GitHub Trending 2 min
Reader Mode
dayflow-js/calendar: A lightweight and elegant React/Vue/Angular/Svelte full calendar(big-calendar) component

dayflow-js/calendar: A lightweight and elegant React/Vue/Angular/Svelte full calendar(big-calendar) component

15 hours ago

DayFlow

English | 中文 | 日本語 | Getting Started & Contributing

A flexible and feature-rich calendar component library for React, Vue, Angular, and Svelte with drag-and-drop support, multiple views, and plugin architecture.

npm</a> PRs Welcome</a> License</a> Discord</a>

Features

Jalali (Persian) calendar

Choose calendarSystem: 'jalali' for Persian date display and calendar navigation across day, week, month, agenda, and year views. Gregorian remains the default. See calendar systems for configuration, event/recurrence semantics, and the standalone pnpm dev:jalali preview.

Daily, Weekly, Monthly and Yearly View Types

Day View

!Day View

Week View

!Week View

Month View

!Month View

Year View(Fixed-Week)

!Year View

Year View(Year-Canvas)

!Year Canvas View

Mobile View Support

Mobile Day & Year View

!Mobile Day and Year View

Mobile Week & Month View

!Mobile Week and Month View

Multiple Event Detail Panel options

Detail Popup

!Popup

Detail Dialog

!Dialog

Dark Mode Support

!Dark Mode

Easy to resize and drag

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

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

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

Bug Reports

If you find a bug, please file an issue on GitHub Issues.

Support

For questions and support, please open an issue on GitHub or go to discord.


Chat with me