add animation to 'rect' date style

.config/quickshell/ii/modules/background/cookieClock/dateIndicators/DateIndicator.qml

@@ -27,7 +27,7 @@ Item {
     // Rectangle date (only today's number) in right side of the clock
     Loader {
         id: rectLoader
-        
+
         property real animIndex: root.style === "rect" ? 1.0 : 0.0
         Behavior on animIndex {
             animation: Appearance.animation.elementResize.numberAnimation.createObject(this)
@@ -35,6 +35,9 @@ Item {
 
         active: animIndex > 0
 
+        anchors.right: parent.right
+        anchors.verticalCenter: parent.verticalCenter
+
         sourceComponent: RectangleDate {
             color: Appearance.colors.colSecondaryContainerHover
             radius: Appearance.rounding.small

.config/quickshell/ii/modules/background/cookieClock/dateIndicators/RectangleDate.qml

@@ -6,15 +6,16 @@ import qs.modules.common.widgets
 import QtQuick
 
 Rectangle {
+    id: rect
     readonly property string dialStyle: Config.options.background.clock.cookie.dialNumberStyle
     property real animIndex: 0
-    opacity: animIndex 
+    opacity: animIndex
 
-    width: 45
-    height: 30
-
-    x: dialStyle === "numbers" ? 155 : 150
-    y: dialStyle === "numbers" ? 155 : 100 
+    width: 45 * animIndex
+    height: 30 * animIndex
+    
+    x: root.dialStyle === "numbers" ? -40 : -10
+    y: root.dialStyle === "numbers" ? 55 : 0
 
     Behavior on x {
         animation: Appearance.animation.elementMoveFast.numberAnimation.createObject(this)