VNR Design System

DatePicker

Date selection input with calendar dropdown.

Khi nào sử dụng

Chọn ngày đơn

Chọn ngày sinh, ngày hết hạn hoặc deadline.

Chọn khoảng ngày

Lọc dữ liệu theo khoảng thời gian bắt đầu — kết thúc.

Chọn tháng/năm

Chọn kỳ báo cáo hoặc thời gian thanh toán.

Hướng dẫn

Do
  • Hiển thị format ngày phù hợp locale
  • Cho phép nhập tay ngoài việc chọn từ lịch
  • Allow manual keyboard input alongside picker
Don't
  • Dùng Date Picker cho giờ/phút — hãy dùng Time Picker
  • Giới hạn phạm vi mà không giải thích lý do

Basic

Sizes

Picker Types