डेट और टाइम फ़ील्ड सेगमेंट में भरे जाते हैं: दिन, महीना और साल लोकेल के क्रम में, फिर घंटे और मिनट उसकी 12 या 24 घंटे की घड़ी के हिसाब से। हर सेगमेंट एक spinbutton है: अंक टाइप करें, तो फ़ोकस अपने-आप आगे बढ़ जाता है, या ऐरो कुंजियों से सेगमेंट को घटाएँ-बढ़ाएँ। पूरी तारीख़ पेस्ट करें, तो हर सेगमेंट भर जाता है।

पिकर पॉपओवर में एक कैलेंडर जोड़ते हैं, एक तारीख़ के लिए या प्रीसेट वाली रेंज के लिए। वैल्यू सादी ISO स्ट्रिंग होती हैं, जैसे 2026-09-25 या 2026-09-25T09:30, और हर फ़ील्ड Signal Forms, रिऐक्टिव फ़ॉर्म और ngModel के साथ काम करता है।

इस साइट पर उदाहरण पेज की भाषा के हिसाब से चलते हैं: भाषा बदलकर देखें कि क्रम, सेपरेटर और अंक कैसे बदलते हैं।

डेट और टाइम फ़ील्ड

अंक टाइप करें, या ऐरो कुंजियाँ इस्तेमाल करें। दूसरा Backspace एक सेगमेंट पीछे ले जाता है। minuteStep तय करता है कि ऐरो से मिनट कितने बदलें।

––––––––
0730am

Birthday: not set · Alarm: 07:30

डेट पिकर

बटन चुने गए दिन पर कैलेंडर खोलता है, और दिन चुनते ही वह बंद हो जाता है। granularity="minute" के साथ पिकर समय भी लेता है, और कैलेंडर सिर्फ़ तारीख़ बदलता है।

––––––––
260920260930am

Departure: not set · Meeting: 2026-09-26T09:30

तारीख़ों की रेंज

दो फ़ील्ड और दो महीनों वाला कैलेंडर। nuiDateRangePresets() आम रेंज जोड़ता है; दोनों सिरे क्रम से सेट होने तक वैल्यू null रहती है।

––––––––––––––––

Type both dates, pick them in the calendar, or choose a preset.