angularjs-date-picker - npm Package Compare versions

Comparing version 1.0.0 to 1.1.0

package.json

 {
   "name": "angularjs-date-picker",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Yet another Angular Date-picker",
@@ -5,0 +5,0 @@ "main": "src/angularjs-date-picker.js",

src/angularjs-date-picker.template.js

@@ -9,4 +9,4 @@ (function() {
 		$templateCache.put('/template/date-picker.directive.html',
-			'<div class="miniCal">\n<div class="month-container">\n<div class="glyphicon glyphicon-menu-left btn otis-color miniCal-month-arrow miniCal-month-arrow-left no-round-bottom" ng-click="changeMonth(-1)"></div>\n<div class="miniCal-current-month">{{moment.format(\'MMMM - YYYY\')}}</div>\n<div class="glyphicon glyphicon-menu-right btn otis-color miniCal-month-arrow miniCal-month-arrow-right no-round-bottom" ng-click="changeMonth(1)"></div>\n</div>\n<table class="miniCal-table">\n<thead class="miniCal-thead">\n<tr class="miniCal-tr-header">\n<td class="miniCal-td" ng-repeat="day in weekdays">\n{{day.abbr}}\n</td>\n</tr>\n</thead>\n<tr ng-repeat="i in [0,1,2,3,4,5]">\n<td class="miniCal-body-td" ng-repeat="j in [0,1,2,3,4,5,6]" ng-class="[arr[pos(i,j)].class]" ng-click="changeDate(pos(i, j)); passDateSelected();"><div>{{arr[pos(i, j)].moment.format(\'D\')}}</div></td>\n</tr>\n</table>\n<style type="text/css">\n.miniCal {\n  text-align: center;\n  padding-top: 10px;\n  width: 100%;\n  font-size: 12px;\n}\n\n.miniCal-table {\n  width: 100%;\n  border: 1px solid rgb(55, 62, 68);\n}\n\n.miniCal-thead {\n  border-radius: 4px;\n  background-color: #1b1e24;\n}\n\n.miniCal-thead .miniCal-td{\n  background-color: #1b1e24;\n  color: white;\n}\n\n.miniCal-tr-header {\n  border-radius: 4px;\n}\n\n.miniCal-td{\n  width: 25px;\n  height: 25px;\n  text-align: center;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 6px;\n  padding-bottom: 6px;\n  border-right: 1px solid #343a45;\n}\n\n.miniCal-body-td{\n  width: 25px;\n  height: 25px;\n  text-align: center;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 6px;\n  padding-bottom: 6px;\n}\n\n.miniCal-month-arrow {\n  display: inline-block; \n  padding-left: 5px; \n  padding-right: 5px; \n  padding-top: 2px; \n  padding-bottom: 2px;\n  border-bottom: 1px solid #347AB7;\n\n}\n\n.miniCal-month-arrow-left {\n  float:left;\n  top: 0;\n}\n\n.miniCal-month-arrow-right {\n  float:right;\n  top: 0;\n}\n\n.miniCal-current-month {\n  display: inline;\n  line-height: 26px;\n  background-color: #1b1e24;\n}\n\n.miniCal .month-container {\n  background-color: #1b1e24;\n  border-bottom: 2px solid #DDD;\n  border-left: 1px solid #373E44;\n  border-right: 1px solid #373E44;\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px;\n}\n\n.miniCal-thead tr:first-child td:first-child { \n  border-top-left-radius: 0px;\n}\n.miniCal-thead tr:first-child td:last-child { \n  border-top-right-radius: 0px; \n}\n.miniCal-thead tr:last-child td:first-child { \n  border-bottom-left-radius: 0px; \n}\n.miniCal-thead tr:last-child td:last-child { \n  border-bottom-right-radius: 0px; \n}\n\n.miniCal-no-round-bottom {\n  border-bottom-right-radius: 0px;\n  border-bottom-left-radius: 0px;\n}\n\n.miniCal-current-day {\n  font-weight: bold;\n  color: white;\n  background-color: #1b1e24 !important;\n}\n\n.miniCal-regular-day {\n\n}\n\n.miniCal-date-out-scope {\n  color: #BBB;\n}\n</style>\n</div>')
+			'<div class="miniCal">\n<div class="month-container">\n<div class="glyphicon glyphicon-menu-left btn otis-color miniCal-month-arrow miniCal-month-arrow-left no-round-bottom" ng-click="changeMonth(-1)"></div>\n<div class="miniCal-current-month">{{moment.format(\'MMMM - YYYY\')}}</div>\n<div class="glyphicon glyphicon-menu-right btn otis-color miniCal-month-arrow miniCal-month-arrow-right no-round-bottom" ng-click="changeMonth(1)"></div>\n</div>\n<table class="miniCal-table">\n<thead class="miniCal-thead">\n<tr class="miniCal-tr-header">\n<td class="miniCal-td" ng-repeat="day in weekdays">\n{{day.abbr}}\n</td>\n</tr>\n</thead>\n<tr ng-repeat="i in [0,1,2,3,4,5]">\n<td class="miniCal-body-td" ng-repeat="j in [0,1,2,3,4,5,6]" ng-class="[arr[pos(i,j)].class]" ng-click="changeDate(pos(i, j)); passDateSelected();"><div>{{arr[pos(i, j)].moment.format(\'D\')}}</div></td>\n</tr>\n</table>\n<style type="text/css">\n.miniCal {\n  text-align: center;\n  padding-top: 10px;\n  width: 100%;\n  font-size: 12px;\n}\n.miniCal-table {\n  width: 100%;\n  border: 1px solid rgb(55, 62, 68);\n}\n.miniCal-thead {\n  border-radius: 4px;\n  background-color: #1b1e24;\n}\n.miniCal-thead .miniCal-td{\n  background-color: #1b1e24;\n  color: white;\n}\n.miniCal-tr-header {\n  border-radius: 4px;\n}\n.miniCal-td{\n  width: 25px;\n  height: 25px;\n  text-align: center;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 6px;\n  padding-bottom: 6px;\n  border-right: 1px solid #343a45;\n}\n.miniCal-body-td{\n  width: 25px;\n  height: 25px;\n  text-align: center;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 6px;\n  padding-bottom: 6px;\n}\n.miniCal-month-arrow {\n  display: inline-block; \n  padding-left: 5px; \n  padding-right: 5px; \n  padding-top: 2px; \n  padding-bottom: 2px;\n  border-bottom: 1px solid #347AB7;\n}\n.miniCal-month-arrow-left {\n  float:left;\n  top: 0;\n}\n.miniCal-month-arrow-right {\n  float:right;\n  top: 0;\n}\n.miniCal-current-month {\n  display: inline;\n  line-height: 26px;\n  background-color: #1b1e24;\n}\n.miniCal .month-container {\n  background-color: #1b1e24;\n  border-bottom: 2px solid #DDD;\n  border-left: 1px solid #373E44;\n  border-right: 1px solid #373E44;\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px;\n  color: white;\n}\n.miniCal-thead tr:first-child td:first-child { \n  border-top-left-radius: 0px;\n}\n.miniCal-thead tr:first-child td:last-child { \n  border-top-right-radius: 0px; \n}\n.miniCal-thead tr:last-child td:first-child { \n  border-bottom-left-radius: 0px; \n}\n.miniCal-thead tr:last-child td:last-child { \n  border-bottom-right-radius: 0px; \n}\n.miniCal-no-round-bottom {\n  border-bottom-right-radius: 0px;\n  border-bottom-left-radius: 0px;\n}\n.miniCal-current-day {\n  font-weight: bold;\n  color: white;\n  background-color: #1b1e24 !important;\n}\n.miniCal-regular-day {\n}\n.miniCal-date-out-scope {\n  color: #BBB;\n}\n</style>\n</div>')
 	}
 }());

No alert changes

Improved metrics

Total package byte prevSize

13256

increased by0.11%

Lines of code

223

increased by0.45%

No dependency changes