Skip to main content
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.