> ## 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 Month Picker

> Month picker that controls the global date range.

The GlobalMonthPicker component provides a month selection control that is connected to the global date store. When the user selects a month, all components that use the global date range will update accordingly.

This is useful for adding a standalone month picker to custom layouts while keeping all data-driven components in sync.

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

<GlobalMonthPicker />

{/* With label visible */}
<GlobalMonthPicker showLabel />

{/* With truncated month name */}
<GlobalMonthPicker truncateMonth />
```

### Properties

<ParamField body="truncateMonth" type="boolean">
  When `true`, truncates the month name display (e.g., "Jan" instead of "January").
</ParamField>

<ParamField body="showLabel" type="boolean" default="false">
  When `true`, displays the "Month" label above the picker.
</ParamField>