Date range pickers allow users to define and select a date range, expressed as a date range pattern.

The date range picker is an input component that provides access to a dialog where the user can choose a date range using two date pickers. The resulting value is Temenos-specific.

Date range pickers display a plain text description of the date range pattern in the confirmation box. The plain text description is constructed from the values of other dates selected on the picker and is updated dynamically as these values change.

Our components have been designed to comply with the WCAG 2.1 AA accessibility guidelines. For more information about how our design system complies with color-related accessibility guidelines, see Foundations > Colors > Accessibility.

Related components: