Skip to main content

DatePickerEntryMode

Mode of date entry method for the date picker dialog.

Inherits: enum.Enum

Properties

  • CALENDAR - User picks a date from calendar grid.
  • CALENDAR_ONLY - User can only pick a date from calendar grid.
  • INPUT - User can input the date by typing it into a text field.
  • INPUT_ONLY - User can only input the date by typing it into a text field.

Examples​

Showcase​

import datetime

import flet as ft


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

    today = datetime.datetime.now()
    picker = ft.DatePicker(
        first_date=datetime.datetime(year=today.year - 1, month=1, day=1),
        last_date=datetime.datetime(year=today.year + 1, month=12, day=31),
    )

    def open_picker(entry_mode: ft.DatePickerEntryMode):
        picker.entry_mode = entry_mode
        picker.date_picker_mode = ft.DatePickerMode.DAY
        page.show_dialog(picker)

    def showcase_card(entry_mode: ft.DatePickerEntryMode) -> ft.Container:
        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(entry_mode.name, weight=ft.FontWeight.BOLD),
                    ft.Button(
                        "Open DatePicker",
                        icon=ft.Icons.CALENDAR_MONTH,
                        on_click=lambda _, m=entry_mode: open_picker(m),
                    ),
                ],
            ),
        )

    page.appbar = ft.AppBar(title="DatePickerEntryMode Showcase")
    page.add(
        ft.SafeArea(
            content=ft.Column(
                controls=[
                    ft.Text(
                        "Open the picker to compare calendar and input entry modes."
                    ),
                    ft.Row(
                        wrap=True,
                        spacing=12,
                        expand=True,
                        scroll=ft.ScrollMode.AUTO,
                        alignment=ft.MainAxisAlignment.CENTER,
                        controls=[showcase_card(m) for m in ft.DatePickerEntryMode],
                    ),
                ],
            ),
        )
    )


if __name__ == "__main__":
    ft.run(main)

Properties​

CALENDARclass-attributeinstance-attribute​

User picks a date from calendar grid.

Can switch to INPUT by activating a mode button in the dialog.

CALENDAR_ONLYclass-attributeinstance-attribute​

User can only pick a date from calendar grid.

There is no user interface to switch to another mode.

INPUTclass-attributeinstance-attribute​

User can input the date by typing it into a text field.

Can switch to CALENDAR by activating a mode button in the dialog.

INPUT_ONLYclass-attributeinstance-attribute​

User can only input the date by typing it into a text field.

There is no user interface to switch to another mode.