Fix vertical alignment of temporal inputs on iOS

Fixes #13098
Closes #13099

diff --git a/dist/css/bootstrap-rtl.css b/dist/css/bootstrap-rtl.css
index 264f06737df2467464114538b6628d78624b0cf3..c8f1568520cef9ebf3cfd0f5a90c9155c8e29870 100644 (file)
--- a/dist/css/bootstrap-rtl.css
+++ b/dist/css/bootstrap-rtl.css
@@ -3078,16 +3078,25 @@ input[type="search"] {
   -webkit-appearance: none;
 }
 
-input[type="date"] {
+input[type="date"],
+input[type="time"],
+input[type="datetime-local"],
+input[type="month"] {
   line-height: 34px;
   line-height: 1.42857143 \0;
 }
 
-input[type="date"].input-sm {
+input[type="date"].input-sm,
+input[type="time"].input-sm,
+input[type="datetime-local"].input-sm,
+input[type="month"].input-sm {
   line-height: 30px;
 }
 
-input[type="date"].input-lg {
+input[type="date"].input-lg,
+input[type="time"].input-lg,
+input[type="datetime-local"].input-lg,
+input[type="month"].input-lg {
   line-height: 46px;
 }
 

diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css
index 4a7a28fb004082386eea58c5f6e86f136af9169f..c4870da5bf4e42c32fd34f30c3b7b65d4e936d66 100644 (file)
--- a/dist/css/bootstrap.css
+++ b/dist/css/bootstrap.css
@@ -2371,14 +2371,23 @@ textarea.form-control {
 input[type="search"] {
   -webkit-appearance: none;
 }
-input[type="date"] {
+input[type="date"],
+input[type="time"],
+input[type="datetime-local"],
+input[type="month"] {
   line-height: 34px;
   line-height: 1.42857143 \0;
 }
-input[type="date"].input-sm {
+input[type="date"].input-sm,
+input[type="time"].input-sm,
+input[type="datetime-local"].input-sm,
+input[type="month"].input-sm {
   line-height: 30px;
 }
-input[type="date"].input-lg {
+input[type="date"].input-lg,
+input[type="time"].input-lg,
+input[type="datetime-local"].input-lg,
+input[type="month"].input-lg {
   line-height: 46px;
 }
 .form-group {

diff --git a/less/forms.less b/less/forms.less
index 8578e8ce6ea9550b29a4a31986560bf593d7fe9f..f8de2e403eb698f590581aafb43139453359fed7 100644 (file)
--- a/less/forms.less
+++ b/less/forms.less
@@ -170,7 +170,10 @@ input[type="search"] {
 // given height of the input. Since this fucks up everything else, we have to
 // appropriately reset it for Internet Explorer and the size variations.
 
-input[type="date"] {
+input[type="date"],
+input[type="time"],
+input[type="datetime-local"],
+input[type="month"] {
   line-height: @input-height-base;
   // IE8+ misaligns the text within date inputs, so we reset
   line-height: @line-height-base ~"\0";