Liri Fluid API

DateTimePickerDialog QML Type

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

Import Statement: import Fluid.Controls 1.1

Properties

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:

ConstantDescription
DatePicker.LandscapeThe picker is landscape.
DatePicker.PortraitThe picker is portrait.

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.