DatePickerDialog QML Type
Dialog to select a single date. More...
Import Statement: | import Fluid.Controls 1.1 |
Properties
- dayOfWeekRowVisible : bool
- from : date
- orientation : enumeration
- selectedDate : date
- standardButtonsContainer : list<Object>
- to : date
- weekNumberVisible : bool
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
This property holds the date picker orientation. The default value is automatically selected based on the device orientation.
Possible values:
Constant | Description |
---|---|
DatePicker.Landscape | The date picker is landscape. |
DatePicker.Portrait | The date picker is portrait. |
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() } }