> ## Documentation Index
> Fetch the complete documentation index at: https://docs.layerfi.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Global Date Range Selection

> Global date range selection control with period presets and custom start/end dates.

The GlobalDateRangeSelection component allows users to select a date range that is shared across the application. When the selected date range changes, any component that relies on the global date range updates automatically.

<img src="https://mintcdn.com/layerfinancialtechnologiesinc/dOKQpcu8ul1Jxqlc/images/components/global-date-range-selection.png?fit=max&auto=format&n=dOKQpcu8ul1Jxqlc&q=85&s=97159294048328ae50d6057f20ad5256" alt="Global Date Range Selection" width="1518" height="200" data-path="images/components/global-date-range-selection.png" />

```tsx theme={null}
import { GlobalDateRangeSelection } from '@layerfi/components'

<GlobalDateRangeSelection />

{/* With labels visible */}
<GlobalDateRangeSelection showLabels />
```

### Properties

<ParamField body="showLabels" type="boolean" default="false">
  Controls whether labels are shown for the report period picker and start/end date fields.
</ParamField>