- Fluid Reference Documentation
- Fluid 1.0.0

# DateTimePickerDialog QML Type

Dialog with a picker to select dates and time More...

Import Statement: | import Fluid.Controls 1.0

- List of all members, including inherited members

## Properties

- dayOfWeekRowVisible : bool
- from : date
- orientation : enumeration
- prefer24Hour : bool
- selectedDateTime : date
- standardButtonsContainer : list<Object>
- to : date
- weekNumberVisible : bool

## Detailed Description

A dialog that lets you select dates and time.

      import QtQuick 2.10
      import Fluid.Controls 1.0 as FluidControls

      Item {
          width: 600
          height: 600

          FluidControls.DateTimePickerDialog {
              onAccepted: {
                  console.log(selectedDate);
              }
              standardButtons: DialogButtonBox.Ok | DialogButtonBox.Cancel
          }
      }

For more information you can read the Material Design guidelines.

## Property Documentation

dayOfWeekRowVisible : bool

This property determines the visibility of the day of week row.

from : date

This property holds the start date.

orientation : enumeration

This property holds the picker orientation. The default value is automatically selected based on the device orientation.

Possible values:

Constant | Description
--- | ---
`DatePicker.Landscape` | The picker is landscape.
`DatePicker.Portrait` | The picker is portrait.

prefer24Hour : bool

This property determines the visibility of the AM/PM switch.

selectedDateTime : date

This property holds the date and time that has been selected by the user. The default value is the current date and time.

standardButtonsContainer : list<Object>

This property allows you to place additional buttons alongside the standard buttons of the dialog, like in this example:

      FluidControls.DateTimePickerDialog {
          id: dateTimePickerDialog
          standardButtons: DialogButtonBox.Ok | DialogButtonBox.Cancel
          standardButtonsContainer: Button {
              anchors.verticalCenter: parent.verticalCenter
              text: qsTr("Now")
              flat: true
              onClicked: dateTimePickerDialog.selectedDate = new Date()
          }
      }

to : date

This property holds the end date.

weekNumberVisible : bool

This property determines the visibility of the week number column.