Date Picker

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

date_picker "2026-08-24", label: "Release date", format: "yyyy-MM-dd"

API

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

dateDate configuration for Date Picker.property

labelLabel configuration for Date Picker.property

placeholderPlaceholder configuration for Date Picker.property

formatFormat configuration for Date Picker.property

minimumMinimum configuration for Date Picker.property

maximumMaximum configuration for Date Picker.property

openedOpened configuration for Date Picker.property

close_on_selectClose on select configuration for Date Picker.property

widthWidth configuration for Date Picker.property

heightHeight configuration for Date Picker.property

popup_widthPopup width configuration for Date Picker.property

enabledEnabled configuration for Date Picker.property

foregroundForeground configuration for Date Picker.property

mutedMuted configuration for Date Picker.property

backgroundBackground configuration for Date Picker.property

popup_backgroundPopup background configuration for Date Picker.property

border_colorBorder color configuration for Date Picker.property

accentAccent configuration for Date Picker.property

radiusRadius configuration for Date Picker.property

font_familyFont family configuration for Date Picker.property

font_sizeFont size configuration for Date Picker.property

visibleVisible configuration for Date Picker.property

Show 13 shared item properties

opacityscalerotationzfill_widthfill_heightpreferred_widthpreferred_heightminimum_widthminimum_heightmaximum_widthmaximum_heightlayout_alignment

Interaction

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

↗inputNative event payload

↗changeNative event payload

↗openNative event payload

↗closeNative event payload

↗navigateNative event payload