imput boxes removed and issue#51 fixed

rajeshwarpatlolla · Oct 8, 2015 · e44525f · e44525f
1 parent 7567a55
commit e44525f
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 11 deletions.
diff --git a/dist/ionic-timepicker.bundle.min.js b/dist/ionic-timepicker.bundle.min.js
diff --git a/src/ionic-timepicker-12-hour.html b/src/ionic-timepicker-12-hour.html
@@ -4,7 +4,7 @@
       <button type="button" class="button button-clear button-small button-dark timePickerArrows marginBottom10"
               ng-click="increaseHours()">
         <i class="icon ion-chevron-up"></i></button>
-      <input type="text" placeholder="" ng-model="time.hours" class="ipBoxes timePickerBoxText" disabled>
+      <div ng-bind="time.hours" class="ipBoxes timePickerBoxText"></div>
       <button type="button" class="button button-clear button-small button-dark timePickerArrows marginTop10"
               ng-click="decreaseHours()">
         <i class="icon ion-chevron-down"></i></button>
@@ -13,15 +13,15 @@
     <span class="button-small col col-25">
       <button type="button" class="button button-clear button-small button-dark timePickerArrows marginBottom10"
               ng-click="increaseMinutes()"><i class="icon ion-chevron-up"></i></button>
-      <input type="text" placeholder="" ng-model="time.minutes" class="ipBoxes timePickerBoxText" disabled>
+      <div ng-bind="time.minutes" class="ipBoxes timePickerBoxText"></div>
       <button type="button" class="button button-clear button-small button-dark timePickerArrows marginTop10"
               ng-click="decreaseMinutes()"><i class="icon ion-chevron-down"></i></button>
     </span>
     <label class="col col-10 timePickerColon"> : </label>
     <span class="button-small col col-25">
       <button type="button" class="button button-clear button-small button-dark timePickerArrows marginBottom10"
               ng-click="changeMeridian()"><i class="icon ion-chevron-up"></i></button>
-      <input type="text" placeholder="" ng-model="time.meridian" class="ipBoxes timePickerBoxText" disabled>
+      <div ng-bind="time.meridian" class="ipBoxes timePickerBoxText"></div>
       <button type="button" class="button button-clear button-small button-dark timePickerArrows marginTop10"
               ng-click="changeMeridian()"><i class="icon ion-chevron-down"></i></button>
     </span>

diff --git a/src/ionic-timepicker-24-hour.html b/src/ionic-timepicker-24-hour.html
@@ -4,7 +4,7 @@
       <button type="button" class="button button-clear button-small button-dark timePickerArrows marginBottom10"
               ng-click="increaseHours()">
         <i class="icon ion-chevron-up"></i></button>
-      <input type="text" placeholder="" ng-model="time.hours" class="ipBoxes timePickerBoxText" disabled>
+      <div ng-bind="time.hours" class="ipBoxes timePickerBoxText"></div>
       <button type="button" class="button button-clear button-small button-dark timePickerArrows marginTop10"
               ng-click="decreaseHours()">
         <i class="icon ion-chevron-down"></i></button>
@@ -13,7 +13,7 @@
     <span class="button-small col col-25">
       <button type="button" class="button button-clear button-small button-dark timePickerArrows marginBottom10"
               ng-click="increaseMinutes()"><i class="icon ion-chevron-up"></i></button>
-      <input type="text" placeholder="" ng-model="time.minutes" class="ipBoxes timePickerBoxText" disabled>
+      <div ng-bind="time.minutes" class="ipBoxes timePickerBoxText"></div>
       <button type="button" class="button button-clear button-small button-dark timePickerArrows marginTop10"
               ng-click="decreaseMinutes()"><i class="icon ion-chevron-down"></i></button>
     </span>

diff --git a/src/ionic-timepicker.styles.css b/src/ionic-timepicker.styles.css
@@ -11,12 +11,11 @@
 }
 
 .timePickerBoxText {
+  height: 40px;
   text-align: center;
-  border: 1px solid #dddddd !important;
-}
-
-.bar.bar-stable, .tabs {
-  box-shadow: 0 0 5px #555;
+  border: 1px solid #dddddd;
+  font-size: 16px;
+  padding-top: 5px;
 }
 
 .overflowShow {