fix(ui): properly hide indicator

src/trash/trash-components.jsx

@@ -165,18 +165,27 @@ export const DatePicker = (props) => {
               props.setDate(new Date());
             }}
           >
-            <motion.span
+            <AnimatePresence>
-              className={
+              {props.indicator && (
-                "block min-w-2 min-h-2 rounded-full mx-1 transition-colors" +
+                <motion.span
-                (props.indicator
+                  className={
-                  ? props.pink
+                    "block min-w-2 min-h-2 rounded-full mx-1 transition-colors" +
-                    ? " bg-pink-500 animate-pulse"
+                    (props.pink
-                    : " bg-zinc-300 animate-pulse"
+                      ? " bg-pink-500 animate-pulse"
-                  : " bg-transparent")
+                      : " bg-zinc-300 animate-pulse")
-              }
+                  }
-              layoutId="datepicker_indicator"
+                  variants={{
-              layout="position"
+                    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"