एचटीएमएल 5 में डेट पिकर मूल रूप से जावास्क्रिप्ट लाइब्रेरीज़ के समान ही काम करता है, जब हम फ़ील्ड पर ध्यान केंद्रित करते हैं तो कैलेंडर पॉप आउट हो जाएगा, और फिर हम तारीख चुनने के लिए महीनों और वर्षों के माध्यम से नेविगेट कर सकते हैं।
इसलिए, यदि आप चाहते हैं कि दिनांक इनपुट अधिक रिक्ति और एक रंग योजना का उपयोग करे, तो आप अपने कोड में निम्नलिखित जोड़ सकते हैं।
::-webkit-datetime-edit { पैडिंग:2 em; }::-वेबकिट-डेटाटाइम-एडिट-फ़ील्ड-रैपर {पृष्ठभूमि:हरा; }::-वेबकिट-डेटाटाइम-संपादन-पाठ {रंग:नीला; पैडिंग:0 0.3em; }::-वेबकिट-डेटाटाइम-एडिट-माह-फ़ील्ड {रंग:लाल; }::-वेबकिट-डेटाटाइम-एडिट-डे-फील्ड {रंग:नारंगी; }::-वेबकिट-डेटाटाइम-संपादन-वर्ष-फ़ील्ड {रंग:लाल; }<इनपुट प्रकार ="तारीख">