Liri Fluid API

DatePickerDialog QML Type

Dialog to select a single date. More...

Import Statement: import Fluid.Controls 1.1

Properties

Detailed Description

Dialog to select a single date from a calendar.


  import QtQuick 2.10
  import Fluid.Controls 1.0 as FluidControls

  Item {
      width: 600
      height: 600

      Button {
          anchors.centerIn: parent
          text: qsTr("Open")
          onClicked: datePickerDialog.open()
      }

      FluidControls.DatePickerDialog {
          id: datePickerDialog
          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 date picker orientation. The default value is automatically selected based on the device orientation.

Possible values:

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

selectedDate : date

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


standardButtonsContainer : list<Object>

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


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


to : date

This property holds the end date.


weekNumberVisible : bool

This property determines the visibility of the week number column.