CompactRepresentation.qml

import QtQuick 2.0
import QtQuick.Layouts 1.1
import org.kde.plasma.plasmoid 2.0
import org.kde.plasma.core 2.0 as PlasmaCore
import org.kde.plasma.components 2.0 as PlasmaComponents

Column {
    id: container
    Layout.fillWidth: true
    Layout.fillHeight: true
    Layout.preferredWidth: 80
    Layout.preferredHeight: 20
    property date dateTime: new Date()

    Timer {
        interval: 100; running: true; repeat: true;
        onTriggered: container.dateTime = new Date()
    }
    Text {
        id: time
        anchors.horizontalCenter: parent.horizontalCenter

        color: container.color

        text : Qt.formatDateTime(container.dateTime, "dd/MM/yyyy hh:mm")
        font.pointSize: 12
    }

    MouseArea {
        anchors.fill: parent

        acceptedButtons: Qt.LeftButton

        hoverEnabled: true

        onClicked: {
            plasmoid.expanded = !plasmoid.expanded
        }
    }
}