VALIDATION LAB•DATE PICKER

Date Picker

Intermediate

Set a time with the clock input, open the calendar, pick a day, and verify the readonly field matches `HH:MM - DD/MM/YYYY` (local calendar parts, stable for automation).

Understand the behavior

Manual test guide

Test it before writing code

Practice manually, then automate what you just tested.

Related practice

Ready to practise another UI behavior?

Move to the next module whenever you are ready, or browse the full UI Elements catalog.

Continue to Date Range Picker →Explore Forms

Date Picker

Manual test guide

Pick day 15 and confirm the chip shows `HH:MM - 15/MM/YYYY` (DD/MM)

Move the time spinner — combined string updates; day stays pinned

Compare UTC vs Istanbul offset on the backend payload if one exists — QA signal for regressions

Try midnight `00:00` vs `23:59` — two-digit HH:MM persists

Re-open calendar → still same month/year grid; tapping another cell updates only the DD part

Ready to practise another UI behavior?