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.

import { GlobalMonthPicker } from '@layerfi/components'

<GlobalMonthPicker />

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

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

Properties

truncateMonth · boolean

When true, truncates the month name display (e.g., “Jan” instead of “January”).

showLabel · boolean · default: "false"

When true, displays the “Month” label above the picker.