angular-datetime-inputs - npm Package Compare versions

Comparing version 0.1.0 to 0.1.1

bower.json

 {
   "name": "angular-datetime-inputs",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "UI elements for datetime input, converted to angular directives for your convenience.",
@@ -5,0 +5,0 @@ "homepage": "https://github.com/g1eb/angular-datetime-inputs",

dist/datetime-inputs.min.js

@@ -1,3 +0,3 @@
-"use strict";angular.module("g1b.datetime-inputs",[]).directive("datetimeInput",["$document",function(e){return{restrict:"E",scope:{datetime:"=",onChange:"&",placeholder:"@"},replace:!0,template:'<div class="datetime-input datetime"><div class="display" ng-click="toggleEditPopover()" ng-class="{\'active\': !!selected }"><div class="date" ng-bind="datetime.format(\'DD MMMM YYYY\')"></div><div class="time" ng-bind="datetime.format(\'HH : mm : ss\')"></div><div ng-if="!datetime" class="placeholder" ng-bind="placeholder"></div></div><div class="edit-popover" ng-show="!!selected"><div class="header" ng-click="calendar_active = !calendar_active" ng-bind="selected.format(\'DD MMMM YYYY\')"></div><div class="calendar" ng-show="!!calendar_active"><div class="calendar-header"><div class="arrow arrow-left" ng-click="calendar.subtract(1, \'months\')"></div><span ng-bind="calendar.format(\'MMMM\')"></span><div class="arrow arrow-right" ng-click="calendar.add(1, \'months\')"></div></div><div class="calendar-body"><div class="weekdays"><span class="weekday" ng-repeat="weekday in \'weeeeek\' track by $index" ng-bind="calendar.clone().startOf(\'week\').add($index, \'days\').format(\'ddd\')"></span></div><div class="week" ng-repeat="week in \'months\' | limitTo: ((calendar.clone().endOf(\'month\').week() - calendar.clone().startOf(\'month\').week()) + 1) track by $index"><span class="date" ng-repeat="date in \'weeeeek\' track by $index" ng-class="{ \'current\': calendar.clone().startOf(\'month\').add($parent.$index, \'weeks\').weekday($index).startOf(\'day\').isSame(current.clone().startOf(\'day\')), \'active\': calendar.clone().startOf(\'month\').add($parent.$index, \'weeks\').weekday($index).startOf(\'day\').isSame(selected.clone().startOf(\'day\')), \'inactive\': calendar.clone().startOf(\'month\').add($parent.$index, \'weeks\').weekday($index).month() !== calendar.month() }" ng-click="update(selected.clone().year(calendar.clone().startOf(\'month\').add($parent.$index, \'weeks\').weekday($index).year()).month(calendar.clone().startOf(\'month\').add($parent.$index, \'weeks\').weekday($index).month()).date(calendar.clone().startOf(\'month\').add($parent.$index, \'weeks\').weekday($index).date()), true)" ng-bind="calendar.clone().startOf(\'month\').add($parent.$index, \'weeks\').weekday($index).date()"></span></div></div></div><div class="timer"><div class="timer-hours"><div class="arrow arrow-up" ng-click="update(selected.clone().add(1, \'hours\'))"></div><span ng-bind="selected.format(\'HH\')"></span><div class="arrow arrow-down" ng-click="update(selected.clone().subtract(1, \'hours\'))"></div></div><div class="timer-divider">:</div><div class="timer-minutes"><div class="arrow arrow-up" ng-click="update(selected.clone().add(1, \'minutes\'))"></div><span ng-bind="selected.format(\'mm\')"></span><div class="arrow arrow-down" ng-click="update(selected.clone().subtract(1, \'minutes\'))"></div></div><div class="timer-divider">:</div><div class="timer-seconds"><div class="arrow arrow-up" ng-click="update(selected.clone().add(1, \'seconds\'))"></div><span ng-bind="selected.format(\'ss\')"></span><div class="arrow arrow-down" ng-click="update(selected.clone().subtract(1, \'seconds\'))"></div></div></div><div class="clear-button" ng-if="!!datetime"><div ng-click="update()">Clear</div></div></div></div>',compile:function(){return{pre:function(){},post:function(d,a){d.current=moment(),d.toggleEditPopover=function(){d.selected?d.selected=void 0:(d.selected=d.datetime||moment(),d.calendar=d.selected.clone())},d.update=function(e,a){d.selected.isSame(e)&&d.datetime||(e?(d.selected.year(e.year()).month(e.month()).date(e.date()).hours(e.hours()).minutes(e.minutes()).seconds(e.seconds()),(d.selected.clone().startOf("week").month()!==d.calendar.month()&&d.selected.clone().endOf("week").month()!==d.calendar.month()||a)&&(d.calendar=d.selected.clone())):d.selected=d.datetime=void 0,d.datetime||(d.datetime=d.selected),d.$$postDigest(function(){d.onChange()}))},d.datetime&&!d.datetime._isAMomentObject&&(d.datetime=moment(d.datetime)),e.on("mousedown",function(e){d.selected&&!a[0].contains(e.target)&&d.$apply(function(){d.selected="",d.calendar_active=!1})})}}}}}]);
-"use strict";angular.module("g1b.datetime-inputs").directive("dateInput",["$document",function(e){return{restrict:"E",scope:{date:"=",onChange:"&",placeholder:"@"},replace:!0,template:"<div class=\"datetime-input date\"><div class=\"display\" ng-click=\"toggleEditPopover()\" ng-class=\"{'active': !!selected }\"><div class=\"date\" ng-bind=\"date.format('DD MMMM YYYY')\"></div><div ng-if=\"!date\" class=\"placeholder\" ng-bind=\"placeholder\"></div></div><div class=\"edit-popover\" ng-show=\"!!selected\"><div class=\"header\" ng-bind=\"selected.format('DD MMMM YYYY')\"></div><div class=\"calendar\"><div class=\"calendar-header\"><div class=\"arrow arrow-left\" ng-click=\"calendar.subtract(1, 'months')\"></div><span ng-bind=\"calendar.format('MMMM')\"></span><div class=\"arrow arrow-right\" ng-click=\"calendar.add(1, 'months')\"></div></div><div class=\"calendar-body\"><div class=\"weekdays\"><span class=\"weekday\" ng-repeat=\"weekday in 'weeeeek' track by $index\" ng-bind=\"calendar.clone().startOf('week').add($index, 'days').format('ddd')\"></span></div><div class=\"week\" ng-repeat=\"week in 'months' | limitTo: ((calendar.clone().endOf('month').week() - calendar.clone().startOf('month').week()) + 1) track by $index\"><span class=\"date\" ng-repeat=\"date in 'weeeeek' track by $index\" ng-class=\"{ 'current': calendar.clone().startOf('month').add($parent.$index, 'weeks').weekday($index).startOf('day').isSame(current.clone().startOf('day')), 'active': calendar.clone().startOf('month').add($parent.$index, 'weeks').weekday($index).startOf('day').isSame(selected.clone().startOf('day')), 'inactive': calendar.clone().startOf('month').add($parent.$index, 'weeks').weekday($index).month() !== calendar.month() }\" ng-click=\"update(selected.clone().year(calendar.clone().startOf('month').add($parent.$index, 'weeks').weekday($index).year()).month(calendar.clone().startOf('month').add($parent.$index, 'weeks').weekday($index).month()).date(calendar.clone().startOf('month').add($parent.$index, 'weeks').weekday($index).date()), true)\" ng-bind=\"calendar.clone().startOf('month').add($parent.$index, 'weeks').weekday($index).date()\"></span></div></div></div><div class=\"clear-button\" ng-if=\"!!date\"><div ng-click=\"update()\">Clear</div></div></div></div>",compile:function(){return{pre:function(){},post:function(a,d){a.current=moment(),a.toggleEditPopover=function(){a.selected?a.selected=void 0:(a.selected=a.date||moment(),a.calendar=a.selected.clone())},a.update=function(e,d){a.selected.isSame(e)&&a.date||(e?(a.selected.year(e.year()).month(e.month()).date(e.date()).hours(e.hours()).minutes(e.minutes()).seconds(e.seconds()),(a.selected.clone().startOf("week").month()!==a.calendar.month()||d)&&(a.calendar=a.selected.clone())):a.selected=a.date=void 0,a.date||(a.date=a.selected),a.$$postDigest(function(){a.onChange()}))},a.date&&!a.date._isAMomentObject&&(a.date=moment(a.date)),e.on("mousedown",function(e){a.selected&&!d[0].contains(e.target)&&a.$apply(function(){a.selected="",a.calendar_active=!1})})}}}}}]);
-"use strict";angular.module("g1b.datetime-inputs").directive("timeInput",["$document",function(e){return{restrict:"E",scope:{time:"=",onChange:"&",placeholder:"@"},replace:!0,template:'<div class="datetime-input time"><div class="display" ng-click="toggleEditPopover()" ng-class="{\'active\': !!selected }"><div class="time" ng-bind="time.format(\'HH : mm : ss\')"></div><div ng-if="!time" class="placeholder" ng-bind="placeholder"></div></div><div class="edit-popover" ng-show="!!selected"><div class="header" ng-bind="selected.format(\'DD MMMM YYYY\')"></div><div class="timer"><div class="timer-hours"><div class="arrow arrow-up" ng-click="update(selected.clone().add(1, \'hours\'))"></div><span ng-bind="selected.format(\'HH\')"></span><div class="arrow arrow-down" ng-click="update(selected.clone().subtract(1, \'hours\'))"></div></div><div class="timer-divider">:</div><div class="timer-minutes"><div class="arrow arrow-up" ng-click="update(selected.clone().add(1, \'minutes\'))"></div><span ng-bind="selected.format(\'mm\')"></span><div class="arrow arrow-down" ng-click="update(selected.clone().subtract(1, \'minutes\'))"></div></div><div class="timer-divider">:</div><div class="timer-seconds"><div class="arrow arrow-up" ng-click="update(selected.clone().add(1, \'seconds\'))"></div><span ng-bind="selected.format(\'ss\')"></span><div class="arrow arrow-down" ng-click="update(selected.clone().subtract(1, \'seconds\'))"></div></div></div><div class="clear-button" ng-if="!!time"><div ng-click="update()">Clear</div></div></div></div>',compile:function(){return{pre:function(){},post:function(i,t){i.toggleEditPopover=function(){i.selected?i.selected=void 0:i.selected=i.time||moment()},i.update=function(e,t){i.selected.isSame(e)&&i.time||(e?i.selected.year(e.year()).month(e.month()).date(e.date()).hours(e.hours()).minutes(e.minutes()).seconds(e.seconds()):i.selected=i.time=void 0,i.time||(i.time=i.selected),i.$$postDigest(function(){i.onChange()}))},i.time&&!i.time._isAMomentObject&&(i.time=moment(i.time)),e.on("mousedown",function(e){i.selected&&!t[0].contains(e.target)&&i.$apply(function(){i.selected="",i.calendar_active=!1})})}}}}}]);
+"use strict";angular.module("g1b.datetime-inputs",[]).directive("datetimeInput",["$document",function(e){return{restrict:"E",scope:{datetime:"=",format:"=?",onChange:"&",placeholder:"@"},replace:!0,template:'<div class="datetime-input datetime"><div class="display" ng-click="toggleEditPopover()" ng-class="{\'active\': !!selected }"><div class="date" ng-bind="datetime.format(\'DD MMMM YYYY\')"></div><div class="time" ng-bind="datetime.format(\'HH : mm : ss\')"></div><div ng-if="!datetime" class="placeholder" ng-bind="placeholder"></div></div><div class="edit-popover" ng-show="!!selected"><div class="header" ng-click="calendar_active = !calendar_active" ng-bind="selected.format(\'DD MMMM YYYY\')"></div><div class="calendar" ng-show="!!calendar_active"><div class="calendar-header"><div class="arrow arrow-left" ng-click="calendar.subtract(1, \'months\')"></div><span ng-bind="calendar.format(\'MMMM\')"></span><div class="arrow arrow-right" ng-click="calendar.add(1, \'months\')"></div></div><div class="calendar-body"><div class="weekdays"><span class="weekday" ng-repeat="weekday in \'weeeeek\' track by $index" ng-bind="calendar.clone().startOf(\'week\').add($index, \'days\').format(\'ddd\')"></span></div><div class="week" ng-repeat="week in \'months\' | limitTo: ((calendar.clone().endOf(\'month\').week() - calendar.clone().startOf(\'month\').week()) + 1) track by $index"><span class="date" ng-repeat="date in \'weeeeek\' track by $index" ng-class="{ \'current\': calendar.clone().startOf(\'month\').add($parent.$index, \'weeks\').weekday($index).startOf(\'day\').isSame(current.clone().startOf(\'day\')), \'active\': calendar.clone().startOf(\'month\').add($parent.$index, \'weeks\').weekday($index).startOf(\'day\').isSame(selected.clone().startOf(\'day\')), \'inactive\': calendar.clone().startOf(\'month\').add($parent.$index, \'weeks\').weekday($index).month() !== calendar.month() }" ng-click="update(selected.clone().year(calendar.clone().startOf(\'month\').add($parent.$index, \'weeks\').weekday($index).year()).month(calendar.clone().startOf(\'month\').add($parent.$index, \'weeks\').weekday($index).month()).date(calendar.clone().startOf(\'month\').add($parent.$index, \'weeks\').weekday($index).date()), true)" ng-bind="calendar.clone().startOf(\'month\').add($parent.$index, \'weeks\').weekday($index).date()"></span></div></div></div><div class="timer"><div class="timer-hours"><div class="arrow arrow-up" ng-click="update(selected.clone().add(1, \'hours\'))"></div><span ng-bind="selected.format(\'HH\')"></span><div class="arrow arrow-down" ng-click="update(selected.clone().subtract(1, \'hours\'))"></div></div><div class="timer-divider">:</div><div class="timer-minutes"><div class="arrow arrow-up" ng-click="update(selected.clone().add(1, \'minutes\'))"></div><span ng-bind="selected.format(\'mm\')"></span><div class="arrow arrow-down" ng-click="update(selected.clone().subtract(1, \'minutes\'))"></div></div><div class="timer-divider">:</div><div class="timer-seconds"><div class="arrow arrow-up" ng-click="update(selected.clone().add(1, \'seconds\'))"></div><span ng-bind="selected.format(\'ss\')"></span><div class="arrow arrow-down" ng-click="update(selected.clone().subtract(1, \'seconds\'))"></div></div></div><div class="clear-button" ng-if="!!datetime"><div ng-click="update()">Clear</div></div></div></div>',compile:function(){return{pre:function(){},post:function(a,d){a.current=moment(),a.toggleEditPopover=function(){a.selected?a.selected=void 0:(a.selected=a.datetime||moment(),a.calendar=a.selected.clone())},a.update=function(e,d){a.selected.isSame(e)&&a.datetime||(e?(a.selected.year(e.year()).month(e.month()).date(e.date()).hours(e.hours()).minutes(e.minutes()).seconds(e.seconds()),(a.selected.clone().startOf("week").month()!==a.calendar.month()&&a.selected.clone().endOf("week").month()!==a.calendar.month()||d)&&(a.calendar=a.selected.clone())):a.selected=a.datetime=void 0,a.datetime||(a.datetime=a.selected),a.$$postDigest(function(){a.onChange()}))},a.datetime&&!a.datetime._isAMomentObject&&(a.datetime=moment(a.datetime,a.format)),e.on("mousedown",function(e){a.selected&&!d[0].contains(e.target)&&a.$apply(function(){a.selected="",a.calendar_active=!1})})}}}}}]);
+"use strict";angular.module("g1b.datetime-inputs").directive("dateInput",["$document",function(e){return{restrict:"E",scope:{date:"=",format:"=?",onChange:"&",placeholder:"@"},replace:!0,template:"<div class=\"datetime-input date\"><div class=\"display\" ng-click=\"toggleEditPopover()\" ng-class=\"{'active': !!selected }\"><div class=\"date\" ng-bind=\"date.format('DD MMMM YYYY')\"></div><div ng-if=\"!date\" class=\"placeholder\" ng-bind=\"placeholder\"></div></div><div class=\"edit-popover\" ng-show=\"!!selected\"><div class=\"header\" ng-bind=\"selected.format('DD MMMM YYYY')\"></div><div class=\"calendar\"><div class=\"calendar-header\"><div class=\"arrow arrow-left\" ng-click=\"calendar.subtract(1, 'months')\"></div><span ng-bind=\"calendar.format('MMMM')\"></span><div class=\"arrow arrow-right\" ng-click=\"calendar.add(1, 'months')\"></div></div><div class=\"calendar-body\"><div class=\"weekdays\"><span class=\"weekday\" ng-repeat=\"weekday in 'weeeeek' track by $index\" ng-bind=\"calendar.clone().startOf('week').add($index, 'days').format('ddd')\"></span></div><div class=\"week\" ng-repeat=\"week in 'months' | limitTo: ((calendar.clone().endOf('month').week() - calendar.clone().startOf('month').week()) + 1) track by $index\"><span class=\"date\" ng-repeat=\"date in 'weeeeek' track by $index\" ng-class=\"{ 'current': calendar.clone().startOf('month').add($parent.$index, 'weeks').weekday($index).startOf('day').isSame(current.clone().startOf('day')), 'active': calendar.clone().startOf('month').add($parent.$index, 'weeks').weekday($index).startOf('day').isSame(selected.clone().startOf('day')), 'inactive': calendar.clone().startOf('month').add($parent.$index, 'weeks').weekday($index).month() !== calendar.month() }\" ng-click=\"update(selected.clone().year(calendar.clone().startOf('month').add($parent.$index, 'weeks').weekday($index).year()).month(calendar.clone().startOf('month').add($parent.$index, 'weeks').weekday($index).month()).date(calendar.clone().startOf('month').add($parent.$index, 'weeks').weekday($index).date()), true)\" ng-bind=\"calendar.clone().startOf('month').add($parent.$index, 'weeks').weekday($index).date()\"></span></div></div></div><div class=\"clear-button\" ng-if=\"!!date\"><div ng-click=\"update()\">Clear</div></div></div></div>",compile:function(){return{pre:function(){},post:function(a,d){a.current=moment(),a.toggleEditPopover=function(){a.selected?a.selected=void 0:(a.selected=a.date||moment(),a.calendar=a.selected.clone())},a.update=function(e,d){a.selected.isSame(e)&&a.date||(e?(a.selected.year(e.year()).month(e.month()).date(e.date()).hours(e.hours()).minutes(e.minutes()).seconds(e.seconds()),(a.selected.clone().startOf("week").month()!==a.calendar.month()||d)&&(a.calendar=a.selected.clone())):a.selected=a.date=void 0,a.date||(a.date=a.selected),a.$$postDigest(function(){a.onChange()}))},a.date&&!a.date._isAMomentObject&&(a.date=moment(a.date,a.format)),e.on("mousedown",function(e){a.selected&&!d[0].contains(e.target)&&a.$apply(function(){a.selected="",a.calendar_active=!1})})}}}}}]);
+"use strict";angular.module("g1b.datetime-inputs").directive("timeInput",["$document",function(e){return{restrict:"E",scope:{time:"=",format:"=?",onChange:"&",placeholder:"@"},replace:!0,template:'<div class="datetime-input time"><div class="display" ng-click="toggleEditPopover()" ng-class="{\'active\': !!selected }"><div class="time" ng-bind="time.format(\'HH : mm : ss\')"></div><div ng-if="!time" class="placeholder" ng-bind="placeholder"></div></div><div class="edit-popover" ng-show="!!selected"><div class="header" ng-bind="selected.format(\'DD MMMM YYYY\')"></div><div class="timer"><div class="timer-hours"><div class="arrow arrow-up" ng-click="update(selected.clone().add(1, \'hours\'))"></div><span ng-bind="selected.format(\'HH\')"></span><div class="arrow arrow-down" ng-click="update(selected.clone().subtract(1, \'hours\'))"></div></div><div class="timer-divider">:</div><div class="timer-minutes"><div class="arrow arrow-up" ng-click="update(selected.clone().add(1, \'minutes\'))"></div><span ng-bind="selected.format(\'mm\')"></span><div class="arrow arrow-down" ng-click="update(selected.clone().subtract(1, \'minutes\'))"></div></div><div class="timer-divider">:</div><div class="timer-seconds"><div class="arrow arrow-up" ng-click="update(selected.clone().add(1, \'seconds\'))"></div><span ng-bind="selected.format(\'ss\')"></span><div class="arrow arrow-down" ng-click="update(selected.clone().subtract(1, \'seconds\'))"></div></div></div><div class="clear-button" ng-if="!!time"><div ng-click="update()">Clear</div></div></div></div>',compile:function(){return{pre:function(){},post:function(t,i){t.toggleEditPopover=function(){t.selected?t.selected=void 0:t.selected=t.time||moment()},t.update=function(e,i){t.selected.isSame(e)&&t.time||(e?t.selected.year(e.year()).month(e.month()).date(e.date()).hours(e.hours()).minutes(e.minutes()).seconds(e.seconds()):t.selected=t.time=void 0,t.time||(t.time=t.selected),t.$$postDigest(function(){t.onChange()}))},t.time&&!t.time._isAMomentObject&&(t.time=moment(t.time,t.format)),e.on("mousedown",function(e){t.selected&&!i[0].contains(e.target)&&t.$apply(function(){t.selected="",t.calendar_active=!1})})}}}}}]);

package.json

 {
   "name": "angular-datetime-inputs",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "UI elements for datetime input, converted to angular directives for your convenience.",
@@ -5,0 +5,0 @@ "homepage": "https://github.com/g1eb/angular-datetime-inputs#readme",

README.md

@@ -69,2 +69,3 @@ # Datetime input UI element
 | datetime | moment.js datetime object or a datetime string | none | no |
+| format | moment.js compatible date/time format | none | no |
 | placeholder | Placeholder is shown when input object is undefined | none | no |
@@ -71,0 +72,0 @@ | on-change | Handler function that is fired on change of datetime object | none | no |

src/date-input.js

@@ -12,2 +12,3 @@ 'use strict';
       date: '=',
+      format: '=?',
       onChange: '&',
@@ -57,3 +58,3 @@ placeholder: '@'
           if ( scope.date && !scope.date._isAMomentObject ) {
-            scope.date = moment(scope.date);
+            scope.date = moment(scope.date, scope.format);
           }
@@ -60,0 +61,0 @@

src/datetime-input.js

@@ -12,2 +12,3 @@ 'use strict';
       datetime: '=',
+      format: '=?',
       onChange: '&',
@@ -57,3 +58,3 @@ placeholder: '@'
           if ( scope.datetime && !scope.datetime._isAMomentObject ) {
-            scope.datetime = moment(scope.datetime);
+            scope.datetime = moment(scope.datetime, scope.format);
           }
@@ -60,0 +61,0 @@

src/time-input.js

@@ -12,2 +12,3 @@ 'use strict';
       time: '=',
+      format: '=?',
       onChange: '&',
@@ -50,3 +51,3 @@ placeholder: '@'
           if ( scope.time && !scope.time._isAMomentObject ) {
-            scope.time = moment(scope.time);
+            scope.time = moment(scope.time, scope.format);
           }
@@ -53,0 +54,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

307135

increased by0.07%

Lines of code

1170

increased by0.26%

Number of lines in readme file

77

increased by1.32%

No dependency changes