[Examples] Add TimePicker example

examples/touch/content/TimePickerPage.qml

+/****************************************************************************************
+**
+** Copyright (C) 2018 Chupligin Sergey <neochapay@gmail.com>
+** All rights reserved.
+**
+** You may use this file under the terms of BSD license as follows:
+**
+** Redistribution and use in source and binary forms, with or without
+** modification, are permitted provided that the following conditions are met:
+**     * Redistributions of source code must retain the above copyright
+**       notice, this list of conditions and the following disclaimer.
+**     * Redistributions in binary form must reproduce the above copyright
+**       notice, this list of conditions and the following disclaimer in the
+**       documentation and/or other materials provided with the distribution.
+**     * Neither the name of the author nor the
+**       names of its contributors may be used to endorse or promote products
+**       derived from this software without specific prior written permission.
+**
+** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+** ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+** WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+** DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDERS OR CONTRIBUTORS BE LIABLE FOR
+** ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+** (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+** LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+** ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+** SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+**
+****************************************************************************************/
+
+import QtQuick 2.6
+import QtQuick.Controls 1.0 //needed for the Stack attached property
+import QtQuick.Controls.Nemo 1.0
+import QtQuick.Controls.Styles.Nemo 1.0
+
+
+Page {
+    id: root
+
+    headerTools: HeaderToolsLayout {
+        showBackButton: true;
+        title: qsTr("Time Picker")
+    }
+
+    Column {
+        spacing: Theme.itemSpacingLarge*2
+        width: parent.width
+        TimePicker{
+            width: parent.width-Theme.itemSpacingLarge*2
+            readOnly: false
+        }
+    }
+}

examples/touch/glacier-components.qml

@@ -85,6 +85,10 @@ ApplicationWindow {
             title: "DatePicker"
             page: "content/DatePickerPage.qml"
         }
+        ListElement {
+            title: "TimePicker"
+            page: "content/TimePickerPage.qml"
+        }
         ListElement {
             title: "Tabs"
             page: "content/TabBarPage.qml"

examples/touch/touch.pro

@@ -27,6 +27,7 @@ qml.files += \
     content/SelectRollerPage.qml \
     content/IconPage.qml \
     content/DatePickerPage.qml \
+    content/TimePickerPage.qml \
     content/NotificationsPage.qml
 
 qml.path = /usr/share/glacier-components/qml/content
@@ -44,3 +45,6 @@ INSTALLS += desktop target qml mainqml images
 
 SOURCES += \
     src/main.cpp
+
+DISTFILES += \
+    content/TimePickerPage.qml

src/controls/qml/TimePicker.qml

@@ -37,12 +37,16 @@ Item{
     width: 400
     height: width
 
-    property int hours: 18
-    property int minutes: 12
+    property date currentTime: new Date()
+
+    property int hours: currentTime.getHours()
+    property int minutes: currentTime.getHours()
+
+    property bool readOnly: true
 
     Rectangle{
         anchors.fill: parent
-        color: "black"
+        color: Theme.backgroundColor
     }
 
     Canvas {
@@ -108,6 +112,10 @@ Item{
     MouseArea{
         anchors.fill: parent
         onPressed: {
+            if(readOnly)
+            {
+                return;
+            }
             var minute_rad_max = canvas.width/2*0.8+Theme.itemHeightExtraSmall/10;
             var minute_rad_min = canvas.width/2*0.8-Theme.itemHeightExtraSmall/10;