From 761e623a564519c8220e2fa6195a10170d8c2726 Mon Sep 17 00:00:00 2001
From: katamaz <ktkz@duck.com>
Date: Sat, 5 Sep 2026 11:17:15 +0300
Subject: [PATCH] fix(ui): properly hide indicator

---
 src/trash/trash-components.jsx | 33 +++++++++++++++++++++------------
 1 file changed, 21 insertions(+), 12 deletions(-)

diff --git a/src/trash/trash-components.jsx b/src/trash/trash-components.jsx
index d508841..6c01ffb 100644
--- a/src/trash/trash-components.jsx
+++ b/src/trash/trash-components.jsx
@@ -165,18 +165,27 @@ export const DatePicker = (props) => {
               props.setDate(new Date());
             }}
           >
-            <motion.span
-              className={
-                "block min-w-2 min-h-2 rounded-full mx-1 transition-colors" +
-                (props.indicator
-                  ? props.pink
-                    ? " bg-pink-500 animate-pulse"
-                    : " bg-zinc-300 animate-pulse"
-                  : " bg-transparent")
-              }
-              layoutId="datepicker_indicator"
-              layout="position"
-            />
+            <AnimatePresence>
+              {props.indicator && (
+                <motion.span
+                  className={
+                    "block min-w-2 min-h-2 rounded-full mx-1 transition-colors" +
+                    (props.pink
+                      ? " bg-pink-500 animate-pulse"
+                      : " bg-zinc-300 animate-pulse")
+                  }
+                  variants={{
+                    a: { opacity: 0 },
+                    b: { opacity: 1 },
+                  }}
+                  initial="a"
+                  animate="b"
+                  exit="a"
+                  layoutId="datepicker_indicator"
+                  layout="position"
+                />
+              )}
+            </AnimatePresence>
             <motion.span
               layoutId="datepicker_date"
               layout="position"