> ## 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/6dPunNx3IMOevyVN/images/global-date-range-selection.png?fit=max&auto=format&n=6dPunNx3IMOevyVN&q=85&s=3358d81917130707104b76e659a4916c" alt="Global Date Range Selection" width="536" height="75" data-path="images/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>