HTML5 में डेट पिकर मूल रूप से जावास्क्रिप्ट लाइब्रेरी की तरह काम करता है - जब हम फील्ड पर फोकस करते हैं तो एक कैलेंडर पॉप आउट होता है, और फिर हम महीनों और वर्षों के माध्यम से नेविगेट करके डेट चुन सकते हैं।
यदि आप डेट इनपुट में अधिक स्पेसिंग और कलर स्कीम चाहते हैं, तो अपने कोड में निम्न जोड़ें:
::-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">
नोट: ये स्टाइल केवल वेबकिट-आधारित ब्राउज़र (Chrome, Safari, Edge) में काम करते हैं।