⌂
›
Widgets
›
CupertinoDatePicker
CupertinoDatePicker
CupertinoDatePicker control. Build it with the cupertino_date_picker helper.
Example
cupertino_date_picker(
value: "Sample",
bgcolor: :surface_container_high,
expand: true,
width: 240,
on_change: ->(event) {}
)
Properties
bgcolor— Background color.date_order— Sets the date order property.date_picker_mode— Sets the date picker mode property.first_date— Sets the first date property.item_extent— Sets the item extent property.last_date— Sets the last date property.locale— Sets the locale property.maximum_year— Sets the maximum year property.minimum_year— Sets the minimum year property.minute_interval— Sets the minute interval property.show_day_of_week— Sets the show day of week property.use_24h_format— Sets the use 24h format property.value— The control's current value.
Common layout and animation properties
align— Alignment of the control within its parent.animate_align— Animates alignment changes.animate_margin— Animates margin changes.animate_offset— Animates offset changes.animate_opacity— Animates opacity changes.animate_position— Animates position changes.animate_rotation— Animates rotation changes.animate_scale— Animates scale changes.animate_size— Animates size changes.aspect_ratio— Width-to-height ratio to maintain.badge— Badge drawn on the corner of the control.bottom— Bottom offset when positioned inside a stack.col— Responsive column span (1-12) per breakpoint.data— Arbitrary value you can attach to the control and read back in handlers.disabled— Disables interaction when true.expand— Fills the available space along the parent's main axis when true.expand_loose— Like expand, but only grows up to the child's natural size.height— Fixed height in logical pixels.key— Stable identity used to preserve state across rebuilds.left— Left offset when positioned inside a stack.margin— Outer spacing around the control.offset— Translation offset applied to the control.opacity— Opacity from 0.0 (transparent) to 1.0 (opaque).right— Right offset when positioned inside a stack.rotate— Rotation applied to the control.rtl— Renders right-to-left when true.scale— Scale transform applied to the control.size_change_interval— Throttle interval for on_size_change, in ms.tooltip— Text shown on hover/long-press.top— Top offset when positioned inside a stack.visible— Hides the control when false.width— Fixed width in logical pixels.
Events
on_animation_end— Fired when an animation completes.on_change— Fired when the value changes.on_size_change— Fired when the control's size changes.
Reference
- Family:
cupertinos - Widget type:
cupertinodatepicker - Helpers:
cupertino_date_picker,cupertinodatepicker