From 42e7ef38e6aeaf48322987c9556f4cf9355dde64 Mon Sep 17 00:00:00 2001
From: Teya Veselinova <tveselin@progress.com>
Date: Tue, 12 Nov 2024 14:00:11 +0200
Subject: [PATCH] fix(html): update DateTimePicker container class and adaptive
 buttons classes

---
 packages/html/src/datetimepicker/datetimepicker.spec.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/html/src/datetimepicker/datetimepicker.spec.tsx b/packages/html/src/datetimepicker/datetimepicker.spec.tsx
index fe6625ec869..d6165ff0d97 100644
--- a/packages/html/src/datetimepicker/datetimepicker.spec.tsx
+++ b/packages/html/src/datetimepicker/datetimepicker.spec.tsx
@@ -132,7 +132,7 @@ export const DateTimePicker = (
                 />
             </Input>
             { opened &&
-                <Popup className={`k-${tab === "time" ? "list" : "calendar"}-container k-datetimepicker-popup`} dir={dir}>
+                <Popup className="k-datetime-container k-datetimepicker-popup" dir={dir}>
                     <DateTimeSelector tab={tab} dir={dir} />
                 </Popup>
             }
@@ -146,7 +146,10 @@ export const DateTimePicker = (
 
                     <DateTimeSelector size="large" tab={tab} actionButtons={false} />
 
-                    <ActionSheetFooter actions={[ 'Cancel', '!Set' ]} />
+                    <ActionSheetFooter>
+                        <Button text="Set" size="large" themeColor="primary" className="k-time-accept" />
+                        <Button text="Cancel" size="large" themeColor="base" className="k-time-cancel" />
+                    </ActionSheetFooter>
                 </ActionSheet>
             }
         </>