zui docs v0.0.5
GitHub ↗
Data and collections Native Qt

Month Grid

Month Grid is a native Zui component in the data and collections catalog, with 17 component-specific properties.

Usage

Ruby example

Paste this complete Builder example inside the app surface from the Quickstart. Replace illustrative asset paths with files from your project.

Ruby
month_grid month: 7, year: 2026, selected_date: "2026-08-24", width: 420
API

Component properties

17 component-specific values, plus shared item and layout properties.

monthMonth configuration for Month Grid.property
yearYear configuration for Month Grid.property
localeLocale configuration for Month Grid.property
selected_dateSelected date configuration for Month Grid.property
minimumMinimum configuration for Month Grid.property
maximumMaximum configuration for Month Grid.property
widthWidth configuration for Month Grid.property
heightHeight configuration for Month Grid.property
backgroundBackground configuration for Month Grid.property
selected_backgroundSelected background configuration for Month Grid.property
today_backgroundToday background configuration for Month Grid.property
foregroundForeground configuration for Month Grid.property
mutedMuted configuration for Month Grid.property
accentAccent configuration for Month Grid.property
font_familyFont family configuration for Month Grid.property
font_sizeFont size configuration for Month Grid.property
visibleVisible configuration for Month Grid.property
Show 14 shared item properties
enabledopacityscalerotationzfill_widthfill_heightpreferred_widthpreferred_heightminimum_widthminimum_heightmaximum_widthmaximum_heightlayout_alignment
Interaction

Events

Subscribe with on widget, :event and keep behavior in Ruby.

clickNative event payload
pressNative event payload
releaseNative event payload
changeNative event payload