Liri Fluid API

DatePicker QML Type

Control to select a single date. More...

Import Statement: import Fluid.Controls 1.1

Properties

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

background : Item

This property holds the background item.


dayOfWeekRowVisible : bool

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


This property holds the footer item.


from : date

This property holds the start date.


header : Item

This property holds the header item.


locale : Locale

This property holds the locale of the control.


mode : enumeration

This property holds the current selection mode.

It is changed by the user, clicking on the year or calendar.

Possible values:

ConstantDescription
DatePicker.YearThe user is selecting the year.
DatePicker.MonthThe user is selecting the month.

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.


selector : Item

This property holds the selector item.


to : date

This property holds the end date.


weekNumberVisible : bool

This property determines the visibility of the week number column.