Tina-type ang mga date at time field ayon sa segment: araw, buwan at taon ayon sa ayos ng locale, saka oras at minuto ayon sa 12- o 24-hour clock nito. Isang spinbutton ang bawat segment: mag-type ng mga digit at kusa itong lilipat sa susunod, o i-step ito gamit ang mga arrow key. Mag-paste ng buong petsa, at mapupunan ang bawat segment.
Nagdadagdag ang mga picker ng calendar sa isang popover, para sa isang petsa o isang range na may mga preset. Mga plain na ISO string ang mga value, gaya ng 2026-09-25 o 2026-09-25T09:30, at gumagana ang bawat field sa Signal Forms, reactive forms at ngModel.
Sa site na ito, sinusunod ng mga example ang wika ng page: palitan ito para makitang nagbabago ang ayos, mga separator at mga digit.
Mga date at time field
I-type ang mga digit, o gamitin ang mga arrow key. Bumabalik nang isang segment ang pangalawang Backspace. Itinatakda ng minuteStep kung gaano kalayo inililipat ng mga arrow ang minuto.
Birthday: not set · Alarm: 07:30
Mga date picker
Binubuksan ng button ang calendar sa napiling araw, at isinasara ito ng pagpili. Kapag may granularity="minute", tumatanggap din ng oras ang picker, at petsa lang ang binabago ng calendar.
Departure: not set · Meeting: 2026-09-26T09:30
Isang date range
Dalawang field at isang calendar na may dalawang buwan. Nagdadagdag ang nuiDateRangePresets() ng mga karaniwang range; nananatiling null ang value hanggang ma-set ang dalawang dulo, nang magkasunod.
Type both dates, pick them in the calendar, or choose a preset.