---
title: Date Picker Selection
tags:
  - Range Calendar
  - Date Range Field
---

# Date Picker Selection

<Description>

Date pickers let users select a date or a range of dates. They commonly use in booking systems.

</Description>

<Tags />

<ComponentPreview type="example"  name="DatePickerSelection" />

<ExampleSection>

### Date Picker Selection

Dual-calendar display that shows two months side by side for easier date range selection, and quick selection options in a sidebar panel

</ExampleSection>