ML
minh luong

Calendar - Copy this React, Tailwind Component to your project

Mô tả màn hình và chức năng lịch 1. Bố cục giao diện: • Bên trái: Danh sách người dùng với filter/search và icon con mắt để mở modal hiển thị chi tiết người dùng. • Bên phải: Lịch mini với nút chuyển đổi dạng hiển thị và làm mờ nền khi mở rộng. 2. Dạng lịch: • Dạng 1: Lịch tháng bình thường, thông báo sự kiện bằng chuông/icon. Có thể thêm note hoặc thông tin công việc. • Dạng 2: Lịch tuần (thứ 2 → CN) hiển thị giờ, phút, giây. Có thể thêm note hoặc thông tin công việc. • Tra cứu năm: Hiển thị toàn bộ 12 tháng, có thể chọn để xem chi tiết. 3. Hiệu ứng động: • Animation chuyển đổi giữa tháng/tuần/năm. • Làm mờ phần nền khi mở rộng lịch. • Hiệu ứng mở modal và chuyển đổi lịch mượt mà với Framer Motion. 4. Chuyên nghiệp và rõ ràng: • Giao diện đẹp, bố cục đều, tương tác mượt. • Tránh overflow khi mở rộng lịch. Gợi ý cải thiện: 1. Thêm chức năng thêm/sửa sự kiện 2. Tích hợp lưu trữ dữ liệu sự kiện 3. Hỗ trợ múi giờ quốc tế 4. Thêm chức năng đồng bộ lịch

Prompt
Component Preview

About

Calendar - A sleek UI component featuring monthly, weekly, and yearly views, user notes, animations, and modals, built with React and. Download code free!

Share

Last updated 1 month ago