From 9a0b3cba596741ed103433a6273f4fddb95a582f Mon Sep 17 00:00:00 2001
From: joneff <joneff@gmail.com>
Date: Tue, 23 Nov 2021 17:05:17 +0200
Subject: [PATCH] fix(html): add icon-picker classname to pickers with icon
 only

---
 packages/html/src/colorpicker/colorpicker.jsx   | 5 +++--
 packages/html/src/dropdownlist/dropdownlist.jsx | 5 ++++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/html/src/colorpicker/colorpicker.jsx b/packages/html/src/colorpicker/colorpicker.jsx
index 4a033e47665..09aa0badab8 100644
--- a/packages/html/src/colorpicker/colorpicker.jsx
+++ b/packages/html/src/colorpicker/colorpicker.jsx
@@ -52,7 +52,8 @@ function ColorpickerStatic(props) {
 
     let colorpickerClasses = [
         ownClassName,
-        'k-colorpicker'
+        'k-colorpicker',
+        'k-icon-picker'
     ];
 
     let ariaAttr = aria
@@ -92,7 +93,7 @@ function ColorpickerStatic(props) {
     return (
         <PickerStatic className={colorpickerClasses} {...ariaAttr} {...htmlAttributes}>
             {prefix}
-            <InputInnerSpanStatic showValue={false} valueIcon={<ColorPreviewStatic className="k-icon k-value-icon" color={value} iconName={iconName} />} />
+            <InputInnerSpanStatic showValue={false} valueIcon={<ColorPreviewStatic className="k-value-icon" color={value} iconName={iconName} />} />
             {suffix}
             <ButtonStatic className="k-input-button" icon="arrow-s" rounded="none" size={size} fillMode={fillMode}></ButtonStatic>
         </PickerStatic>
diff --git a/packages/html/src/dropdownlist/dropdownlist.jsx b/packages/html/src/dropdownlist/dropdownlist.jsx
index 2dcdbfea6ea..7e52704cffa 100644
--- a/packages/html/src/dropdownlist/dropdownlist.jsx
+++ b/packages/html/src/dropdownlist/dropdownlist.jsx
@@ -71,7 +71,10 @@ function DropdownListStatic(props) {
 
     let dropdownListClasses = [
         ownClassName,
-        'k-dropdown'
+        'k-dropdown',
+        {
+            'k-icon-picker': showValue !== true && (valueIcon !== null || valueIconName !== '')
+        }
     ];
 
     let ariaAttr = aria