wojtekmaj/react-date-picker

📅 react-date-picker: Bộ chọn ngày/tháng nhẹ nhưng mạnh cho React

Một date picker React hiện đại, không phụ thuộc, hỗ trợ chọn ngày, tháng và năm chỉ bằng một vài dòng cấu hình.

react-date-picker là thư viện TypeScript được thiết kế để đưộc giả đến một công cụ chọn thời gian trực quan, dễ tích hợp vào bất kỳ dự án React nào. Không cần cài đặt thư viện lớn như react-datepicker hay moment — chỉ cần một component và một vài props tùy chỉnh là bạn đã có được giao diện chọn ngày/tháng/năm đầy đủ.

✨ Điểm nổi bật

• Hỗ trợ chọn ngày, tháng, năm: Chuyển đổi linh hoạt giữa các chế độ hiển thị thông qua prop calendarType.
• Nhập liệu thủ công an toàn: Người dùng gõ trực tiếp vào ô input, hệ thống tự động parse và validate ngày tháng hợp lệ.
• Tùy biến giao diện hoàn toàn: CSS Variables và class names cho phép điều chỉnh mọi khía cạnh về màu sắc, kích thước, font chữ.
• Hỗ trợ nhiều ngôn ngữ: Dễ dàng đa ngôn ngữ nhờ cơ chế locale và hệ thống format linh hoạt.
• TypeScript mạnh mẽ: Định nghĩa kiểu dữ liệu rõ ràng, tự động gợi ý khi dùng IDE.
• Kích thước nhỏ gọn: Bundle rất nhẹ, phù hợp với các dự án tối ưu hiệu năng.
• Tương thích React 18: Hỗ trợ đầy đủ tính năng concurrent rendering và strict mode.

💡 Vì sao đáng chú ý

Khác với các thư viện chọn ngày tháng truyền thống nặng nề và phức tạp, react-date-picker tập trung vào trải nghiệm người dùng thực tế: nhanh, trực quan và tùy biến cao. Thích hợp cho các dự án cần một date picker đơn giản nhưng đầy đủ tính năng — đặc biệt là những dự án đang tìm kiếm giải pháp nhẹ thay thế cho moment.js hoặc các thư viện lớn.

#React #DatePicker #TypeScript #Calendar #TiniX