diff options
Diffstat (limited to 'www/lib/ion-datetime-picker')
| -rw-r--r-- | www/lib/ion-datetime-picker/.bower.json | 15 | ||||
| -rw-r--r-- | www/lib/ion-datetime-picker/README.md | 32 | ||||
| -rw-r--r-- | www/lib/ion-datetime-picker/bower.json | 4 | ||||
| -rw-r--r-- | www/lib/ion-datetime-picker/package.json | 2 | ||||
| -rw-r--r-- | www/lib/ion-datetime-picker/release/ion-datetime-picker.min.js | 2 | ||||
| -rw-r--r-- | www/lib/ion-datetime-picker/src/picker.js | 3 |
6 files changed, 38 insertions, 20 deletions
diff --git a/www/lib/ion-datetime-picker/.bower.json b/www/lib/ion-datetime-picker/.bower.json index f6bc2079..8627f03a 100644 --- a/www/lib/ion-datetime-picker/.bower.json +++ b/www/lib/ion-datetime-picker/.bower.json @@ -1,6 +1,6 @@ { "name": "ion-datetime-picker", - "version": "0.1.1", + "version": "0.1.2", "authors": [ "Kate Miháliková <kate@katemihalikova.cz>" ], @@ -25,16 +25,15 @@ "node_modules" ], "dependencies": { - "ionic": ">=1.0.0-beta.9" + "ionic": "^1.0.0-beta.9" }, - "_release": "0.1.1", + "_release": "0.1.2", "_resolution": { "type": "version", - "tag": "v0.1.1", - "commit": "2b0731676eee56ed16468d90a3c18f135ebcebf5" + "tag": "v0.1.2", + "commit": "0e87b4eab53bebea66d3ce751e3c8f1770f3ea49" }, - "_source": "git://github.com/katemihalikova/ion-datetime-picker.git", + "_source": "https://github.com/katemihalikova/ion-datetime-picker.git", "_target": "~0.1.1", - "_originalSource": "ion-datetime-picker", - "_direct": true + "_originalSource": "ion-datetime-picker" }
\ No newline at end of file diff --git a/www/lib/ion-datetime-picker/README.md b/www/lib/ion-datetime-picker/README.md index 92d58f43..90697f79 100644 --- a/www/lib/ion-datetime-picker/README.md +++ b/www/lib/ion-datetime-picker/README.md @@ -7,11 +7,6 @@ > Date and/or time picker for awesome [Ionic framework](http://ionicframework.com/) -# Demo - -Demo app is available - enter code `8d75a0ec` into [Ionic View](http://view.ionic.io/). -Live demo is available on [Codepen](http://codepen.io/katemihalikova/full/dYvjzP/). - # Introduction I made this component because of poor implementation of native datetime picker in Android webview. How funny it was when I discovered that I can only pick a time between 0:00 and 11:59 on my 24-hour clock phone :) @@ -26,6 +21,17 @@ The ion-datetime-picker component has these features: - Configure popup title and button labels - Configure i18n to get weekdays and months in your language +# Demo + +Demo app is available - enter code `8d75a0ec` into [Ionic View](http://view.ionic.io/). +Live demo is available on [Codepen](http://codepen.io/katemihalikova/full/dYvjzP/). + +#Screenshots + +<img src="/../screenshots/date.png?raw=true" alt="Date picker" width="239"> +<img src="/../screenshots/time.png?raw=true" alt="Time picker" width="239"> +<img src="/../screenshots/datetime.png?raw=true" alt="Datetime picker" width="239"> + # Installation 1. Use bower to install the new module: @@ -75,6 +81,8 @@ By default, in the time picker, I use 24-hour clock. Set this attribute to chang Configure the title and sub title of the popup with the picker. +_HINT: Use `data-title` instead of `title` if you are going to use the app in the desktop browser to prevent leaking of the text into a mouseover tooltip._ + ### `button-ok` and `button-cancel` attributes Configure the text of buttons at the bottom of the picker. @@ -85,16 +93,26 @@ Simple internationalization option. Inject the `$ionicPickerI18n` factory into y ### `weekdays` key -Array of weekdays abbreviations. `0` is Sunday. If `moment` is installed, I try to get localized data from it, otherwise English ones are used. +Array of weekdays abbreviations. `0` is Sunday. If `moment` is installed, I try to get localized data from it, otherwise English ones are used as default. ### `months` key -Array of months names. `0` is January. If `moment` is installed, I try to get localized data from it, otherwise English ones are used. +Array of months names. `0` is January. If `moment` is installed, I try to get localized data from it, otherwise English ones are used as default. ### `ok` and `cancel` keys Default, global labels of the buttons at the bottom of the picker. +```js +angular.module("myApp") + .run(function($ionicPickerI18n) { + $ionicPickerI18n.weekdays = ["Нд", "Lu", "Út", "Mi", "To", "금", "Sá"]; + $ionicPickerI18n.months = ["Janvier", "Febrero", "März", "四月", "Maio", "Kesäkuu", "Červenec", "अगस्त", "Вересень", "Październik", "Νοέμβριος", "డిసెంబర్"]; + $ionicPickerI18n.ok = "オーケー"; + $ionicPickerI18n.cancel = "Cancelar"; + }); +``` + ## Daylight saving time The datetime picker is using `Date` object with your browser's timezone, including any DST. When you change the date, hour, minute, or second, which sets the time to an invalid value because of moving from 2:00 to 3:00 at the beginning of DST, the time is automatically adjusted to a valid value. On the other hand, when the DST ends, I do NOT take the inserted hour into consideration, but this may be fixed in the future. diff --git a/www/lib/ion-datetime-picker/bower.json b/www/lib/ion-datetime-picker/bower.json index 59925f18..3f80b8e7 100644 --- a/www/lib/ion-datetime-picker/bower.json +++ b/www/lib/ion-datetime-picker/bower.json @@ -1,6 +1,6 @@ { "name": "ion-datetime-picker", - "version": "0.1.1", + "version": "0.1.2", "authors": [ "Kate Miháliková <kate@katemihalikova.cz>" ], @@ -25,6 +25,6 @@ "node_modules" ], "dependencies": { - "ionic": ">=1.0.0-beta.9" + "ionic": "^1.0.0-beta.9" } } diff --git a/www/lib/ion-datetime-picker/package.json b/www/lib/ion-datetime-picker/package.json index 403ce4f3..5479887a 100644 --- a/www/lib/ion-datetime-picker/package.json +++ b/www/lib/ion-datetime-picker/package.json @@ -1,6 +1,6 @@ { "name": "ion-datetime-picker", - "version": "0.1.1", + "version": "0.1.2", "description": "Date and/or time picker for awesome ionic framework", "main": [ "release/ion-datetime-picker.js", diff --git a/www/lib/ion-datetime-picker/release/ion-datetime-picker.min.js b/www/lib/ion-datetime-picker/release/ion-datetime-picker.min.js index 4f04a008..2447f7be 100644 --- a/www/lib/ion-datetime-picker/release/ion-datetime-picker.min.js +++ b/www/lib/ion-datetime-picker/release/ion-datetime-picker.min.js @@ -1 +1 @@ -!function(){"use strict";angular.module("ion-datetime-picker",["ionic"]).directive("ionDatetimePicker",function(){return{restrict:"AE",require:"ngModel",scope:{modelDate:"=ngModel",title:"=",subTitle:"=",buttonOk:"=",buttonCancel:"="},controller:["$scope","$ionicPopup","$ionicPickerI18n","$timeout",function(e,n,t,i){e.i18n=t,e.bind={},e.rows=[0,1,2,3,4,5],e.cols=[1,2,3,4,5,6,7],e.weekdays=[0,1,2,3,4,5,6],e.showPopup=function(){n.show({templateUrl:"picker-popup.html",title:e.title||"Pick "+(e.dateEnabled?"a date":"")+(e.dateEnabled&&e.timeEnabled?" and ":"")+(e.timeEnabled?"a time":""),subTitle:e.subTitle||"",scope:e,buttons:[{text:e.buttonOk||e.i18n.ok,type:"button-positive",onTap:function(){e.commit()}},{text:e.buttonCancel||e.i18n.cancel,type:"button-stable",onTap:function(){i(function(){e.processModel()},200)}}]})},e.prepare=function(){e.mondayFirst&&e.weekdays.push(e.weekdays.shift())},e.processModel=function(){var n=e.modelDate instanceof Date?e.modelDate:new Date;e.year=e.dateEnabled?n.getFullYear():0,e.month=e.dateEnabled?n.getMonth():0,e.day=e.dateEnabled?n.getDate():0,e.hour=e.timeEnabled?n.getHours():0,e.minute=e.timeEnabled?n.getMinutes():0,e.second=e.secondsEnabled?n.getSeconds():0,o()};var o=function(){var n=new Date(e.year,e.month,e.day,e.hour,e.minute,e.second);e.dateEnabled&&(e.year=n.getFullYear(),e.month=n.getMonth(),e.day=n.getDate(),e.bind.year=e.year,e.bind.month=e.month.toString(),e.firstDay=new Date(e.year,e.month,1).getDay(),e.mondayFirst&&(e.firstDay=(e.firstDay||7)-1),e.daysInMonth=new Date(e.year,e.month+1,0).getDate(),e.day>e.daysInMonth&&(e.day=e.daysInMonth)),e.timeEnabled&&(e.hour=n.getHours(),e.minute=n.getMinutes(),e.second=n.getSeconds(),e.meridiem=e.hour<12?"AM":"PM",e.bind.hour=e.meridiemEnabled?(e.hour%12||12).toString():e.hour.toString(),e.bind.minute=(e.minute<10?"0":"")+e.minute.toString(),e.bind.second=(e.second<10?"0":"")+e.second.toString(),e.bind.meridiem=e.meridiem)};e.changeBy=function(n,t){if(+n){if(("hour"===t||"minute"===t)&&-1===n){var i=new Date(e.year,e.month,e.day,e.hour-1,e.minute);0!==e.minute&&"hour"!==t||e.hour!==i.getHours()||e.hour--}e[t]+=+n,o()}},e.change=function(n){var t=e.bind[n];t&&"meridiem"===n?(t=t.toUpperCase(),"AM"===t&&"PM"===e.meridiem?e.hour-=12:"PM"===t&&"AM"===e.meridiem&&(e.hour+=12),o()):(+t||"0"===t)&&(e[n]=+t,o())},e.changeDay=function(n){e.day=n,o()},e.changed=function(){o()},e.dateEnabled&&e.$watch(function(){return(new Date).getDate()},function(){var n=new Date;e.today={day:n.getDate(),month:n.getMonth(),year:n.getFullYear()}})}],link:function(e,n,t,i){e.dateEnabled="date"in t&&"false"!==t.date,e.timeEnabled="time"in t&&"false"!==t.time,e.dateEnabled===!1&&e.timeEnabled===!1&&(e.dateEnabled=e.timeEnabled=!0),e.mondayFirst="mondayFirst"in t&&"false"!==t.mondayFirst,e.secondsEnabled=e.timeEnabled&&"seconds"in t&&"false"!==t.seconds,e.meridiemEnabled=e.timeEnabled&&"amPm"in t&&"false"!==t.amPm,e.prepare(),i.$render=function(){e.modelDate=i.$viewValue,e.processModel()},e.commit=function(){e.modelDate=new Date(e.year,e.month,e.day,e.hour,e.minute,e.second),i.$setViewValue(e.modelDate)},n.on("click",e.showPopup)}}}),angular.module("ion-datetime-picker").factory("$ionicPickerI18n",["$window",function(e){return{ok:"OK",cancel:"Cancel",weekdays:e.moment?e.moment.weekdaysMin():["Su","Mo","Tu","We","Th","Fr","Sa"],months:e.moment?e.moment.months():["January","February","March","April","May","June","July","August","September","October","November","December"]}}]),angular.module("ion-datetime-picker").run(["$templateCache",function(e){e.put("picker-popup.html",'<div class="ion-datetime-picker"><div ng-if-start="dateEnabled" class="row month-year"><div class="col col-10 left-arrow"><button class="button button-small button-positive button-clear icon ion-chevron-left" ng-click="changeBy(-1, \'month\')"></button></div><label class="col col-50 month-input"><div class="item item-input item-select"><select ng-model="bind.month" ng-options="index as month for (index, month) in i18n.months" ng-change="change(\'month\')"></select></div></label> <label class="col year-input"><div class="item item-input"><input type="number" ng-model="bind.year" min="1900" max="2999" ng-change="change(\'year\')" ng-blur="changed()" required=""></div></label><div class="col col-10 right-arrow"><button class="button button-small button-positive button-clear icon ion-chevron-right" ng-click="changeBy(+1, \'month\')"></button></div></div><div class="row calendar weekdays"><div class="col" ng-repeat="weekday in weekdays"><div class="weekday">{{i18n.weekdays[weekday]}}</div></div></div><div ng-if-end="" class="row calendar days" ng-repeat="y in rows"><div class="col" ng-repeat="x in cols"><div ng-show="(cellDay = y * 7 + x - firstDay) > 0 && cellDay <= daysInMonth" ng-click="changeDay(cellDay)" class="day" ng-class="{\'selected\': cellDay === day, \'today\': cellDay === today.day && month === today.month && year === today.year}">{{cellDay}}</div></div></div><div ng-if-start="timeEnabled" class="row time-buttons"><div class="col"></div><div class="col-20"><button class="button button-positive button-clear icon ion-chevron-up" ng-click="changeBy(+1, \'hour\')"></button></div><div class="col"></div><div class="col-20"><button class="button button-positive button-clear icon ion-chevron-up" ng-click="changeBy(+1, \'minute\')"></button></div><div ng-if-start="secondsEnabled" class="col"></div><div ng-if-end="" class="col-20"><button class="button button-positive button-clear icon ion-chevron-up" ng-click="changeBy(+1, \'second\')"></button></div><div ng-if-start="meridiemEnabled" class="col"></div><div ng-if-end="" class="col-20"><button class="button button-positive button-clear icon ion-chevron-up" ng-click="changeBy(+12, \'hour\')"></button></div><div class="col"></div></div><div class="row time"><div class="col"></div><label class="col col-20"><div class="item item-input"><input type="text" ng-model="bind.hour" pattern="0?([01]?[0-9]|2[0-3])" ng-change="change(\'hour\')" ng-blur="changed()" required=""></div></label><div class="col colon">:</div><label class="col col-20"><div class="item item-input"><input type="text" ng-model="bind.minute" pattern="0?[0-5]?[0-9]" ng-change="change(\'minute\')" ng-blur="changed()" required=""></div></label><div ng-if-start="secondsEnabled" class="col colon">:</div><label ng-if-end="" class="col col-20"><div class="item item-input"><input type="text" ng-model="bind.second" pattern="0?[0-5]?[0-9]" ng-change="change(\'second\')" ng-blur="changed()" required=""></div></label><div ng-if-start="meridiemEnabled" class="col"></div><label ng-if-end="" class="col col-20"><div class="item item-input"><input type="text" ng-model="bind.meridiem" pattern="[aApP][mM]" ng-change="change(\'meridiem\')" ng-blur="changed()" required=""></div></label><div class="col"></div></div><div ng-if-end="" class="row time-buttons"><div class="col"></div><div class="col-20"><button class="button button-positive button-clear icon ion-chevron-down" ng-click="changeBy(-1, \'hour\')"></button></div><div class="col"></div><div class="col-20"><button class="button button-positive button-clear icon ion-chevron-down" ng-click="changeBy(-1, \'minute\')"></button></div><div ng-if-start="secondsEnabled" class="col"></div><div ng-if-end="" class="col-20"><button class="button button-positive button-clear icon ion-chevron-down" ng-click="changeBy(-1, \'second\')"></button></div><div ng-if-start="meridiemEnabled" class="col"></div><div ng-if-end="" class="col-20"><button class="button button-positive button-clear icon ion-chevron-down" ng-click="changeBy(-12, \'hour\')"></button></div><div class="col"></div></div></div>')}])}();
\ No newline at end of file +!function(){"use strict";angular.module("ion-datetime-picker",["ionic"]).directive("ionDatetimePicker",function(){return{restrict:"AE",require:"ngModel",scope:{modelDate:"=ngModel",title:"=",subTitle:"=",buttonOk:"=",buttonCancel:"="},controller:["$scope","$ionicPopup","$ionicPickerI18n","$timeout",function(e,n,t,i){e.i18n=t,e.bind={},e.rows=[0,1,2,3,4,5],e.cols=[1,2,3,4,5,6,7],e.weekdays=[0,1,2,3,4,5,6],e.showPopup=function(){n.show({templateUrl:"picker-popup.html",title:e.title||"Pick "+(e.dateEnabled?"a date":"")+(e.dateEnabled&&e.timeEnabled?" and ":"")+(e.timeEnabled?"a time":""),subTitle:e.subTitle||"",scope:e,cssClass:"ion-datetime-picker-popup",buttons:[{text:e.buttonOk||e.i18n.ok,type:"button-positive",onTap:function(){e.commit()}},{text:e.buttonCancel||e.i18n.cancel,type:"button-stable",onTap:function(){i(function(){e.processModel()},200)}}]})},e.prepare=function(){e.mondayFirst&&e.weekdays.push(e.weekdays.shift())},e.processModel=function(){var n=e.modelDate instanceof Date?e.modelDate:new Date;e.year=e.dateEnabled?n.getFullYear():0,e.month=e.dateEnabled?n.getMonth():0,e.day=e.dateEnabled?n.getDate():0,e.hour=e.timeEnabled?n.getHours():0,e.minute=e.timeEnabled?n.getMinutes():0,e.second=e.secondsEnabled?n.getSeconds():0,o()};var o=function(){var n=new Date(e.year,e.month,e.day,e.hour,e.minute,e.second);e.dateEnabled&&(e.year=n.getFullYear(),e.month=n.getMonth(),e.day=n.getDate(),e.bind.year=e.year,e.bind.month=e.month.toString(),e.firstDay=new Date(e.year,e.month,1).getDay(),e.mondayFirst&&(e.firstDay=(e.firstDay||7)-1),e.daysInMonth=new Date(e.year,e.month+1,0).getDate(),e.day>e.daysInMonth&&(e.day=e.daysInMonth)),e.timeEnabled&&(e.hour=n.getHours(),e.minute=n.getMinutes(),e.second=n.getSeconds(),e.meridiem=e.hour<12?"AM":"PM",e.bind.hour=e.meridiemEnabled?(e.hour%12||12).toString():e.hour.toString(),e.bind.minute=(e.minute<10?"0":"")+e.minute.toString(),e.bind.second=(e.second<10?"0":"")+e.second.toString(),e.bind.meridiem=e.meridiem)};e.changeBy=function(n,t){if(+n){if(("hour"===t||"minute"===t)&&-1===n){var i=new Date(e.year,e.month,e.day,e.hour-1,e.minute);0!==e.minute&&"hour"!==t||e.hour!==i.getHours()||e.hour--}e[t]+=+n,o()}},e.change=function(n){var t=e.bind[n];t&&"meridiem"===n?(t=t.toUpperCase(),"AM"===t&&"PM"===e.meridiem?e.hour-=12:"PM"===t&&"AM"===e.meridiem&&(e.hour+=12),o()):(+t||"0"===t)&&(e[n]=+t,o())},e.changeDay=function(n){e.day=n,o()},e.changed=function(){o()},e.dateEnabled&&e.$watch(function(){return(new Date).getDate()},function(){var n=new Date;e.today={day:n.getDate(),month:n.getMonth(),year:n.getFullYear()}})}],link:function(e,n,t,i){e.dateEnabled="date"in t&&"false"!==t.date,e.timeEnabled="time"in t&&"false"!==t.time,e.dateEnabled===!1&&e.timeEnabled===!1&&(e.dateEnabled=e.timeEnabled=!0),e.mondayFirst="mondayFirst"in t&&"false"!==t.mondayFirst,e.secondsEnabled=e.timeEnabled&&"seconds"in t&&"false"!==t.seconds,e.meridiemEnabled=e.timeEnabled&&"amPm"in t&&"false"!==t.amPm,e.prepare(),i.$render=function(){e.modelDate=i.$viewValue,e.processModel()},e.commit=function(){e.modelDate=new Date(e.year,e.month,e.day,e.hour,e.minute,e.second),i.$setViewValue(e.modelDate)},n.on("click",e.showPopup)}}}),angular.module("ion-datetime-picker").factory("$ionicPickerI18n",["$window",function(e){return{ok:"OK",cancel:"Cancel",weekdays:e.moment?e.moment.weekdaysMin():["Su","Mo","Tu","We","Th","Fr","Sa"],months:e.moment?e.moment.months():["January","February","March","April","May","June","July","August","September","October","November","December"]}}]),angular.module("ion-datetime-picker").run(["$templateCache",function(e){e.put("picker-popup.html",'<div class="ion-datetime-picker"><div ng-if-start="dateEnabled" class="row month-year"><div class="col col-10 left-arrow"><button class="button button-small button-positive button-clear icon ion-chevron-left" ng-click="changeBy(-1, \'month\')"></button></div><label class="col col-50 month-input"><div class="item item-input item-select"><select ng-model="bind.month" ng-options="index as month for (index, month) in i18n.months" ng-change="change(\'month\')"></select></div></label> <label class="col year-input"><div class="item item-input"><input type="number" ng-model="bind.year" min="1900" max="2999" ng-change="change(\'year\')" ng-blur="changed()" required=""></div></label><div class="col col-10 right-arrow"><button class="button button-small button-positive button-clear icon ion-chevron-right" ng-click="changeBy(+1, \'month\')"></button></div></div><div class="row calendar weekdays"><div class="col" ng-repeat="weekday in weekdays"><div class="weekday">{{i18n.weekdays[weekday]}}</div></div></div><div ng-if-end="" class="row calendar days" ng-repeat="y in rows"><div class="col" ng-repeat="x in cols"><div ng-show="(cellDay = y * 7 + x - firstDay) > 0 && cellDay <= daysInMonth" ng-click="changeDay(cellDay)" class="day" ng-class="{\'selected\': cellDay === day, \'today\': cellDay === today.day && month === today.month && year === today.year}">{{cellDay}}</div></div></div><div ng-if-start="timeEnabled" class="row time-buttons"><div class="col"></div><div class="col-20"><button class="button button-positive button-clear icon ion-chevron-up" ng-click="changeBy(+1, \'hour\')"></button></div><div class="col"></div><div class="col-20"><button class="button button-positive button-clear icon ion-chevron-up" ng-click="changeBy(+1, \'minute\')"></button></div><div ng-if-start="secondsEnabled" class="col"></div><div ng-if-end="" class="col-20"><button class="button button-positive button-clear icon ion-chevron-up" ng-click="changeBy(+1, \'second\')"></button></div><div ng-if-start="meridiemEnabled" class="col"></div><div ng-if-end="" class="col-20"><button class="button button-positive button-clear icon ion-chevron-up" ng-click="changeBy(+12, \'hour\')"></button></div><div class="col"></div></div><div class="row time"><div class="col"></div><label class="col col-20"><div class="item item-input"><input type="text" ng-model="bind.hour" pattern="0?([01]?[0-9]|2[0-3])" ng-change="change(\'hour\')" ng-blur="changed()" required=""></div></label><div class="col colon">:</div><label class="col col-20"><div class="item item-input"><input type="text" ng-model="bind.minute" pattern="0?[0-5]?[0-9]" ng-change="change(\'minute\')" ng-blur="changed()" required=""></div></label><div ng-if-start="secondsEnabled" class="col colon">:</div><label ng-if-end="" class="col col-20"><div class="item item-input"><input type="text" ng-model="bind.second" pattern="0?[0-5]?[0-9]" ng-change="change(\'second\')" ng-blur="changed()" required=""></div></label><div ng-if-start="meridiemEnabled" class="col"></div><label ng-if-end="" class="col col-20"><div class="item item-input"><input type="text" ng-model="bind.meridiem" pattern="[aApP][mM]" ng-change="change(\'meridiem\')" ng-blur="changed()" required=""></div></label><div class="col"></div></div><div ng-if-end="" class="row time-buttons"><div class="col"></div><div class="col-20"><button class="button button-positive button-clear icon ion-chevron-down" ng-click="changeBy(-1, \'hour\')"></button></div><div class="col"></div><div class="col-20"><button class="button button-positive button-clear icon ion-chevron-down" ng-click="changeBy(-1, \'minute\')"></button></div><div ng-if-start="secondsEnabled" class="col"></div><div ng-if-end="" class="col-20"><button class="button button-positive button-clear icon ion-chevron-down" ng-click="changeBy(-1, \'second\')"></button></div><div ng-if-start="meridiemEnabled" class="col"></div><div ng-if-end="" class="col-20"><button class="button button-positive button-clear icon ion-chevron-down" ng-click="changeBy(-12, \'hour\')"></button></div><div class="col"></div></div></div>')}])}(); diff --git a/www/lib/ion-datetime-picker/src/picker.js b/www/lib/ion-datetime-picker/src/picker.js index 62c941ce..4849f4c5 100644 --- a/www/lib/ion-datetime-picker/src/picker.js +++ b/www/lib/ion-datetime-picker/src/picker.js @@ -24,6 +24,7 @@ angular.module("ion-datetime-picker", ["ionic"]) title: $scope.title || ("Pick " + ($scope.dateEnabled ? "a date" : "") + ($scope.dateEnabled && $scope.timeEnabled ? " and " : "") + ($scope.timeEnabled ? "a time" : "")), subTitle: $scope.subTitle || "", scope: $scope, + cssClass: 'ion-datetime-picker-popup', buttons: [ { text: $scope.buttonOk || $scope.i18n.ok, @@ -181,4 +182,4 @@ angular.module("ion-datetime-picker", ["ionic"]) $element.on("click", $scope.showPopup); } }; - });
\ No newline at end of file + }); |