Date picker ใน HTML5 ทำงานคล้ายกับ JavaScript Libraries ตอนโฟกัสที่ฟิลด์ปฏิทินจะโผล่ออกมา แล้วเราสามารถนำทางเดือนและปีเพื่อเลือกวันที่
ดังนั้น หากคุณต้องการให้ date input ใช้ spacing มากขึ้นและ配色方案 คุณสามารถเพิ่มต่อไปนี้ในโค้ดของคุณ:
::-webkit-datetime-edit { padding: 2 em; }
::-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">
