quickshell/modules/wallpaper/DesktopClock.qml

import Quickshell
import Quickshell.Widgets
import QtQuick
import Qt5Compat.GraphicalEffects
import Quickshell.Io
import qs
import qs.settings
import qs.widgets

Item {
    id: root
    property int gaps: 10
    implicitWidth: wrapper.width + gaps
    implicitHeight: wrapper.height + gaps
    ClippingWrapperRectangle {
        id: wrapper
        layer {
            enabled: true
            effect: DropShadow {
                color: "#111111"
                horizontalOffset: 7
                verticalOffset: 8
                radius: 12
                samples: 14
            }
        }
        SystemClock {
            id: clock
            precision: SystemClock.Minutes
        }
        color: Colors.base01
        radius: Settings.config.rounding
        anchors.centerIn: parent
        margin: 10
        rightMargin: 15
        child: Column {
            id: dataLayout
            spacing: 0
            anchors.margins: 0
            CText {
                text: Qt.formatDateTime(clock.date, "hh:mm")
                font.pixelSize: 48
            }
            CText {
                text: Qt.formatDateTime(clock.date, "dd.MM.yy")
                opacity: 0.6
                font.pixelSize: 24
            }
        }
    }
}