fix: error state now supported in non webkit browsers

2023-09-28 13:27:34 +01:00 · 2023-09-28 13:27:34 +01:00 · d78958b9f8
parent e37221761d
commit d78958b9f8
1 changed files with 7 additions and 0 deletions
--- a/packages/lsd-react/src/components/DateField/DateField.styles.ts
+++ b/packages/lsd-react/src/components/DateField/DateField.styles.ts
@ -131,4 +131,11 @@ export const DateFieldStyles = css`
    .${dateFieldClasses.input}::-webkit-datetime-edit-day-field {
    text-decoration: line-through;
  }
+
+  /* If browser does not support ::-webkit-datetime pseudo elements, use the following. */
+  @supports not selector(::-webkit-datetime-edit-day-field) {
+    .${dateFieldClasses.error} .${dateFieldClasses.input} {
+      text-decoration: line-through;
+    }
+  }
 `