Next UI Full Calendar

Mina Scheduler: Customizable React Calendar with Next UI and Shadcn UI

Mina Scheduler is a versatile React library crafted for developers needing a highly adaptable calendar component. It facilitates effortless management and vivid display of events across daily, weekly, and monthly layouts. Architected with Next UI and enhanced by Shadcn UI, it guarantees a contemporary and cohesive interface within Next UI projects. It boasts features like intuitive event handling, responsive structuring, and sleek animations, presenting a robust solution for diverse scheduling requirements.

Features:

• Multiple Calendar Views: Easily switch between day, week, and month perspectives.
• Comprehensive Event Management: Supports adding, updating, and deleting events, complete with built-in form validation.
• Extensive UI Customization: Tailor the calendar's appearance, including buttons, tabs, and event modals, to fit your design.
• Responsive Mobile Experience: Optimized design ensures full functionality and usability on mobile devices.
• Smooth View Transitions: Incorporates Framer Motion for fluid animations between different calendar views.
• Reliable Data Validation: Utilizes Zod for schema validation, ensuring the integrity of event data.
• Seamless Shadcn UI Integration: Leverages Shadcn UI components for a polished and consistent user interface.
• Next UI Foundation: Built with Next UI components, ensuring visual harmony within Next UI-based projects.
• Initial Event Seeding: Facilitates pre-populating the calendar with initial events using SchedulerProvider.
• Custom Component Support: Allows developers to inject their own custom React components for event modals, view navigation buttons, and view tabs.
• useScheduler Hook Access: Offers a powerful hook for direct interaction with the scheduler's state, data retrieval functions (getters), and event manipulation functions (handlers).
• Event Lifecycle Hooks: Provides callbacks (onAddEvent, onUpdateEvent, onDeleteEvent) to execute custom logic during event operations.
• Flexible Week Start Day: Allows configuration of the week's starting day (e.g., Sunday or Monday).
• Component-Based API: Exposes SchedulerProvider and SchedularView components for straightforward integration and usage.
• Customizable Event Forms: Enables the use of custom-defined forms for creating and modifying event details.

Summary:

Mina Scheduler equips developers with a feature-rich React calendar component designed for efficient event organization. It offers multiple viewing modes, extensive customization for UI elements and event interactions, and smooth integration with Next UI and Shadcn UI. With capabilities such as Zod-powered validation, Framer Motion animations, and responsive design, it streamlines the development of sophisticated scheduling interfaces in modern React applications.