fix(DateInput): remove unnecessary focus half-border (#3221)

packages/react-ui/components/DateInput/__stories__/DateInput.stories.tsx

@@ -434,7 +434,7 @@ WithNoValue.parameters = {
   },
 };
 
-export const WithError = () => (
+export const WithError: Story = () => (
   <Gapped vertical>
     <Gapped>
       <DateInput value="01.01.2020" error /> Error
@@ -445,6 +445,23 @@ export const WithError = () => (
   </Gapped>
 );
 
+WithError.parameters = {
+  creevey: {
+    tests: {
+      async focused() {
+        const plain = await this.takeScreenshot();
+        const DateInputPlaceholder = this.browser.findElement({ css: '[data-tid~="DateFragmentsView__placeholder"]' });
+
+        await this.browser.actions({ bridge: true }).click(DateInputPlaceholder).perform();
+        await delay(1000);
+        const focused = await this.takeScreenshot();
+
+        await this.expect([plain, focused]).to.matchImages();
+      },
+    },
+  },
+};
+
 export const ShouldSetFocusOnPlaceholderClick: Story = () => {
   return <DateInput />;
 };

packages/react-ui/components/Input/Input.styles.ts

@@ -76,7 +76,7 @@ export const styles = memoizeStyle({
   focus(t: Theme) {
     return css`
       background-color: ${t.inputFocusedBg};
-      border-color: ${t.inputBorderColorFocus} !important;
+      border-color: ${t.inputBorderColorFocus};
       box-shadow: ${t.inputFocusShadow};
       outline: none;
       z-index: 2;