CupertinoDatePickerDateOrder

Determines the order of the columns inside CupertinoDatePicker in date mode.

Inherits: Enum

Properties

• DAY_MONTH_YEAR –

  Order of the columns, from left to right: day, month, year.

• MONTH_DAY_YEAR –

  Order of the columns, from left to right: month, day, year.

• YEAR_DAY_MONTH –

  Order of the columns, from left to right: year, day, month.

• YEAR_MONTH_DAY –

  Order of the columns, from left to right: year, month, day.

Examples

Showcase

from datetime import datetime

import flet as ft


def main(page: ft.Page):
    page.theme_mode = ft.ThemeMode.DARK
    page.horizontal_alignment = ft.CrossAxisAlignment.CENTER

    def showcase_card(date_order: ft.CupertinoDatePickerDateOrder) -> ft.Container:
        def open_picker(_):
            picker = ft.CupertinoDatePicker(
                date_picker_mode=ft.CupertinoDatePickerMode.DATE,
                date_order=date_order,
                value=datetime(2024, 3, 12, 10, 0),
            )
            page.show_dialog(
                ft.CupertinoBottomSheet(
                    content=picker,
                    height=216,
                    padding=ft.Padding.only(top=6),
                )
            )

        return ft.Container(
            width=320,
            padding=12,
            border=ft.Border.all(1, ft.Colors.RED),
            border_radius=10,
            bgcolor=ft.Colors.SURFACE_CONTAINER_LOW,
            content=ft.Column(
                spacing=8,
                controls=[
                    ft.Text(date_order.name, weight=ft.FontWeight.BOLD),
                    ft.Button(
                        "Open picker",
                        icon=ft.CupertinoIcons.CALENDAR,
                        on_click=open_picker,
                    ),
                ],
            ),
        )

    page.appbar = ft.AppBar(title="CupertinoDatePickerDateOrder Showcase")
    page.add(
        ft.Text("Open each variant in CupertinoBottomSheet."),
        ft.Row(
            wrap=True,
            spacing=12,
            expand=True,
            scroll=ft.ScrollMode.AUTO,
            alignment=ft.MainAxisAlignment.CENTER,
            controls=[
                showcase_card(date_order)
                for date_order in ft.CupertinoDatePickerDateOrder
            ],
        ),
    )


ft.run(main)

Properties

DAY_MONTH_YEAR = 'dmy' class-attribute instance-attribute

Order of the columns, from left to right: day, month, year.

Example: 12 | March | 1996

MONTH_DAY_YEAR = 'mdy' class-attribute instance-attribute

Order of the columns, from left to right: month, day, year.

Example: March | 12 | 1996

YEAR_DAY_MONTH = 'ydm' class-attribute instance-attribute

Order of the columns, from left to right: year, day, month.

Example: 1996 | 12 | March

YEAR_MONTH_DAY = 'ymd' class-attribute instance-attribute

Order of the columns, from left to right: year, month, day.

Example: 1996 | March | 12