calendarPopover

Calendar popover displays a grid of days spanning one, two, or three months, enabling users to select a single date or a range.

dateField

Date field allows users to enter and edit date values. Users can edit each part of a date value, such as the day, month, and year, by interacting with individual segments. A date field includes a label, segments for each value of the date, and an in-field button to allow the user to open the calendar popover.

selectedRange

The range of days the user has selected (a start date and an end date).

selectedDate

The selected date allows a user to see which date they have selected within the calendar popover.

single

A single date picker only displays a single date within the date field as well as a single month within the calendar popover.

double

A double date picker displays a date range within the date field as well as two consecutive months within the calendar popover.

triple

A triple date picker displays a date range within the date field as well as three consecutive months within the calendar popover.