DatePicker QML Type
Control to select a single date. More...
Import Statement: | import Fluid.Controls 1.1 |
Properties
- background : Item
- dayOfWeekRowVisible : bool
- footer : Item
- from : date
- header : Item
- locale : Locale
- mode : enumeration
- orientation : enumeration
- selectedDate : date
- selector : Item
- to : date
- weekNumberVisible : bool
Detailed Description
Stand-alone control to select a single date from a calendar.
import QtQuick 2.10 import Fluid.Controls 1.0 as FluidControls Item { width: 600 height: 600 FluidControls.DatePicker { anchors.centerIn: parent onSelectedDateChanged: { console.log("You have selected:", selectedDate); } } }
For more information you can read the Material Design guidelines.
Property Documentation
This property holds the current selection mode.
It is changed by the user, clicking on the year or calendar.
Possible values:
Constant | Description |
---|---|
DatePicker.Year | The user is selecting the year. |
DatePicker.Month | The user is selecting the month. |
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.