added corner radius for DateInput in theme next

jpmorganchase · Jul 16, 2024 · 88c863f · 88c863f
1 parent 798d196
commit 88c863f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/.changeset/bordered-datepicker.md b/.changeset/bordered-datepicker.md
@@ -4,7 +4,9 @@
 
 Added bordered prop for `DateInput` component.
 
-Added examples for bordered style variant for DateInput and DatePicker
+Added examples for bordered style variant for DateInput and DatePicker.
+
+Added corner radius support for `DateInput` component in theme next.
 
 ```
  <DatePicker bordered />

diff --git a/packages/lab/src/date-input/DateInput.css b/packages/lab/src/date-input/DateInput.css
@@ -9,6 +9,7 @@
   align-items: center;
   background: var(--saltDateInput-background, var(--input-background));
   border: var(--input-border);
+  border-radius: var(--salt-palette-corner-weak, 0);
   color: var(--saltDateInput-color, var(--salt-content-primary-foreground));
   display: inline-flex;
   gap: var(--salt-spacing-50);
@@ -23,6 +24,7 @@
   position: relative;
   width: 100%;
   box-sizing: border-box;
+  overflow: hidden;
 }
 
 .saltDateInput:hover {