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

Modal date picker

Modal date picker

A modal date picker is a commonly used control for selecting a date that is close to the current date by no more than a year. On being clicked, a calendar opens to provide a list of dates. 

When users need to choose a date that is well in the past or future, this control can require too much effort. In such cases, input date pickers are a much better solution, especially for mobile users.[1]

Pro Tip: When designing for booking, disable non-selectable date options.

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