A date picker is a component that allows users to select a date, or a range of dates.
Date pickers are tied to input fields, and are accessed through focusing on the input field by clicking, or using the tab key. The date picker opens as an overlaying interactive calendar that allows the user to select a date, or a range of dates. If a date is chosen, this is reflected in the input field.
A complete date picker is made by combining all the following date picker components, including an input field. Here is an example that is based on the guidelines from EDS: