DatePicker: 'error' property for indicating invalid input

This commit is contained in:
Ilya Kitaev 2016-11-06 19:10:25 +03:00
parent ead7ac8686
commit 69b4d461c8

View file

@ -35,6 +35,10 @@ Item {
property bool expanded: false property bool expanded: false
property date currentDate property date currentDate
property bool showCurrentDate: true property bool showCurrentDate: true
property color backgroundColor : "#FFFFFF"
property color errorColor : "#FFDDDD"
property bool error: false
height: 37 height: 37
width: 156 width: 156
@ -56,7 +60,6 @@ Item {
Item { Item {
id: head id: head
anchors.fill: parent anchors.fill: parent
Rectangle { Rectangle {
anchors.left: parent.left anchors.left: parent.left
anchors.right: parent.right anchors.right: parent.right
@ -64,6 +67,7 @@ Item {
//radius: 4 //radius: 4
y: 0 y: 0
color: "#DBDBDB" color: "#DBDBDB"
} }
Rectangle { Rectangle {
@ -74,7 +78,7 @@ Item {
anchors.rightMargin: datePicker.expanded ? 1 : 0 anchors.rightMargin: datePicker.expanded ? 1 : 0
//radius: 4 //radius: 4
y: 1 y: 1
color: "#FFFFFF" color: datePicker.error ? datePicker.errorColor : datePicker.backgroundColor
} }
Item { Item {