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.