diff --git a/packages/main/src/TimePicker.ts b/packages/main/src/TimePicker.ts index 2daf1f61f0e4..b3eb5334858b 100644 --- a/packages/main/src/TimePicker.ts +++ b/packages/main/src/TimePicker.ts @@ -48,7 +48,6 @@ import { // Styles import TimePickerCss from "./generated/themes/TimePicker.css.js"; import TimePickerPopoverCss from "./generated/themes/TimePickerPopover.css.js"; -import PopoverCss from "./generated/themes/Popover.css.js"; import ResponsivePopoverCommonCss from "./generated/themes/ResponsivePopoverCommon.css.js"; type TimePickerChangeInputEventDetail = { @@ -130,7 +129,6 @@ type TimePickerInputEventDetail = TimePickerChangeInputEventDetail; styles: [ TimePickerCss, ResponsivePopoverCommonCss, - PopoverCss, TimePickerPopoverCss, ], dependencies: [ diff --git a/packages/main/src/themes/TimePicker.css b/packages/main/src/themes/TimePicker.css index cd5044eed8a5..f9449f208e07 100644 --- a/packages/main/src/themes/TimePicker.css +++ b/packages/main/src/themes/TimePicker.css @@ -1,6 +1,7 @@ @import "./FormComponents.css"; @import "./InvisibleTextStyles.css"; @import "./InputIcon.css"; +@import "./InputSharedStyles.css"; :host(:not([hidden])) { display: inline-block; @@ -43,28 +44,4 @@ letter-spacing: inherit; word-spacing: inherit; margin: inherit; -} - -.ui5-time-picker-input-icon-button { - border-left: 0.0625rem solid transparent; -} - -.ui5-time-picker-input-icon-button { - border-left: 0.0625rem solid transparent; -} - -.ui5-time-picker-input-icon-button:hover { - cursor: pointer; - border-left: var(--_ui5_time_picker_border); - background: var(--sapButton_Hover_Background); -} - -.ui5-time-picker-input-icon-button:active { - background-color: var(--sapButton_Active_Background); - color: var(--sapButton_Active_TextColor); -} - -.ui5-time-picker-input-icon-button[pressed] { - background-color: var(--sapButton_Active_Background); - color: var(--sapButton_Active_TextColor); } \ No newline at end of file