fix(timepicker): Add CSS for IE10 flexbox

Fixes #2163 Closes #2167
ng-bootstrap · Feb 22, 2018 · 7c0d6d7 · 7c0d6d7
1 parent 59bcc52
commit 7c0d6d7
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/timepicker/timepicker.ts b/src/timepicker/timepicker.ts
@@ -18,14 +18,20 @@ const NGB_TIMEPICKER_VALUE_ACCESSOR = {
   selector: 'ngb-timepicker',
   styles: [`
     .ngb-tp {
+      display: -ms-flexbox;
       display: flex;
+      -ms-flex-align: center;
       align-items: center;
     }
 
     .ngb-tp-hour, .ngb-tp-minute, .ngb-tp-second, .ngb-tp-meridian {
+      display: -ms-flexbox;
       display: flex;
+      -ms-flex-direction: column;
       flex-direction: column;
+      -ms-flex-align: center;
       align-items: center;
+      -ms-flex-pack: distribute;
       justify-content: space-around;
     }