diff --git a/e2e-app/src/app/timepicker/navigation/timepicker-navigation.e2e-spec.ts b/e2e-app/src/app/timepicker/navigation/timepicker-navigation.e2e-spec.ts
index 0126769937..e09246d4fb 100644
--- a/e2e-app/src/app/timepicker/navigation/timepicker-navigation.e2e-spec.ts
+++ b/e2e-app/src/app/timepicker/navigation/timepicker-navigation.e2e-spec.ts
@@ -1,4 +1,4 @@
-import {Key, ElementFinder} from 'protractor';
+import {Key, ElementFinder, browser} from 'protractor';
import {openUrl, expectFocused, sendKey, getCaretPosition} from '../../tools.po';
@@ -45,6 +45,16 @@ describe('Timepicker', () => {
describe('arrow keys', () => {
it(`should keep caret at the end of the input`, async() => {
const testField = async(fieldElement: ElementFinder) => {
+
+ const type = await browser.executeScript(
+ `
+ var element = arguments[0];
+ var type = element.getAttribute('type');
+ element.setAttribute('type', 'text');
+ return type;
+ `,
+ fieldElement.getWebElement());
+
await fieldElement.click();
const endPosition = 2;
@@ -67,6 +77,9 @@ describe('Timepicker', () => {
await sendKey(Key.ARROW_DOWN);
await expectCaretAtEnd();
+
+ await browser.executeScript(
+ `arguments[0].setAttribute('type', arguments[1]);`, fieldElement.getWebElement(), type);
};
for (const fieldElement of page.getFields()) {
diff --git a/src/timepicker/timepicker.scss b/src/timepicker/timepicker.scss
index 16613230e3..b9f07a5fc8 100644
--- a/src/timepicker/timepicker.scss
+++ b/src/timepicker/timepicker.scss
@@ -33,6 +33,13 @@ ngb-timepicker {
&-input {
text-align: center;
+ appearance: textfield;
+
+ &::-webkit-inner-spin-button,
+ &::-webkit-outer-spin-button {
+ appearance: none;
+ margin: 0;
+ }
}
&-hour,
diff --git a/src/timepicker/timepicker.ts b/src/timepicker/timepicker.ts
index c6ffba5f7d..49b7c002e7 100644
--- a/src/timepicker/timepicker.ts
+++ b/src/timepicker/timepicker.ts
@@ -37,7 +37,7 @@ const NGB_TIMEPICKER_VALUE_ACCESSOR = {
Increment hours
-
Increment minutes
-
Increment seconds
-