Bộ chọn ngày trong HTML5 hoạt động tương tự như các thư viện JavaScript: khi focus vào trường, lịch sẽ hiện ra, cho phép điều hướng tháng, năm để chọn ngày.
Nếu muốn ô nhập ngày có khoảng cách và màu sắc tùy chỉnh, thêm CSS sau:
::-webkit-datetime-edit { padding: 2em; }
::-webkit-datetime-edit-fields-wrapper { background: green; }
::-webkit-datetime-edit-text { color: blue; padding: 0 0.3em; }
::-webkit-datetime-edit-month-field { color: red; }
::-webkit-datetime-edit-day-field { color: orange; }
::-webkit-datetime-edit-year-field { color: red; }
<input type="date">