feat(datepicker): fix input bug

src/components/datepicker/bl-datepicker.test.ts

@@ -1,11 +1,11 @@
 import { aTimeout, expect, fixture, html } from "@open-wc/testing";
-import BlDatepicker from "./bl-datepicker";
 import { BlButton, BlDatePicker } from "../../baklava";
 import { CALENDAR_TYPES } from "../calendar/bl-calendar.constant";
 import sinon from "sinon";
+import "./bl-datepicker";
 
 describe("BlDatepicker", () => {
-  let element: BlDatepicker;
+  let element: BlDatePicker;
   let getElementByIdStub: sinon.SinonStub;
   let consoleWarnSpy: sinon.SinonSpy;
 

src/components/input/bl-input.css

@@ -58,16 +58,13 @@
   gap: var(--padding-vertical);
   height: var(--height);
   border: solid var(--border-size) var(--border-color);
-  padding: 0
-    calc(
-      var(--bl-input-padding-end, var(--padding-horizontal)) - var(--label-padding) -
-        var(--border-size)
-    )
-    0
-    calc(
-      var(--bl-input-padding-start, var(--padding-horizontal)) - var(--label-padding) -
-        var(--border-size)
-    );
+  padding: 0 calc(
+    var(--bl-input-padding-end, var(--padding-horizontal)) - var(--label-padding) -
+    var(--border-size)
+  ) 0 calc(
+    var(--bl-input-padding-start, var(--padding-horizontal)) - var(--label-padding) -
+    var(--border-size)
+  );
   background-color: var(--background-color);
   border-radius: var(--bl-size-3xs);
   margin: 0;
@@ -113,7 +110,7 @@ label {
 .has-icon label {
   inset-inline-end: calc(
     var(--bl-input-padding-end, var(--padding-horizontal)) + var(--icon-size) +
-      var(--padding-vertical)
+    var(--padding-vertical)
   );
 }
 
@@ -140,7 +137,7 @@ input {
   color: var(--text-color);
   -webkit-text-fill-color: var(--text-color);
   background-color: transparent;
-  cursor: var(--bl-input-cursor, not-allowed);
+  cursor: var(--bl-input-cursor, unset);
 }
 
 input::-webkit-credentials-auto-fill-button {