artriculate/qml/widgets/Clock.qml

import QtQuick 2.6

// Required for effortless web serving!
import ".."

Widget {
    id: root

    text: d.timeString

    QtObject {
        id: d
        property string timeString
        property int day
        property int month

        function timeChanged() {
            var date = new Date;
            timeString = Qt.formatDateTime(date, "hh:mm")
            day = Qt.formatDateTime(date, "dd")
            month = Qt.formatDateTime(date, "MM")
        }
    }

    Timer {
        interval: 10*1000; running: true; repeat: true;
        onTriggered: d.timeChanged()
    }

    /*Item {
        anchors { left: clockLabel.right; leftMargin: 20 }
        height: root.height
        width: childrenRect.width
        Item {
            width: childrenRect.width
            height: parent.height/2
            Text {
                anchors.centerIn: parent
                color: "white"
                font.bold: true
                verticalAlignment: Text.AlignVCenter
                horizontalAlignment: Text.AlignHCenter
                font.pixelSize: root.height/3
                text: d.day
            }
        }
        Item {
            y: parent.height/2
            width: childrenRect.width
            height: parent.height/2
            Text {
                anchors.centerIn: parent
                color: "white"
                font.bold: true
                verticalAlignment: Text.AlignVCenter
                horizontalAlignment: Text.AlignHCenter
                font.pixelSize: root.height/3
                text: d.month
            }
        }
    }*/
}