From cd59b1b0ffc4a537ceaeaeb1cb9365edaee32111 Mon Sep 17 00:00:00 2001
From: opc-norriq <143621889+opc-norriq@users.noreply.github.com>
Date: Sun, 8 Oct 2023 15:16:27 +0200
Subject: [PATCH] Add missing order to buttons and input on InputNumber if
 buttonLayout is horizontal (#4520)

---
 components/lib/passthrough/tailwind/index.js | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/components/lib/passthrough/tailwind/index.js b/components/lib/passthrough/tailwind/index.js
index 79def4d9f..a4f5aaea0 100644
--- a/components/lib/passthrough/tailwind/index.js
+++ b/components/lib/passthrough/tailwind/index.js
@@ -901,7 +901,13 @@ export default {
             class: 'w-full inline-flex'
         },
         input: ({ props }) => ({
-            class: [{ 'rounded-tr-none rounded-br-none': props.showButtons && props.buttonLayout == 'stacked' }]
+            class: [
+                { 
+                    'rounded-tr-none rounded-br-none': props.showButtons && props.buttonLayout == 'stacked' 
+                },
+                { 
+                    'order-2': props.buttonLayout == 'horizontal' 
+                }]
         }),
         buttongroup: ({ props }) => ({
             class: [{ 'flex flex-col': props.showButtons && props.buttonLayout == 'stacked' }]
@@ -911,6 +917,9 @@ export default {
                 'flex !items-center !justify-center',
                 {
                     'rounded-br-none rounded-bl-none rounded-bl-none !p-0 flex-1 w-[3rem]': props.showButtons && props.buttonLayout == 'stacked'
+                },
+                { 
+                    'order-3': props.buttonLayout == 'horizontal' 
                 }
             ]
         }),
@@ -922,6 +931,9 @@ export default {
                 'flex !items-center !justify-center',
                 {
                     'rounded-tr-none rounded-tl-none rounded-tl-none !p-0 flex-1 w-[3rem]': props.showButtons && props.buttonLayout == 'stacked'
+                },              
+                { 
+                    'order-1': props.buttonLayout == 'horizontal' 
                 }
             ]
         })