From d7caeae0ae48c2c79bd3790fcb07bb01b1054058 Mon Sep 17 00:00:00 2001
From: Oleksii <front-end-performer@users.noreply.github.com>
Date: Tue, 28 Oct 2025 08:31:36 +0100
Subject: [PATCH] fix: correct opacity class names in Datepicker and Input
 components

---
 src/components/Datepicker.tsx | 2 +-
 src/components/Input.tsx      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Datepicker.tsx b/src/components/Datepicker.tsx
index 5f923306..75430c1f 100644
--- a/src/components/Datepicker.tsx
+++ b/src/components/Datepicker.tsx
@@ -110,7 +110,7 @@ const Datepicker = (props: DatepickerType) => {
         if (arrow && div && div.classList.contains("block")) {
             div.classList.remove("block");
             div.classList.remove("translate-y-0");
-            div.classList.remove("opacity-1");
+            div.classList.remove("opacity-100");
             div.classList.add("translate-y-4");
             div.classList.add("opacity-0");
             setTimeout(() => {
diff --git a/src/components/Input.tsx b/src/components/Input.tsx
index f34f1b0f..7c3c4cc5 100644
--- a/src/components/Input.tsx
+++ b/src/components/Input.tsx
@@ -248,7 +248,7 @@ const Input = () => {
                     div.classList.remove("translate-y-4");
                     div.classList.remove("opacity-0");
                     div.classList.add("translate-y-0");
-                    div.classList.add("opacity-1");
+                    div.classList.add("opacity-100");
                 }, 1);
             }
         }