import QtQuick
import QtQml
import Nebula.UI

Text {
    id: root

    property date now: new Date()

    text: formatClock(now)
    color: Theme.textPrimary
    font.family: Theme.fontFamily
    font.pixelSize: Theme.fontSize
    verticalAlignment: Text.AlignVCenter
    horizontalAlignment: Text.AlignHCenter
    leftPadding: 8
    rightPadding: 8
    height: Theme.controlHeight
    Accessible.role: Accessible.StaticText
    Accessible.name: formatFull(now)

    Timer {
        interval: 1000
        running: true
        repeat: true
        onTriggered: root.now = new Date()
    }

    function formatClock(date) {
        const locale = Qt.locale()
        const weekday = locale.toString(date, "ddd")
        const time = locale.toString(date, locale.timeFormat(Locale.ShortFormat))
        return weekday + " " + time
    }

    function formatFull(date) {
        return Qt.locale().toString(date, Locale.LongFormat)
    }
}