From b266a8a440ca3ac61a5b9e1e561b86c9c602d490 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Thu, 21 Nov 2024 18:16:32 +0300
Subject: [PATCH] Fixed #6820, Fixed #6823

---
 .../src/presets/material/inputgroup/index.js  | 10 +++++++++-
 .../src/presets/material/inputnumber/index.js | 20 +++++++++++++++++++
 2 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/packages/themes/src/presets/material/inputgroup/index.js b/packages/themes/src/presets/material/inputgroup/index.js
index 27d96c12e..c065cf1c5 100644
--- a/packages/themes/src/presets/material/inputgroup/index.js
+++ b/packages/themes/src/presets/material/inputgroup/index.js
@@ -6,5 +6,13 @@ export default {
         borderRadius: '{form.field.border.radius}',
         padding: '0.75rem',
         minWidth: '3rem'
-    }
+    },
+    css: ({ dt }) => `
+.p-inputgroup:has(.p-variant-filled) .p-inputgroupaddon {
+    border-block-start-color: ${dt('inputtext.filled.background')};
+    border-inline-color: ${dt('inputtext.filled.background')};
+    background: ${dt('inputtext.filled.background')} no-repeat;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+`
 };
diff --git a/packages/themes/src/presets/material/inputnumber/index.js b/packages/themes/src/presets/material/inputnumber/index.js
index ed3d043c2..20e11f5ca 100644
--- a/packages/themes/src/presets/material/inputnumber/index.js
+++ b/packages/themes/src/presets/material/inputnumber/index.js
@@ -41,5 +41,25 @@ export default {
     right: 2px;
     height: calc(100% - 4px);
 }
+
+.p-inputnumber-horizontal:has(.p-variant-filled) .p-inputnumber-button {
+    border-block-start-color: ${dt('inputtext.filled.background')};
+    border-inline-color: ${dt('inputtext.filled.background')};
+    background: ${dt('inputtext.filled.background')} no-repeat;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+} 
+    
+.p-inputnumber-vertical:has(.p-variant-filled) .p-inputnumber-button {
+    border-block-color: ${dt('inputtext.filled.background')};
+    border-inline-color: ${dt('inputtext.filled.background')};
+    background: ${dt('inputtext.filled.background')} no-repeat;
+} 
+
+.p-inputnumber-vertical:has(.p-variant-filled) .p-inputnumber-increment-button {
+    border-block-end: 1px solid ${dt('inputtext.border.color')}
+}
+
+
 `
 };