<?xml version="1.0" encoding="utf-8"?>

Date pickers

Date pickers

A date picker is a tool for selecting a date range, a time slot, or both. When clicked, they expand into a modal or dialog and present users with a set of options to pick from.

The current and the selected dates should be apparent at a user's first glance. Also, don't restrict users' options — allow them to type the date instead of scrolling and picking. Sometimes, typing is much easier.

Pro Tip: Disable unavailable options — for example, past or unavailable dates — to prevent user errors and friction.

Improve your UX & Product skills with interactive courses that actually work