@progress/kendo-angular-dateinputs - npm Package Compare versions

Comparing version 0.3.1 to 0.3.2

dist/cdn/js/kendo-angular-dateinputs.js

@@ -1,2 +0,2 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("@angular/core"),require("@angular/forms"),require("@progress/kendo-angular-intl"),require("@angular/common"),require("rxjs/Observable"),require("rxjs/BehaviorSubject"),require("rxjs/Subject"),require("rxjs/add/observable/fromEvent"),require("rxjs/add/operator/map"),require("rxjs/add/operator/merge"),require("rxjs/add/operator/filter"),require("rxjs/add/operator/do"),require("rxjs/add/operator/distinctUntilChanged"),require("rxjs/add/operator/debounceTime")):"function"==typeof define&&define.amd?define(["@angular/core","@angular/forms","@progress/kendo-angular-intl","@angular/common","rxjs/Observable","rxjs/BehaviorSubject","rxjs/Subject","rxjs/add/observable/fromEvent","rxjs/add/operator/map","rxjs/add/operator/merge","rxjs/add/operator/filter","rxjs/add/operator/do","rxjs/add/operator/distinctUntilChanged","rxjs/add/operator/debounceTime"],e):"object"==typeof exports?exports.KendoAngularDateinputs=e(require("@angular/core"),require("@angular/forms"),require("@progress/kendo-angular-intl"),require("@angular/common"),require("rxjs/Observable"),require("rxjs/BehaviorSubject"),require("rxjs/Subject"),require("rxjs/add/observable/fromEvent"),require("rxjs/add/operator/map"),require("rxjs/add/operator/merge"),require("rxjs/add/operator/filter"),require("rxjs/add/operator/do"),require("rxjs/add/operator/distinctUntilChanged"),require("rxjs/add/operator/debounceTime")):t.KendoAngularDateinputs=e(t["@angular/core"],t["@angular/forms"],t["@progress/kendo-angular-intl"],t["@angular/common"],t["rxjs/Observable"],t["rxjs/BehaviorSubject"],t["rxjs/Subject"],t["rxjs/add/observable/fromEvent"],t["rxjs/add/operator/map"],t["rxjs/add/operator/merge"],t["rxjs/add/operator/filter"],t["rxjs/add/operator/do"],t["rxjs/add/operator/distinctUntilChanged"],t["rxjs/add/operator/debounceTime"])}(this,function(t,e,n,i,o,r,a,s,u,c,l,d,p,h){return function(t){function e(i){if(n[i])return n[i].exports;var o=n[i]={exports:{},id:i,loaded:!1};return t[i].call(o.exports,o,o.exports,e),o.loaded=!0,o.exports}var n={};return e.m=t,e.c=n,e.p="",e(0)}([function(t,e,n){"use strict";var i=n(1);e.CalendarComponent=i.CalendarComponent;var o=n(30);e.DateInputComponent=o.DateInputComponent;var r=n(33);e.CalendarModule=r.CalendarModule;var a=n(52);e.DateInputModule=a.DateInputModule;var s=n(53);e.DateInputsModule=s.DateInputsModule},function(t,e,n){"use strict";var i=this&&this.__decorate||function(t,e,n,i){var o,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,i);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(r<3?o(a):r>3?o(e,n,a):o(e,n))||a);return r>3&&a&&Object.defineProperty(e,n,a),a},o=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},r=n(2),a=n(3),s=n(4),u=n(23),c=n(25),l=n(26),d=n(27),p=n(28),h=n(29),f="http://www.telerik.com/kendo-angular-ui/components/dateinputs/api/CalendarComponent/#toc-min",y="http://www.telerik.com/kendo-angular-ui/components/dateinputs/api/CalendarComponent/#toc-max";e.CALENDAR_VALUE_ACCESSOR={multi:!0,provide:a.NG_VALUE_ACCESSOR,useExisting:r.forwardRef(function(){return g})},e.CALENDAR_RANGE_VALIDATORS={multi:!0,provide:a.NG_VALIDATORS,useExisting:r.forwardRef(function(){return g})};var g=function(){function t(t,e,n){this.element=t,this.navigator=e,this.renderer=n,this.focusedDate=s.getDate(new Date),this.rangeValidation=!1,this.disabled=!1,this.tabIndex=0,this.valueChange=new r.EventEmitter,this.isActive=!1,this.cellUID=h.guid(),this._min=new Date(p.MIN_DATE),this._max=new Date(p.MAX_DATE),this.propagateChange=h.noop,this.propagateTouched=h.noop,this.minValidateFn=h.noop,this.maxValidateFn=h.noop}return Object.defineProperty(t.prototype,"min",{get:function(){return this._min},set:function(t){this._min=t||new Date(p.MIN_DATE)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"max",{get:function(){return this._max},set:function(t){this._max=t||new Date(p.MAX_DATE)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"value",{get:function(){return this._value},set:function(t){this.prevValue=s.cloneDate(t),this._value=s.cloneDate(t)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"widgetRole",{get:function(){return"grid"},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"widgetClasses",{get:function(){return!0},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"calendarTabIndex",{get:function(){return this.disabled?void 0:this.tabIndex},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"ariaDisabled",{get:function(){return this.disabled},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"ariaActivedescendant",{get:function(){return this.cellUID+this.focusedDate.getTime()},enumerable:!0,configurable:!0}),t.prototype.handleBlur=function(){this.propagateTouched(),this.isActive=!1},t.prototype.handleFocus=function(){this.isActive=!0},t.prototype.handleMousedown=function(t){t.preventDefault(),this.focus()},t.prototype.keydown=function(t){var e=h.dateInRange(this.navigator.move(this.focusedDate,this.navigator.action(t)),this.min,this.max);s.isEqual(this.focusedDate,e)||(this.focusedDate=e,t.preventDefault())},t.prototype.enter=function(t){this.disabled||(this.triggerChange(this.focusedDate),t.preventDefault())},t.prototype.ngOnChanges=function(t){this.verifySettings();var e=t.value&&!t.focusedDate,n=e?this.value:this.focusedDate;this.focusedDate=h.dateInRange(s.cloneDate(n||this.focusedDate),this.min,this.max),(t.min||t.max)&&(this.minValidateFn=this.rangeValidation?l.minValidator(this.min):h.noop,this.maxValidateFn=this.rangeValidation?d.maxValidator(this.max):h.noop)},t.prototype.focus=function(){this.element&&this.renderer.invokeElementMethod(this.element.nativeElement,"focus")},t.prototype.handleChange=function(t){this.disabled||(this.focusedDate=s.cloneDate(t)||this.focusedDate,this.triggerChange(t))},t.prototype.writeValue=function(t){this.focusedDate=h.dateInRange(s.cloneDate(t)||this.focusedDate,this.min,this.max),this.value=s.cloneDate(t)},t.prototype.registerOnChange=function(t){this.propagateChange=t},t.prototype.registerOnTouched=function(t){this.propagateTouched=t},t.prototype.setDisabledState=function(t){this.disabled=t},t.prototype.validate=function(t){return this.minValidateFn(t)||this.maxValidateFn(t)},t.prototype.triggerChange=function(t){s.isEqual(t,this.prevValue)||(this.value=t,this.valueChange.emit(s.cloneDate(t)),this.propagateChange(s.cloneDate(t)))},t.prototype.verifySettings=function(){if(r.isDevMode()&&this.min>this.max)throw new Error("The max value should be bigger than the min. See "+f+" and "+y+".")},t}();i([r.Input(),o("design:type",Date)],g.prototype,"focusedDate",void 0),i([r.Input(),o("design:type",Date),o("design:paramtypes",[Date])],g.prototype,"min",null),i([r.Input(),o("design:type",Date),o("design:paramtypes",[Date])],g.prototype,"max",null),i([r.Input(),o("design:type",Boolean)],g.prototype,"rangeValidation",void 0),i([r.Input(),o("design:type",Date),o("design:paramtypes",[Date])],g.prototype,"value",null),i([r.Input(),o("design:type",Boolean)],g.prototype,"disabled",void 0),i([r.Input(),o("design:type",Number)],g.prototype,"tabIndex",void 0),i([r.Output(),o("design:type",r.EventEmitter)],g.prototype,"valueChange",void 0),i([r.ContentChild(c.CellTemplateDirective),o("design:type",c.CellTemplateDirective)],g.prototype,"cellTemplate",void 0),i([r.HostBinding("attr.role"),o("design:type",String),o("design:paramtypes",[])],g.prototype,"widgetRole",null),i([r.HostBinding("class.k-widget"),r.HostBinding("class.k-calendar"),r.HostBinding("class.k-calendar-infinite"),o("design:type",Boolean),o("design:paramtypes",[])],g.prototype,"widgetClasses",null),i([r.HostBinding("attr.tabindex"),o("design:type",Number),o("design:paramtypes",[])],g.prototype,"calendarTabIndex",null),i([r.HostBinding("attr.aria-disabled"),r.HostBinding("class.k-state-disabled"),o("design:type",Boolean),o("design:paramtypes",[])],g.prototype,"ariaDisabled",null),i([r.HostBinding("attr.aria-activedescendant"),o("design:type",String),o("design:paramtypes",[])],g.prototype,"ariaActivedescendant",null),i([r.HostListener("blur"),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],g.prototype,"handleBlur",null),i([r.HostListener("focus"),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],g.prototype,"handleFocus",null),i([r.HostListener("mousedown",["$event"]),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],g.prototype,"handleMousedown",null),i([r.HostListener("keydown",["$event"]),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],g.prototype,"keydown",null),i([r.HostListener("keydown.enter",["$event"]),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],g.prototype,"enter",null),g=i([r.Component({providers:[e.CALENDAR_VALUE_ACCESSOR,e.CALENDAR_RANGE_VALIDATORS],selector:"kendo-calendar",template:'\n    <kendo-calendar-monthview\n        [isActive]="isActive"\n        [cellTemplateRef]="cellTemplate?.templateRef"\n        [cellUID]="cellUID"\n        [focusedDate]="focusedDate"\n        [min]="min"\n        [max]="max"\n        [value]="value"\n        (change)="handleChange($event)"\n    >\n    </kendo-calendar-monthview>\n  '}),o("design:paramtypes",[r.ElementRef,u.NavigationService,r.Renderer])],g),e.CalendarComponent=g},function(e,n){e.exports=t},function(t,n){t.exports=e},function(t,e,n){"use strict";function i(t){for(var n in t)e.hasOwnProperty(n)||(e[n]=t[n])}i(n(5)),i(n(7)),i(n(9)),i(n(6)),i(n(10)),i(n(11)),i(n(13)),i(n(12)),i(n(14)),i(n(15)),i(n(16)),i(n(17)),i(n(18)),i(n(19)),i(n(20)),i(n(8)),i(n(21)),i(n(22))},function(t,e,n){"use strict";var i=n(6);e.addDays=function(t,e){var n=new Date(t);return n.setDate(n.getDate()+e),i.adjustDST(n,t.getHours())}},function(t,e){"use strict";e.adjustDST=function(t,e){var n=new Date(t);return 0===e&&23===n.getHours()&&n.setHours(n.getHours()+2),n}},function(t,e,n){"use strict";var i=n(6),o=n(8),r=12,a=function(t,n){return t.getMonth()!==n?o.lastDayOfMonth(e.addMonths(t,-1)):t};e.addMonths=function(t,e){var n=new Date(t),o=(n.getMonth()+e)%r,s=(r+o)%r;return n.setMonth(n.getMonth()+e),a(i.adjustDST(n,t.getHours()),s)}},function(t,e,n){"use strict";var i=n(5);e.lastDayOfMonth=function(t){var e=new Date(t.getFullYear(),t.getMonth()+1,1);return i.addDays(e,-1)}},function(t,e,n){"use strict";var i=n(5);e.addWeeks=function(t,e){return i.addDays(t,7*e)}},function(t,e){"use strict";e.cloneDate=function(t){return t?new Date(t):t}},function(t,e,n){"use strict";var i=n(12),o=n(6);e.dayOfWeek=function(t,e,n){void 0===n&&(n=i.Direction.Forward);var r=new Date(t),a=(e-r.getDay()+7*n)%7;return r.setDate(r.getDate()+a),o.adjustDST(r,t.getHours())}},function(t,e){"use strict";!function(t){t[t.Forward=1]="Forward",t[t.Backward=-1]="Backward"}(e.Direction||(e.Direction={}));e.Direction},function(t,e){"use strict";!function(t){t[t.Sunday=0]="Sunday",t[t.Monday=1]="Monday",t[t.Tuesday=2]="Tuesday",t[t.Wednesday=3]="Wednesday",t[t.Thursday=4]="Thursday",t[t.Friday=5]="Friday",t[t.Saturday=6]="Saturday"}(e.Day||(e.Day={}));e.Day},function(t,e,n){"use strict";var i=n(12),o=n(11);e.nextDayOfWeek=function(t,e){return o.dayOfWeek(t,e,i.Direction.Forward)}},function(t,e,n){"use strict";var i=n(12),o=n(11);e.prevDayOfWeek=function(t,e){return o.dayOfWeek(t,e,i.Direction.Backward)}},function(t,e,n){"use strict";var i=n(6);e.getDate=function(t){var e=0;return i.adjustDST(new Date(t.getFullYear(),t.getMonth(),t.getDate(),e,0,0),e)}},function(t,e,n){"use strict";var i=n(13);e.firstDayInWeek=function(t,e){void 0===e&&(e=i.Day.Sunday);for(var n=new Date(t);n.getDay()!==e;)n.setDate(n.getDate()-1);return n}},function(t,e){"use strict";e.firstDayOfMonth=function(t){return new Date(t.getFullYear(),t.getMonth(),1)}},function(t,e){"use strict";e.isEqual=function(t,e){return t&&e&&t.getTime()===e.getTime()}},function(t,e,n){"use strict";var i=n(16),o=n(19);e.isEqualDate=function(t,e){return t&&e&&o.isEqual(i.getDate(t),i.getDate(e))}},function(t,e){"use strict";e.MS_PER_DAY=864e5},function(t,e,n){"use strict";var i=n(13),o=n(5),r=n(15),a=n(21),s=function(t,e){return e!==i.Day.Monday?o.addDays(r.prevDayOfWeek(t,e),4):o.addDays(t,4-(t.getDay()||7))},u=function(t,e){var n=new Date(t.getFullYear(),0,1,-6),i=s(t,e),o=i.getTime()-n.getTime(),r=Math.floor(o/a.MS_PER_DAY);return 1+Math.floor(r/7)};e.weekInYear=function(t,e){void 0===e&&(e=i.Day.Monday);var n=o.addDays(t,-7),r=o.addDays(t,7),a=u(t,e);return 0===a?u(n,e)+1:53===a&&u(r,e)>1?1:a}},function(t,e,n){"use strict";var i=this&&this.__decorate||function(t,e,n,i){var o,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,i);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(r<3?o(a):r>3?o(e,n,a):o(e,n))||a);return r>3&&a&&Object.defineProperty(e,n,a),a},o=n(2),r=n(24),a=n(4),s={33:r.Action.PrevView,34:r.Action.NextView,35:r.Action.LastInView,36:r.Action.FirstInView,37:r.Action.Left,38:r.Action.Up,39:r.Action.Right,40:r.Action.Down,"meta+38":r.Action.PrevView,"meta+40":r.Action.NextView},u=(l={},l[r.Action.Left]=function(t){return a.addDays(t,-1)},l[r.Action.Up]=function(t){return a.addWeeks(t,-1)},l[r.Action.Right]=function(t){return a.addDays(t,1)},l[r.Action.Down]=function(t){return a.addWeeks(t,1)},l[r.Action.PrevView]=function(t){return a.addMonths(t,-1)},l[r.Action.NextView]=function(t){return a.addMonths(t,1)},l[r.Action.FirstInView]=function(t){return a.firstDayOfMonth(t)},l[r.Action.LastInView]=function(t){return a.lastDayOfMonth(t)},l),c=function(){function t(){}return t.prototype.action=function(t){var e=""+(t.ctrlKey||t.metaKey?"meta+":"")+t.keyCode;return s[e]},t.prototype.move=function(t,e){var n=u[e];return n?n(t):t},t}();c=i([o.Injectable()],c),e.NavigationService=c;var l},function(t,e){"use strict";var n;!function(t){t[t.Left=0]="Left",t[t.Right=1]="Right",t[t.Up=2]="Up",t[t.Down=3]="Down",t[t.PrevView=4]="PrevView",t[t.NextView=5]="NextView",t[t.FirstInView=6]="FirstInView",t[t.LastInView=7]="LastInView"}(n=e.Action||(e.Action={}))},function(t,e,n){"use strict";var i=this&&this.__decorate||function(t,e,n,i){var o,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,i);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(r<3?o(a):r>3?o(e,n,a):o(e,n))||a);return r>3&&a&&Object.defineProperty(e,n,a),a},o=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},r=n(2),a=function(){function t(t){this.templateRef=t}return t}();a=i([r.Directive({selector:"[kendoCalendarCellTemplate]"}),o("design:paramtypes",[r.TemplateRef])],a),e.CellTemplateDirective=a},function(t,e){"use strict";e.minValidator=function(t){return function(e){var n={minError:{minValue:t,value:e.value}};return e.value<t?n:null}}},function(t,e){"use strict";e.maxValidator=function(t){return function(e){var n={maxError:{maxValue:t,value:e.value}};return e.value>t?n:null}}},function(t,e){"use strict";e.MIN_DATE=new Date(1900,0,1),e.MAX_DATE=new Date(2099,11,31)},function(t,e,n){"use strict";var i=n(4),o=function(t,e){for(var n=[],i=t;i<e;i++)n.push(i);return n};e.range=o;var r=function(t,e){return void 0===e&&(e=[]),i.firstDayOfMonth(t)>=e[0]&&e[e.length-1]>=i.lastDayOfMonth(t)};e.isInDatesArray=r;var a=function(t,e,n){return e<=t&&t<=n};e.isInRange=a;var s=function(t,e,n){return t<e?new Date(e):t>n?new Date(n):t};e.dateInRange=s;var u=function(){for(var t,e="",n=0;n<32;n++)t=16*Math.random()|0,8!==n&&12!==n&&16!==n&&20!==n||(e+="-"),e+=(12===n?4:16===n?3&t|8:t).toString(16);return e};e.guid=u;var c=function(t){};e.noop=c;var l=function(){return"undefined"!=typeof document};e.isDocumentAvailable=l;var d=function(t){return t?""+t.isFocused+t.isSelected+t.isWeekend+t.id:"null"};e.cellContextToString=d;var p=function(t){var e=function(e,n){return t[n]?e.concat(n):e};return Object.keys(t).reduce(e,[]).join(" ")};e.stringifyClassObject=p},function(t,e,n){"use strict";var i=this&&this.__decorate||function(t,e,n,i){var o,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,i);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(r<3?o(a):r>3?o(e,n,a):o(e,n))||a);return r>3&&a&&Object.defineProperty(e,n,a),a},o=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},r=n(2),a=n(26),s=n(27),u=n(31),c=n(3),l=n(32),d=p=function(){function t(t,e){this.intl=t,this.disabled=!1,this.title="",this.format="d",this.autoCorrect=!1,this.value=void 0,this.spinners=!1,this.valueChange=new r.EventEmitter,this.focus=new r.EventEmitter,this.blur=new r.EventEmitter,this.currentValue="",this.currentFormat="",this.knownParts="yMdhmsE",this.focused=!1,this.minValidateFn=null,this.maxValidateFn=null,this.dirty=!0,this.ngChange=function(t){},this.ngTouched=function(){},this.wrapper=e.nativeElement}return t.prototype.blurHandler=function(){this.ngTouched()},t.prototype.mousewheel=function(t){this.handleMouseWheel(t)},t.prototype.onmousewheel=function(t){this.handleMouseWheel(t)},t.prototype.mousescroll=function(t){this.handleMouseWheel(t)},Object.defineProperty(t.prototype,"widgetClass",{get:function(){return!0},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"dateInputClass",{get:function(){return!0},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"tabIndex",{get:function(){return 0},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"ariaMin",{get:function(){return this.min},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"ariaMax",{get:function(){return this.max},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"ariaValue",{get:function(){return this.value},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!0,configurable:!0}),t.prototype.keydown=function(t){if(!this.disabled)switch(t.keyCode){case u.Keys.down:t.preventDefault(),this.changeDatePartValue(-1);break;case u.Keys.up:t.preventDefault(),this.changeDatePartValue(1);break;case u.Keys.right:t.preventDefault(),this.switchDateSegment(1);break;case u.Keys.left:t.preventDefault(),this.switchDateSegment(-1);break;default:this.dirty=!0}},t.prototype.ngOnChanges=function(t){t.max&&(this.maxValidateFn=s.maxValidator(this.max)),t.min&&(this.minValidateFn=a.minValidator(this.min))},t.prototype.validate=function(t){var e=null;return this.minValidateFn&&(e=this.minValidateFn(t)),this.maxValidateFn&&!e&&(e=this.maxValidateFn(t)),e},t.prototype.ngOnInit=function(){this.value&&this.writeValue(this.value)},t.prototype.writeValue=function(t){this.autoCorrect&&t&&(this.max&&this.max<t&&(t=new Date(this.max)),this.min&&t&&t<this.min&&(t=new Date(this.min))),this.value=t,this.ngChange(t),this.value?(this.currentValue=this.intl.formatDate(this.value,this.format),this.currentFormat=this.intl.dateFormatString(this.value,this.format),this.dateInput.nativeElement.value=this.currentValue):this.currentFormat="",this.valueChange.emit(t)},t.prototype.registerOnChange=function(t){this.ngChange=t},t.prototype.registerOnTouched=function(t){this.ngTouched=t},t.prototype.changeDatePartValue=function(t){var e=this.caret(),n=this.currentFormat[e[0]],i=this.currentFormat[e[0]];e[0]>0&&(i=this.currentFormat[e[0]-1]);var o="";if(this.dirty||!this.value){this.knownParts.indexOf(n)>=0?o=n:this.knownParts.indexOf(i)>=0&&(o=i);var r=this.intl.parseDate(this.dateInput.nativeElement.value,this.format);this.writeValue(r),this.dirty=!1}else this.knownParts.indexOf(n)>=0?(this.modify(n,t),o=n):this.knownParts.indexOf(i)>=0&&(this.modify(i,t),o=i),this.writeValue(this.value);this.correctDateSegment(o)},t.prototype.increaseValue=function(){this.value&&!this.disabled&&(this.modifyDates(1),this.writeValue(this.value))},t.prototype.decreaseValue=function(){this.value&&!this.disabled&&(this.modifyDates(-1),this.writeValue(this.value))},t.prototype.switchDateSegment=function(t){for(var e=this.caret(),n=this.currentFormat[e[0]],i=e[0]+t;i>0&&i<this.currentFormat.length&&!(this.currentFormat[i]!==n&&this.knownParts.indexOf(this.currentFormat[i])>=0);)i+=t;for(var o=i;o>=0&&o<this.currentFormat.length&&this.currentFormat[o]===this.currentFormat[i];)o+=t;i>o?this.caret(o+1,i+1):this.caret(i,o)},t.prototype.correctDateSegment=function(t){for(var e=-1,n=0,i=0;i<this.currentFormat.length;i++)this.currentFormat[i]===t&&(n=i+1,e===-1&&(e=i));e<0&&(e=0),this.caret(e,n)},t.prototype.handleFocus=function(t){this.focused=!0,this.focus.emit(t)},t.prototype.handleBlur=function(t){this.dateInput.nativeElement.value.length||(this.value=void 0),this.focused=!1;var e=this.intl.parseDate(this.dateInput.nativeElement.value,this.format);this.writeValue(e),this.ngTouched(),this.blur.emit(t)},t.prototype.handlePaste=function(){},t.prototype.handleMouseWheel=function(t){!this.disabled&&this.focused&&(t=window.event||t,this.changeDatePartValue((t.wheelDelta||-t.detail)>0?1:-1),t.returnValue=!1,t.preventDefault&&t.preventDefault())},t.prototype.caret=function(t,e){void 0===e&&(e=t);var n=void 0!==t,i=[t],o=this.dateInput.nativeElement;if(!n||!this.disabled){try{void 0!==o.selectionStart&&(n?(o.focus(),o.setSelectionRange(t,e)):i=[o.selectionStart,o.selectionEnd])}catch(t){i=[]}return this.lastCaret=i,i}},t.prototype.modify=function(t,e){switch(t){case"y":this.modifyYears(e);break;case"M":this.modifyMonths(e);break;case"d":this.modifyDates(e);break;case"E":this.modifyDates(e);break;case"h":this.modifyHours(e);break;case"m":this.modifyMinutes(e);break;case"s":this.modifySeconds(e)}},t.prototype.modifyYears=function(t){this.value.setFullYear(this.value.getFullYear()+t)},t.prototype.modifyMonths=function(t){this.value.setMonth(this.value.getMonth()+t)},t.prototype.modifyDates=function(t){this.value.setDate(this.value.getDate()+t)},t.prototype.modifyHours=function(t){this.value.setHours(this.value.getHours()+t)},t.prototype.modifyMinutes=function(t){this.value.setMinutes(this.value.getMinutes()+t)},t.prototype.modifySeconds=function(t){this.value.setSeconds(this.value.getSeconds()+t)},t}();i([r.Input(),o("design:type",Boolean)],d.prototype,"disabled",void 0),i([r.Input(),o("design:type",String)],d.prototype,"title",void 0),i([r.Input(),o("design:type",String)],d.prototype,"format",void 0),i([r.Input(),o("design:type",Date)],d.prototype,"max",void 0),i([r.Input(),o("design:type",Date)],d.prototype,"min",void 0),i([r.Input(),o("design:type",Boolean)],d.prototype,"autoCorrect",void 0),i([r.Input(),o("design:type",Date)],d.prototype,"value",void 0),i([r.Input(),o("design:type",Boolean)],d.prototype,"spinners",void 0),i([r.Output(),o("design:type",r.EventEmitter)],d.prototype,"valueChange",void 0),i([r.Output(),o("design:type",r.EventEmitter)],d.prototype,"focus",void 0),i([r.Output(),o("design:type",r.EventEmitter)],d.prototype,"blur",void 0),i([r.ViewChild("dateInput"),o("design:type",r.ElementRef)],d.prototype,"dateInput",void 0),i([r.HostListener("blur"),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],d.prototype,"blurHandler",null),i([r.HostListener("mousewheel",["$event"]),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],d.prototype,"mousewheel",null),i([r.HostListener("onmousewheel",["$event"]),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],d.prototype,"onmousewheel",null),i([r.HostListener("DOMMouseScroll",["$event"]),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],d.prototype,"mousescroll",null),i([r.HostBinding("class.k-widget"),o("design:type",Boolean),o("design:paramtypes",[])],d.prototype,"widgetClass",null),i([r.HostBinding("class.k-dateinput"),o("design:type",Boolean),o("design:paramtypes",[])],d.prototype,"dateInputClass",null),i([r.HostBinding("tabIndex"),o("design:type",Number),o("design:paramtypes",[])],d.prototype,"tabIndex",null),i([r.HostBinding("attr.aria-valuemin"),o("design:type",Date),o("design:paramtypes",[])],d.prototype,"ariaMin",null),i([r.HostBinding("attr.aria-valuemax"),o("design:type",Date),o("design:paramtypes",[])],d.prototype,"ariaMax",null),i([r.HostBinding("attr.aria-valuenow"),o("design:type",Date),o("design:paramtypes",[])],d.prototype,"ariaValue",null),i([r.HostBinding("class.k-state-disabled"),o("design:type",Boolean),o("design:paramtypes",[])],d.prototype,"disabledClass",null),i([r.HostListener("keydown",["$event"]),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],d.prototype,"keydown",null),d=p=i([r.Component({providers:[{provide:c.NG_VALUE_ACCESSOR,useExisting:r.forwardRef(function(){return p}),multi:!0},{provide:c.NG_VALIDATORS,useExisting:r.forwardRef(function(){return p}),multi:!0}],selector:"kendo-dateinput",template:'\n    <span class="k-dateinput-wrap">\n        <input class="k-input"\n        [title]="title"\n        [attr.disabled]="disabled ? \'disabled\' : undefined"\n        [attr.aria-label]="title"\n        (paste)="handlePaste()"\n        (focus)="handleFocus($event)"\n        (blur)="handleBlur($event)"\n        #dateInput />\n        <span *ngIf="spinners" class="k-select">\n            <span (click)="increaseValue()" class="k-link k-link-increase">\n                <span class="k-icon k-i-arrow-n"></span>\n            </span>\n            <span (click)="decreaseValue()" class="k-link k-link-decrease">\n                <span class="k-icon k-i-arrow-s"></span>\n            </span>\n        </span>\n    </span>\n  '}),o("design:paramtypes",[l.IntlService,r.ElementRef])],d),e.DateInputComponent=d;var p},function(t,e){"use strict";var n;!function(t){t[t.backspace=8]="backspace",t[t.tab=9]="tab",t[t.enter=13]="enter",t[t.shift=16]="shift",t[t.ctrl=17]="ctrl",t[t.alt=18]="alt",t[t.space=32]="space",t[t["page up"]=33]="page up",t[t["page down"]=34]="page down",t[t.end=35]="end",t[t.home=36]="home",t[t.left=37]="left",t[t.up=38]="up",t[t.right=39]="right",t[t.down=40]="down"}(n=e.Keys||(e.Keys={}))},function(t,e){t.exports=n},function(t,e,n){"use strict";var i=this&&this.__decorate||function(t,e,n,i){var o,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,i);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(r<3?o(a):r>3?o(e,n,a):o(e,n))||a);return r>3&&a&&Object.defineProperty(e,n,a),a},o=n(2),r=n(34),a=n(32),s=n(1),u=n(35),c=n(36),l=n(51),d=n(25),p=n(38),h=n(23),f=n(37),y=[s.CalendarComponent,u.FooterComponent,c.MonthViewComponent,l.MonthComponent,d.CellTemplateDirective],g=[p.MonthViewService,h.NavigationService,f.CalendarDOMService],m=function(){function t(){}return t}();m=i([o.NgModule({declarations:[y],exports:[y],imports:[r.CommonModule,a.IntlModule],providers:g})],m),e.CalendarModule=m},function(t,e){t.exports=i},function(t,e,n){"use strict";var i=this&&this.__decorate||function(t,e,n,i){var o,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,i);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(r<3?o(a):r>3?o(e,n,a):o(e,n))||a);return r>3&&a&&Object.defineProperty(e,n,a),a},o=n(2),r=function(){function t(){}return t}();r=i([o.Component({selector:"kendo-calendar-footer",template:'\n    <div class="k-footer">\n        <a href="#" class="k-link k-nav-today" title="Thursday, November 10, 2016">Thursday, November 10, 2016</a>\n    </div>\n  '})],r),e.FooterComponent=r},function(t,e,n){"use strict";function i(t){return new p.ScrollerService(t)}var o=this&&this.__decorate||function(t,e,n,i){var o,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,i);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(r<3?o(a):r>3?o(e,n,a):o(e,n))||a);return r>3&&a&&Object.defineProperty(e,n,a),a},r=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},a=this&&this.__param||function(t,e){return function(n,i){e(n,i,t)}},s=n(2),u=n(28),c=n(37),l=n(38),d=n(39),p=n(40),h=n(41),f=n(43);n(44),n(45),n(46),n(47),n(48),n(49),n(50);var y=n(4),g=n(29);e.SCROLLER_FACTORY_TOKEN=new s.OpaqueToken("calendar-scroll-service-factory"),e.DEFAULT_SCROLLER_FACTORY=i;var m=function(){function t(t,e,n,i){this.dom=e,this.service=n,this.renderer=i,this.isActive=!0,this.min=new Date(u.MIN_DATE),this.max=new Date(u.MAX_DATE),this.change=new s.EventEmitter,this.dates=[],this.dispatcher=new f.Subject,this.shouldScrollToBottom=!1,this.shouldScrollToFocusedView=!1,this.minViews=1,this.take=7,this.scroller=t(this.dispatcher)}return Object.defineProperty(t.prototype,"getComponentClass",{get:function(){return!0},enumerable:!0,configurable:!0}),t.prototype.ngOnChanges=function(t){this.shouldScrollToFocusedView=!!t.focusedDate,this.title=this.service.title(this.focusedDate),this.skip=this.months(this.focusedDate,this.min);var e=this.months(this.max,this.min)+1,n=this.total&&this.total!==e;if(this.total=e,n&&this.init(),!g.isInDatesArray(this.focusedDate,this.dates)){var i=this.months(this.max,this.focusedDate)<this.minViews,o=g.dateInRange(i?y.addMonths(this.focusedDate,-1):this.focusedDate,this.min,this.max),r=Math.min(this.total-this.months(o,this.min),this.take);this.shouldScrollToBottom=i,this.dates=this.viewDates(y.firstDayOfMonth(o),r)}},t.prototype.ngOnInit=function(){this.init()},t.prototype.ngOnDestroy=function(){this.containerScrollSubscription&&this.containerScrollSubscription.unsubscribe(),this.scrollSubscription&&this.scrollSubscription.unsubscribe()},t.prototype.ngAfterViewInit=function(){this.scrollToFocusedView(),this.containerScrollSubscription=h.Observable.fromEvent(this.container.nativeElement,"scroll").map(function(t){return t.target}).subscribe(this.dispatcher)},t.prototype.ngAfterViewChecked=function(){this.shouldScrollToFocusedView&&this.scrollToFocusedView(),this.shouldScrollToBottom&&this.scrollToBottom()},t.prototype.trackByDates=function(t,e){return e.getFullYear()+"-"+e.getMonth()},t.prototype.init=function(){this.rowHeightService=new d.RowHeightService(this.total,this.dom.viewHeight(),0),this.totalHeight=this.rowHeightService.totalHeight();var t=this.scroller.create(this.rowHeightService,this.skip,this.take,this.total);this.scrollSubscription&&this.scrollSubscription.unsubscribe(),this.scrollSubscription=t.filter(function(t){return t instanceof p.PageAction}).subscribe(this.pageChange.bind(this)).add(t.filter(function(t){return t instanceof p.ScrollAction}).subscribe(this.scroll.bind(this)))},t.prototype.pageChange=function(t){var e=t.skip,n=Math.min(this.total-e,this.take);this.dates=this.viewDates(y.addMonths(this.min,e),n)},t.prototype.scroll=function(t){var e=t.offset;this.style={transform:"translateY("+e+"px)"}},t.prototype.scrollToFocusedView=function(){this.shouldScrollToFocusedView=!1,this.renderer.setElementProperty(this.container.nativeElement,"scrollTop",this.rowHeightService.offset(this.skip))},t.prototype.scrollToBottom=function(){this.shouldScrollToBottom=!1,this.renderer.setElementProperty(this.container.nativeElement,"scrollTop",this.rowHeightService.totalHeight())},t.prototype.handleDateChange=function(t){this.change.emit(t)},t.prototype.viewDates=function(t,e){return g.range(0,e).map(function(e){
-return y.addMonths(t,e)})},t.prototype.months=function(t,e){return 12*(t.getFullYear()-e.getFullYear())+(t.getMonth()-e.getMonth())},t}();o([s.Input(),r("design:type",s.TemplateRef)],m.prototype,"cellTemplateRef",void 0),o([s.Input(),r("design:type",String)],m.prototype,"cellUID",void 0),o([s.Input(),r("design:type",Date)],m.prototype,"focusedDate",void 0),o([s.Input(),r("design:type",Boolean)],m.prototype,"isActive",void 0),o([s.Input(),r("design:type",Date)],m.prototype,"min",void 0),o([s.Input(),r("design:type",Date)],m.prototype,"max",void 0),o([s.Input(),r("design:type",Date)],m.prototype,"value",void 0),o([s.Output(),r("design:type",s.EventEmitter)],m.prototype,"change",void 0),o([s.ViewChild("container"),r("design:type",s.ElementRef)],m.prototype,"container",void 0),o([s.HostBinding("class.k-calendar-monthview"),r("design:type",Boolean),r("design:paramtypes",[])],m.prototype,"getComponentClass",null),m=o([s.Component({providers:[{provide:e.SCROLLER_FACTORY_TOKEN,useValue:i}],selector:"kendo-calendar-monthview",template:'\n    <table class="k-calendar-weekdays">\n        <colgroup><col/><col/><col/><col/><col/><col/><col/></colgroup>\n        <thead>\n            <tr>\n                <th *ngFor="let name of service.weekNames()">{{name}}</th>\n            </tr>\n        </thead>\n    </table>\n    <div #container class="k-content k-scrollable">\n        <table [ngStyle]="style">\n            <colgroup><col/><col/><col/><col/><col/><col/><col/></colgroup>\n            <tbody kendoCalendarMonth *ngFor="let date of dates;trackBy: trackByDates"\n                   role="rowgroup"\n                   [isActive]="isActive"\n                   [min]="min"\n                   [max]="max"\n                   [cellUID]="cellUID"\n                   [viewDate]="date"\n                   [focusedDate]="focusedDate"\n                   [selectedDate]="value"\n                   [templateRef]="cellTemplateRef"\n                   (change)="handleDateChange($event)"\n            ></tbody>\n        </table>\n        <div class="k-scrollable-placeholder" [style.height.px]="totalHeight"></div>\n    </div>\n  '}),a(0,s.Inject(e.SCROLLER_FACTORY_TOKEN)),r("design:paramtypes",[Object,c.CalendarDOMService,l.MonthViewService,s.Renderer])],m),e.MonthViewComponent=m},function(t,e,n){"use strict";var i=this&&this.__decorate||function(t,e,n,i){var o,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,i);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(r<3?o(a):r>3?o(e,n,a):o(e,n))||a);return r>3&&a&&Object.defineProperty(e,n,a),a},o=n(2),r=n(29),a=function(){function t(){}return t.prototype.viewHeight=function(){if(!r.isDocumentAvailable())return 0;var t=this.calendarElement(),e=this.monthViewElement(),n=this.monthContentElement(),i=this.tableElement();n.appendChild(i),e.appendChild(n),t.appendChild(e),document.body.appendChild(t);var o=i.children[0].getBoundingClientRect().height;return document.body.removeChild(t),o},t.prototype.calendarElement=function(){var t=document.createElement("div");return t.className="k-widget k-calendar k-calendar-infinite",t.style.left="-10000px",t},t.prototype.monthViewElement=function(){var t=document.createElement("div");return t.className="k-calendar-monthview",t},t.prototype.monthContentElement=function(){var t=document.createElement("div");return t.className="k-content k-scrollable",t},t.prototype.tableElement=function(){var t=document.createElement("table");return t.innerHTML="\n            <tbody>\n              <tr><th>1</th></tr>\n              <tr><td>1</td></tr>\n              <tr><td>1</td></tr>\n              <tr><td>1</td></tr>\n              <tr><td>1</td></tr>\n              <tr><td>1</td></tr>\n              <tr><td>1</td></tr>\n            </tbody>\n        ",t},t}();a=i([o.Injectable()],a),e.CalendarDOMService=a},function(t,e,n){"use strict";var i=this&&this.__decorate||function(t,e,n,i){var o,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,i);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(r<3?o(a):r>3?o(e,n,a):o(e,n))||a);return r>3&&a&&Object.defineProperty(e,n,a),a},o=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},r=n(2),a=n(4),s=n(32),u=n(29),c=[[]],l=7,d=6,p=6,h=0,f=function(){function t(t){this._intlService=t}return t.prototype.prev=function(t){return a.addMonths(t,-1)},t.prototype.next=function(t){return a.addMonths(t,1)},t.prototype.dayValue=function(t){return t?t.getDate().toString():""},t.prototype.title=function(t){return this.abbrMonthNames()[t.getMonth()]+" "+t.getFullYear()},t.prototype.viewData=function(t){var e=this,n=t.cellUID,i=t.focusedDate,o=t.max,r=t.min,s=t.selectedDate,p=t.viewDate;if(!p)return c;var h=a.firstDayOfMonth(p),f=a.lastDayOfMonth(p),y=-1,g=a.dayOfWeek(h,this._intlService.firstDay(),y),m=u.range(0,l);return u.range(0,d).map(function(t){var u=a.addDays(g,7*t);return m.map(function(t){var c=a.addDays(u,t),l=c<h||c>f,d=c<r||c>o;return l||d?null:{id:""+n+c.getTime(),isFocused:e.isEqual(c,i),isSelected:e.isEqual(c,s),isWeekend:e.isWeekend(c),value:c}})})},t.prototype.weekNumber=function(t){return a.weekInYear(t,this._intlService.firstDay())},t.prototype.isWeekend=function(t){var e=t.getDay();return e===p||e===h},t.prototype.isEqual=function(t,e){return!(!t||!e)&&a.getDate(t).getTime()===a.getDate(e).getTime()},t.prototype.weekNames=function(){return this._intlService.dateFormatNames({nameType:"short",type:"days"})},t.prototype.abbrMonthNames=function(){return this._intlService.dateFormatNames({nameType:"wide",type:"months"})},t}();f=i([r.Injectable(),o("design:paramtypes",[s.IntlService])],f),e.MonthViewService=f},function(t,e){"use strict";var n=function(t,e,n){return t.slice(0,e+1).concat(t.slice(e+1).map(function(t){return t+n}))},i=function(){function t(t,e,n){void 0===t&&(t=0),this.total=t,this.rowHeight=e,this.detailRowHeight=n,this.offsets=[],this.heights=[];for(var i=0,o=0;o<t;o++)this.offsets.push(i),i+=e,this.heights.push(e)}return t.prototype.height=function(t){return this.heights[t]},t.prototype.expandDetail=function(t){this.height(t)===this.rowHeight&&this.updateRowHeight(t,this.detailRowHeight)},t.prototype.collapseDetail=function(t){this.height(t)>this.rowHeight&&this.updateRowHeight(t,this.detailRowHeight*-1)},t.prototype.index=function(t){if(!(t<0)){var e=this.offsets.reduce(function(e,n,i){return void 0!==e?e:n===t?i:n>t?i-1:void 0},void 0);return void 0===e?this.total-1:e}},t.prototype.offset=function(t){return this.offsets[t]},t.prototype.totalHeight=function(){return this.heights.reduce(function(t,e){return t+e},0)},t.prototype.updateRowHeight=function(t,e){this.heights[t]+=e,this.offsets=n(this.offsets,t,e)},t}();e.RowHeightService=i},function(t,e,n){"use strict";var i=n(41),o=n(42),r=function(){function t(t){this.offset=t}return t}();e.ScrollAction=r;var a=function(){function t(t){this.skip=t}return t}();e.PageAction=a;var s=function(){function t(t){this.scrollObservable=t,this.firstLoaded=0}return t.prototype.create=function(t,e,n,a){var s=this;this.rowHeightService=t,this.firstLoaded=e,this.lastLoaded=e+n,this.take=n,this.total=a,this.lastScrollTop=0;var u=new o.BehaviorSubject(new r(this.rowHeightService.offset(e)));return i.Observable.create(function(t){s.unsubscribe(),s.scrollSubscription=s.scrollObservable.subscribe(function(e){return s.onScroll(e,t)})}).subscribe(function(t){return u.next(t)}),u},t.prototype.destroy=function(){this.unsubscribe()},t.prototype.onScroll=function(t,e){var n=t.scrollTop,i=t.offsetHeight;if(this.lastScrollTop!==n){var o=this.lastScrollTop>=n;this.lastScrollTop=n;var s=this.rowHeightService.index(n),u=this.rowHeightService.offset(s),c=this.rowHeightService.index(n+i);if(!o&&c>=this.lastLoaded&&this.lastLoaded<this.total&&(this.firstLoaded=s,e.next(new r(u)),this.lastLoaded=Math.min(this.firstLoaded+this.take,this.total),e.next(new a(this.firstLoaded))),o&&s<=this.firstLoaded){var l=Math.floor(.5*this.take);this.firstLoaded=Math.max(s-l,0),e.next(new r(this.rowHeightService.offset(this.firstLoaded))),this.lastLoaded=Math.min(this.firstLoaded+this.take,this.total),e.next(new a(this.firstLoaded))}}},t.prototype.unsubscribe=function(){this.scrollSubscription&&(this.scrollSubscription.unsubscribe(),this.scrollSubscription=void 0)},t}();e.ScrollerService=s},function(t,e){t.exports=o},function(t,e){t.exports=r},function(t,e){t.exports=a},function(t,e){t.exports=s},function(t,e){t.exports=u},function(t,e){t.exports=c},function(t,e){t.exports=l},function(t,e){t.exports=d},function(t,e){t.exports=p},function(t,e){t.exports=h},function(t,e,n){"use strict";var i=this&&this.__decorate||function(t,e,n,i){var o,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,i);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(r<3?o(a):r>3?o(e,n,a):o(e,n))||a);return r>3&&a&&Object.defineProperty(e,n,a),a},o=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},r=n(2),a=n(38),s=n(32),u=n(4),c=n(29),l=function(){function t(t,e){this.service=t,this.intl=e,this.isActive=!0,this.showWeekNumbers=!1,this.change=new r.EventEmitter,this.today=u.getDate(new Date)}return t.prototype.ngOnChanges=function(){this.viewData=this.service.viewData({cellUID:this.cellUID,focusedDate:this.focusedDate,max:this.max,min:this.min,selectedDate:this.selectedDate,viewDate:this.viewDate}),this.title=this.service.title(this.viewDate)},t.prototype.handleClick=function(t){this.change.emit(t.value)},t.prototype.trackRow=function(t,e){return e.reduce(function(t,e){return t+c.cellContextToString(e)},"")},t.prototype.trackCell=function(t,e){return c.cellContextToString(e)},t.prototype.firstDate=function(t){for(var e=0,n=t[e];!n&&e<t.length;)n=t[++e];return n?n.value:null},t.prototype.getStyles=function(t){return c.stringifyClassObject({"k-state-focused":this.isActive&&t.isFocused,"k-state-selected":t.isSelected,"k-today":u.isEqual(t.value,this.today),"k-weekend":t.isWeekend})},t}();i([r.Input(),o("design:type",Boolean)],l.prototype,"isActive",void 0),i([r.Input(),o("design:type",String)],l.prototype,"cellUID",void 0),i([r.Input(),o("design:type",Date)],l.prototype,"focusedDate",void 0),i([r.Input(),o("design:type",Date)],l.prototype,"selectedDate",void 0),i([r.Input(),o("design:type",Date)],l.prototype,"viewDate",void 0),i([r.Input(),o("design:type",Date)],l.prototype,"min",void 0),i([r.Input(),o("design:type",Date)],l.prototype,"max",void 0),i([r.Input(),o("design:type",Boolean)],l.prototype,"showWeekNumbers",void 0),i([r.Input(),o("design:type",Number)],l.prototype,"viewIndex",void 0),i([r.Input(),o("design:type",r.TemplateRef)],l.prototype,"templateRef",void 0),i([r.Output(),o("design:type",r.EventEmitter)],l.prototype,"change",void 0),l=i([r.Component({selector:"[kendoCalendarMonth]",template:'\n    <tr role="row"><th scope="col" [colSpan]="!showWeekNumbers ? 7 : 8">{{title}}</th></tr>\n    <tr *ngFor="let row of viewData;trackBy:trackRow" role="row">\n        <template [ngIf]="showWeekNumbers">\n            <td *ngIf="!firstDate(row)">&nbsp;</td>\n            <td *ngIf="firstDate(row)">{{service.weekNumber(firstDate(row))}}</td>\n        </template>\n        <template ngFor [ngForOf]="row" let-cellContext [ngForTrackBy]="trackCell">\n            <td *ngIf="!cellContext">&nbsp;</td>\n            <td *ngIf="cellContext"\n                role="gridcell"\n                [attr.id]="cellContext.id"\n                [attr.aria-selected]="cellContext.isSelected"\n                [ngClass]="getStyles(cellContext)"\n                [title]="intl.formatDate(cellContext.value, \'D\')"\n                (click)="handleClick(cellContext)"\n            >\n                <span class="k-link">\n                    <template [ngIf]="!templateRef">{{service.dayValue(cellContext.value)}}</template>\n                    <template\n                        [ngIf]="templateRef"\n                        [ngTemplateOutlet]="templateRef"\n                        [ngOutletContext]="{ $implicit: cellContext.value, cellContext: cellContext }"\n                    ></template>\n                </span>\n            </td>\n        </template>\n    </tr>\n  '}),o("design:paramtypes",[a.MonthViewService,s.IntlService])],l),e.MonthComponent=l},function(t,e,n){"use strict";var i=this&&this.__decorate||function(t,e,n,i){var o,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,i);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(r<3?o(a):r>3?o(e,n,a):o(e,n))||a);return r>3&&a&&Object.defineProperty(e,n,a),a},o=n(2),r=n(30),a=n(34),s=[r.DateInputComponent],u=function(){function t(){}return t}();u=i([o.NgModule({declarations:[s],exports:[s],imports:[a.CommonModule]})],u),e.DateInputModule=u},function(t,e,n){"use strict";var i=this&&this.__decorate||function(t,e,n,i){var o,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,i);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(r<3?o(a):r>3?o(e,n,a):o(e,n))||a);return r>3&&a&&Object.defineProperty(e,n,a),a},o=n(2),r=n(33),a=n(52),s=n(32),u=[r.CalendarModule,a.DateInputModule],c=function(){function t(){}return t}();c=i([o.NgModule({exports:u,imports:u,providers:[{provide:s.IntlService,useClass:s.CldrIntlService}]})],c),e.DateInputsModule=c}])});
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("@angular/core"),require("@angular/forms"),require("@progress/kendo-angular-intl"),require("@angular/common"),require("rxjs/Observable"),require("rxjs/BehaviorSubject"),require("rxjs/Subject"),require("rxjs/add/observable/fromEvent"),require("rxjs/add/operator/map"),require("rxjs/add/operator/merge"),require("rxjs/add/operator/filter"),require("rxjs/add/operator/do"),require("rxjs/add/operator/distinctUntilChanged"),require("rxjs/add/operator/debounceTime")):"function"==typeof define&&define.amd?define(["@angular/core","@angular/forms","@progress/kendo-angular-intl","@angular/common","rxjs/Observable","rxjs/BehaviorSubject","rxjs/Subject","rxjs/add/observable/fromEvent","rxjs/add/operator/map","rxjs/add/operator/merge","rxjs/add/operator/filter","rxjs/add/operator/do","rxjs/add/operator/distinctUntilChanged","rxjs/add/operator/debounceTime"],e):"object"==typeof exports?exports.KendoAngularDateinputs=e(require("@angular/core"),require("@angular/forms"),require("@progress/kendo-angular-intl"),require("@angular/common"),require("rxjs/Observable"),require("rxjs/BehaviorSubject"),require("rxjs/Subject"),require("rxjs/add/observable/fromEvent"),require("rxjs/add/operator/map"),require("rxjs/add/operator/merge"),require("rxjs/add/operator/filter"),require("rxjs/add/operator/do"),require("rxjs/add/operator/distinctUntilChanged"),require("rxjs/add/operator/debounceTime")):t.KendoAngularDateinputs=e(t["@angular/core"],t["@angular/forms"],t["@progress/kendo-angular-intl"],t["@angular/common"],t["rxjs/Observable"],t["rxjs/BehaviorSubject"],t["rxjs/Subject"],t["rxjs/add/observable/fromEvent"],t["rxjs/add/operator/map"],t["rxjs/add/operator/merge"],t["rxjs/add/operator/filter"],t["rxjs/add/operator/do"],t["rxjs/add/operator/distinctUntilChanged"],t["rxjs/add/operator/debounceTime"])}(this,function(t,e,n,i,o,r,a,s,u,c,l,d,p,h){return function(t){function e(i){if(n[i])return n[i].exports;var o=n[i]={exports:{},id:i,loaded:!1};return t[i].call(o.exports,o,o.exports,e),o.loaded=!0,o.exports}var n={};return e.m=t,e.c=n,e.p="",e(0)}([function(t,e,n){"use strict";var i=n(1);e.CalendarComponent=i.CalendarComponent;var o=n(30);e.DateInputComponent=o.DateInputComponent;var r=n(33);e.CalendarModule=r.CalendarModule;var a=n(52);e.DateInputModule=a.DateInputModule;var s=n(53);e.DateInputsModule=s.DateInputsModule},function(t,e,n){"use strict";var i=this&&this.__decorate||function(t,e,n,i){var o,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,i);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(r<3?o(a):r>3?o(e,n,a):o(e,n))||a);return r>3&&a&&Object.defineProperty(e,n,a),a},o=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},r=n(2),a=n(3),s=n(4),u=n(23),c=n(25),l=n(26),d=n(27),p=n(28),h=n(29),f="http://www.telerik.com/kendo-angular-ui/components/dateinputs/api/CalendarComponent/#toc-min",g="http://www.telerik.com/kendo-angular-ui/components/dateinputs/api/CalendarComponent/#toc-max";e.CALENDAR_VALUE_ACCESSOR={multi:!0,provide:a.NG_VALUE_ACCESSOR,useExisting:r.forwardRef(function(){return y})},e.CALENDAR_RANGE_VALIDATORS={multi:!0,provide:a.NG_VALIDATORS,useExisting:r.forwardRef(function(){return y})};var y=function(){function t(t,e,n){this.element=t,this.navigator=e,this.renderer=n,this.focusedDate=s.getDate(new Date),this.rangeValidation=!1,this.disabled=!1,this.tabIndex=0,this.valueChange=new r.EventEmitter,this.isActive=!1,this.cellUID=h.guid(),this._min=new Date(p.MIN_DATE),this._max=new Date(p.MAX_DATE),this.propagateChange=h.noop,this.propagateTouched=h.noop,this.minValidateFn=h.noop,this.maxValidateFn=h.noop}return Object.defineProperty(t.prototype,"min",{get:function(){return this._min},set:function(t){this._min=t||new Date(p.MIN_DATE)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"max",{get:function(){return this._max},set:function(t){this._max=t||new Date(p.MAX_DATE)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"value",{get:function(){return this._value},set:function(t){this.prevValue=s.cloneDate(t),this._value=s.cloneDate(t)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"widgetRole",{get:function(){return"grid"},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"widgetClasses",{get:function(){return!0},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"calendarTabIndex",{get:function(){return this.disabled?void 0:this.tabIndex},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"ariaDisabled",{get:function(){return this.disabled},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"ariaActivedescendant",{get:function(){return this.cellUID+this.focusedDate.getTime()},enumerable:!0,configurable:!0}),t.prototype.handleBlur=function(){this.propagateTouched(),this.isActive=!1},t.prototype.handleFocus=function(){this.isActive=!0},t.prototype.handleMousedown=function(t){t.preventDefault()},t.prototype.handleClick=function(){this.isActive||this.focus()},t.prototype.keydown=function(t){var e=h.dateInRange(this.navigator.move(this.focusedDate,this.navigator.action(t)),this.min,this.max);s.isEqual(this.focusedDate,e)||(this.focusedDate=e,t.preventDefault())},t.prototype.enter=function(t){this.disabled||(this.triggerChange(this.focusedDate),t.preventDefault())},t.prototype.ngOnChanges=function(t){this.verifySettings();var e=t.value&&!t.focusedDate,n=e?this.value:this.focusedDate;this.focusedDate=h.dateInRange(s.cloneDate(n||this.focusedDate),this.min,this.max),(t.min||t.max)&&(this.minValidateFn=this.rangeValidation?l.minValidator(this.min):h.noop,this.maxValidateFn=this.rangeValidation?d.maxValidator(this.max):h.noop)},t.prototype.focus=function(){this.element&&this.renderer.invokeElementMethod(this.element.nativeElement,"focus")},t.prototype.handleChange=function(t){this.disabled||(this.focusedDate=s.cloneDate(t)||this.focusedDate,this.triggerChange(t))},t.prototype.writeValue=function(t){this.focusedDate=h.dateInRange(s.cloneDate(t)||this.focusedDate,this.min,this.max),this.value=s.cloneDate(t)},t.prototype.registerOnChange=function(t){this.propagateChange=t},t.prototype.registerOnTouched=function(t){this.propagateTouched=t},t.prototype.setDisabledState=function(t){this.disabled=t},t.prototype.validate=function(t){return this.minValidateFn(t)||this.maxValidateFn(t)},t.prototype.triggerChange=function(t){s.isEqual(t,this.prevValue)||(this.value=t,this.valueChange.emit(s.cloneDate(t)),this.propagateChange(s.cloneDate(t)))},t.prototype.verifySettings=function(){if(r.isDevMode()&&this.min>this.max)throw new Error("The max value should be bigger than the min. See "+f+" and "+g+".")},t}();i([r.Input(),o("design:type",Date)],y.prototype,"focusedDate",void 0),i([r.Input(),o("design:type",Date),o("design:paramtypes",[Date])],y.prototype,"min",null),i([r.Input(),o("design:type",Date),o("design:paramtypes",[Date])],y.prototype,"max",null),i([r.Input(),o("design:type",Boolean)],y.prototype,"rangeValidation",void 0),i([r.Input(),o("design:type",Date),o("design:paramtypes",[Date])],y.prototype,"value",null),i([r.Input(),o("design:type",Boolean)],y.prototype,"disabled",void 0),i([r.Input(),o("design:type",Number)],y.prototype,"tabIndex",void 0),i([r.Output(),o("design:type",r.EventEmitter)],y.prototype,"valueChange",void 0),i([r.ContentChild(c.CellTemplateDirective),o("design:type",c.CellTemplateDirective)],y.prototype,"cellTemplate",void 0),i([r.HostBinding("attr.role"),o("design:type",String),o("design:paramtypes",[])],y.prototype,"widgetRole",null),i([r.HostBinding("class.k-widget"),r.HostBinding("class.k-calendar"),r.HostBinding("class.k-calendar-infinite"),o("design:type",Boolean),o("design:paramtypes",[])],y.prototype,"widgetClasses",null),i([r.HostBinding("attr.tabindex"),o("design:type",Number),o("design:paramtypes",[])],y.prototype,"calendarTabIndex",null),i([r.HostBinding("attr.aria-disabled"),r.HostBinding("class.k-state-disabled"),o("design:type",Boolean),o("design:paramtypes",[])],y.prototype,"ariaDisabled",null),i([r.HostBinding("attr.aria-activedescendant"),o("design:type",String),o("design:paramtypes",[])],y.prototype,"ariaActivedescendant",null),i([r.HostListener("blur"),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],y.prototype,"handleBlur",null),i([r.HostListener("focus"),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],y.prototype,"handleFocus",null),i([r.HostListener("mousedown",["$event"]),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],y.prototype,"handleMousedown",null),i([r.HostListener("click"),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],y.prototype,"handleClick",null),i([r.HostListener("keydown",["$event"]),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],y.prototype,"keydown",null),i([r.HostListener("keydown.enter",["$event"]),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],y.prototype,"enter",null),y=i([r.Component({providers:[e.CALENDAR_VALUE_ACCESSOR,e.CALENDAR_RANGE_VALIDATORS],selector:"kendo-calendar",template:'\n    <kendo-calendar-monthview\n        [isActive]="isActive"\n        [cellTemplateRef]="cellTemplate?.templateRef"\n        [cellUID]="cellUID"\n        [focusedDate]="focusedDate"\n        [min]="min"\n        [max]="max"\n        [value]="value"\n        (change)="handleChange($event)"\n    >\n    </kendo-calendar-monthview>\n  '}),o("design:paramtypes",[r.ElementRef,u.NavigationService,r.Renderer])],y),e.CalendarComponent=y},function(e,n){e.exports=t},function(t,n){t.exports=e},function(t,e,n){"use strict";function i(t){for(var n in t)e.hasOwnProperty(n)||(e[n]=t[n])}i(n(5)),i(n(7)),i(n(9)),i(n(6)),i(n(10)),i(n(11)),i(n(13)),i(n(12)),i(n(14)),i(n(15)),i(n(16)),i(n(17)),i(n(18)),i(n(19)),i(n(20)),i(n(8)),i(n(21)),i(n(22))},function(t,e,n){"use strict";var i=n(6);e.addDays=function(t,e){var n=new Date(t);return n.setDate(n.getDate()+e),i.adjustDST(n,t.getHours())}},function(t,e){"use strict";e.adjustDST=function(t,e){var n=new Date(t);return 0===e&&23===n.getHours()&&n.setHours(n.getHours()+2),n}},function(t,e,n){"use strict";var i=n(6),o=n(8),r=12,a=function(t,n){return t.getMonth()!==n?o.lastDayOfMonth(e.addMonths(t,-1)):t};e.addMonths=function(t,e){var n=new Date(t),o=(n.getMonth()+e)%r,s=(r+o)%r;return n.setMonth(n.getMonth()+e),a(i.adjustDST(n,t.getHours()),s)}},function(t,e,n){"use strict";var i=n(5);e.lastDayOfMonth=function(t){var e=new Date(t.getFullYear(),t.getMonth()+1,1);return i.addDays(e,-1)}},function(t,e,n){"use strict";var i=n(5);e.addWeeks=function(t,e){return i.addDays(t,7*e)}},function(t,e){"use strict";e.cloneDate=function(t){return t?new Date(t):t}},function(t,e,n){"use strict";var i=n(12),o=n(6);e.dayOfWeek=function(t,e,n){void 0===n&&(n=i.Direction.Forward);var r=new Date(t),a=(e-r.getDay()+7*n)%7;return r.setDate(r.getDate()+a),o.adjustDST(r,t.getHours())}},function(t,e){"use strict";!function(t){t[t.Forward=1]="Forward",t[t.Backward=-1]="Backward"}(e.Direction||(e.Direction={}));e.Direction},function(t,e){"use strict";!function(t){t[t.Sunday=0]="Sunday",t[t.Monday=1]="Monday",t[t.Tuesday=2]="Tuesday",t[t.Wednesday=3]="Wednesday",t[t.Thursday=4]="Thursday",t[t.Friday=5]="Friday",t[t.Saturday=6]="Saturday"}(e.Day||(e.Day={}));e.Day},function(t,e,n){"use strict";var i=n(12),o=n(11);e.nextDayOfWeek=function(t,e){return o.dayOfWeek(t,e,i.Direction.Forward)}},function(t,e,n){"use strict";var i=n(12),o=n(11);e.prevDayOfWeek=function(t,e){return o.dayOfWeek(t,e,i.Direction.Backward)}},function(t,e,n){"use strict";var i=n(6);e.getDate=function(t){var e=0;return i.adjustDST(new Date(t.getFullYear(),t.getMonth(),t.getDate(),e,0,0),e)}},function(t,e,n){"use strict";var i=n(13);e.firstDayInWeek=function(t,e){void 0===e&&(e=i.Day.Sunday);for(var n=new Date(t);n.getDay()!==e;)n.setDate(n.getDate()-1);return n}},function(t,e){"use strict";e.firstDayOfMonth=function(t){return new Date(t.getFullYear(),t.getMonth(),1)}},function(t,e){"use strict";e.isEqual=function(t,e){return t&&e&&t.getTime()===e.getTime()}},function(t,e,n){"use strict";var i=n(16),o=n(19);e.isEqualDate=function(t,e){return t&&e&&o.isEqual(i.getDate(t),i.getDate(e))}},function(t,e){"use strict";e.MS_PER_DAY=864e5},function(t,e,n){"use strict";var i=n(13),o=n(5),r=n(15),a=n(21),s=function(t,e){return e!==i.Day.Monday?o.addDays(r.prevDayOfWeek(t,e),4):o.addDays(t,4-(t.getDay()||7))},u=function(t,e){var n=new Date(t.getFullYear(),0,1,-6),i=s(t,e),o=i.getTime()-n.getTime(),r=Math.floor(o/a.MS_PER_DAY);return 1+Math.floor(r/7)};e.weekInYear=function(t,e){void 0===e&&(e=i.Day.Monday);var n=o.addDays(t,-7),r=o.addDays(t,7),a=u(t,e);return 0===a?u(n,e)+1:53===a&&u(r,e)>1?1:a}},function(t,e,n){"use strict";var i=this&&this.__decorate||function(t,e,n,i){var o,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,i);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(r<3?o(a):r>3?o(e,n,a):o(e,n))||a);return r>3&&a&&Object.defineProperty(e,n,a),a},o=n(2),r=n(24),a=n(4),s={33:r.Action.PrevView,34:r.Action.NextView,35:r.Action.LastInView,36:r.Action.FirstInView,37:r.Action.Left,38:r.Action.Up,39:r.Action.Right,40:r.Action.Down,"meta+38":r.Action.PrevView,"meta+40":r.Action.NextView},u=(l={},l[r.Action.Left]=function(t){return a.addDays(t,-1)},l[r.Action.Up]=function(t){return a.addWeeks(t,-1)},l[r.Action.Right]=function(t){return a.addDays(t,1)},l[r.Action.Down]=function(t){return a.addWeeks(t,1)},l[r.Action.PrevView]=function(t){return a.addMonths(t,-1)},l[r.Action.NextView]=function(t){return a.addMonths(t,1)},l[r.Action.FirstInView]=function(t){return a.firstDayOfMonth(t)},l[r.Action.LastInView]=function(t){return a.lastDayOfMonth(t)},l),c=function(){function t(){}return t.prototype.action=function(t){var e=""+(t.ctrlKey||t.metaKey?"meta+":"")+t.keyCode;return s[e]},t.prototype.move=function(t,e){var n=u[e];return n?n(t):t},t}();c=i([o.Injectable()],c),e.NavigationService=c;var l},function(t,e){"use strict";var n;!function(t){t[t.Left=0]="Left",t[t.Right=1]="Right",t[t.Up=2]="Up",t[t.Down=3]="Down",t[t.PrevView=4]="PrevView",t[t.NextView=5]="NextView",t[t.FirstInView=6]="FirstInView",t[t.LastInView=7]="LastInView"}(n=e.Action||(e.Action={}))},function(t,e,n){"use strict";var i=this&&this.__decorate||function(t,e,n,i){var o,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,i);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(r<3?o(a):r>3?o(e,n,a):o(e,n))||a);return r>3&&a&&Object.defineProperty(e,n,a),a},o=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},r=n(2),a=function(){function t(t){this.templateRef=t}return t}();a=i([r.Directive({selector:"[kendoCalendarCellTemplate]"}),o("design:paramtypes",[r.TemplateRef])],a),e.CellTemplateDirective=a},function(t,e){"use strict";e.minValidator=function(t){return function(e){var n={minError:{minValue:t,value:e.value}};return e.value<t?n:null}}},function(t,e){"use strict";e.maxValidator=function(t){return function(e){var n={maxError:{maxValue:t,value:e.value}};return e.value>t?n:null}}},function(t,e){"use strict";e.MIN_DATE=new Date(1900,0,1),e.MAX_DATE=new Date(2099,11,31)},function(t,e,n){"use strict";var i=n(4),o=function(t,e){for(var n=[],i=t;i<e;i++)n.push(i);return n};e.range=o;var r=function(t,e){return void 0===e&&(e=[]),!!e.length&&i.firstDayOfMonth(e[0])<=t&&t<=i.lastDayOfMonth(e[e.length-1])};e.isInDatesArray=r;var a=function(t,e,n){return e<=t&&t<=n};e.isInRange=a;var s=function(t,e,n){return t<e?new Date(e):t>n?new Date(n):t};e.dateInRange=s;var u=function(){for(var t,e="",n=0;n<32;n++)t=16*Math.random()|0,8!==n&&12!==n&&16!==n&&20!==n||(e+="-"),e+=(12===n?4:16===n?3&t|8:t).toString(16);return e};e.guid=u;var c=function(t){};e.noop=c;var l=function(){return"undefined"!=typeof document};e.isDocumentAvailable=l;var d=function(t){return t?""+t.isFocused+t.isSelected+t.isWeekend+t.id:"null"};e.cellContextToString=d;var p=function(t){var e=function(e,n){return t[n]?e.concat(n):e};return Object.keys(t).reduce(e,[]).join(" ")};e.stringifyClassObject=p},function(t,e,n){"use strict";var i=this&&this.__decorate||function(t,e,n,i){var o,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,i);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(r<3?o(a):r>3?o(e,n,a):o(e,n))||a);return r>3&&a&&Object.defineProperty(e,n,a),a},o=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},r=n(2),a=n(26),s=n(27),u=n(31),c=n(3),l=n(32),d=p=function(){function t(t,e){this.intl=t,this.disabled=!1,this.title="",this.format="d",this.autoCorrect=!1,this.value=void 0,this.spinners=!1,this.valueChange=new r.EventEmitter,this.focus=new r.EventEmitter,this.blur=new r.EventEmitter,this.currentValue="",this.currentFormat="",this.knownParts="yMdhmsE",this.focused=!1,this.minValidateFn=null,this.maxValidateFn=null,this.dirty=!0,this.ngChange=function(t){},this.ngTouched=function(){},this.wrapper=e.nativeElement}return t.prototype.blurHandler=function(){this.ngTouched()},t.prototype.mousewheel=function(t){this.handleMouseWheel(t)},t.prototype.onmousewheel=function(t){this.handleMouseWheel(t)},t.prototype.mousescroll=function(t){this.handleMouseWheel(t)},Object.defineProperty(t.prototype,"widgetClass",{get:function(){return!0},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"dateInputClass",{get:function(){return!0},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"tabIndex",{get:function(){return 0},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"ariaMin",{get:function(){return this.min},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"ariaMax",{get:function(){return this.max},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"ariaValue",{get:function(){return this.value},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!0,configurable:!0}),t.prototype.keydown=function(t){if(!this.disabled)switch(t.keyCode){case u.Keys.down:t.preventDefault(),this.changeDatePartValue(-1);break;case u.Keys.up:t.preventDefault(),this.changeDatePartValue(1);break;case u.Keys.right:t.preventDefault(),this.switchDateSegment(1);break;case u.Keys.left:t.preventDefault(),this.switchDateSegment(-1);break;default:this.dirty=!0}},t.prototype.ngOnChanges=function(t){t.max&&(this.maxValidateFn=s.maxValidator(this.max)),t.min&&(this.minValidateFn=a.minValidator(this.min))},t.prototype.validate=function(t){var e=null;return this.minValidateFn&&(e=this.minValidateFn(t)),this.maxValidateFn&&!e&&(e=this.maxValidateFn(t)),e},t.prototype.ngOnInit=function(){this.value&&this.writeValue(this.value)},t.prototype.writeValue=function(t){this.autoCorrect&&t&&(this.max&&this.max<t&&(t=new Date(this.max)),this.min&&t&&t<this.min&&(t=new Date(this.min))),this.value=t,this.ngChange(t),this.value?(this.currentValue=this.intl.formatDate(this.value,this.format),this.currentFormat=this.intl.dateFormatString(this.value,this.format),this.dateInput.nativeElement.value=this.currentValue):this.currentFormat="",this.valueChange.emit(t)},t.prototype.registerOnChange=function(t){this.ngChange=t},t.prototype.registerOnTouched=function(t){this.ngTouched=t},t.prototype.changeDatePartValue=function(t){var e=this.caret(),n=this.currentFormat[e[0]],i=this.currentFormat[e[0]];e[0]>0&&(i=this.currentFormat[e[0]-1]);var o="";if(this.dirty||!this.value){this.knownParts.indexOf(n)>=0?o=n:this.knownParts.indexOf(i)>=0&&(o=i);var r=this.intl.parseDate(this.dateInput.nativeElement.value,this.format);this.writeValue(r),this.dirty=!1}else this.knownParts.indexOf(n)>=0?(this.modify(n,t),o=n):this.knownParts.indexOf(i)>=0&&(this.modify(i,t),o=i),this.writeValue(this.value);this.correctDateSegment(o)},t.prototype.increaseValue=function(){this.value&&!this.disabled&&(this.modifyDates(1),this.writeValue(this.value))},t.prototype.decreaseValue=function(){this.value&&!this.disabled&&(this.modifyDates(-1),this.writeValue(this.value))},t.prototype.switchDateSegment=function(t){for(var e=this.caret(),n=this.currentFormat[e[0]],i=e[0]+t;i>0&&i<this.currentFormat.length&&!(this.currentFormat[i]!==n&&this.knownParts.indexOf(this.currentFormat[i])>=0);)i+=t;for(var o=i;o>=0&&o<this.currentFormat.length&&this.currentFormat[o]===this.currentFormat[i];)o+=t;i>o?this.caret(o+1,i+1):this.caret(i,o)},t.prototype.correctDateSegment=function(t){for(var e=-1,n=0,i=0;i<this.currentFormat.length;i++)this.currentFormat[i]===t&&(n=i+1,e===-1&&(e=i));e<0&&(e=0),this.caret(e,n)},t.prototype.handleFocus=function(t){this.focused=!0,this.focus.emit(t)},t.prototype.handleBlur=function(t){this.dateInput.nativeElement.value.length||(this.value=void 0),this.focused=!1;var e=this.intl.parseDate(this.dateInput.nativeElement.value,this.format);this.writeValue(e),this.ngTouched(),this.blur.emit(t)},t.prototype.handlePaste=function(){},t.prototype.handleMouseWheel=function(t){!this.disabled&&this.focused&&(t=window.event||t,this.changeDatePartValue((t.wheelDelta||-t.detail)>0?1:-1),t.returnValue=!1,t.preventDefault&&t.preventDefault())},t.prototype.caret=function(t,e){void 0===e&&(e=t);var n=void 0!==t,i=[t],o=this.dateInput.nativeElement;if(!n||!this.disabled){try{void 0!==o.selectionStart&&(n?(o.focus(),o.setSelectionRange(t,e)):i=[o.selectionStart,o.selectionEnd])}catch(t){i=[]}return this.lastCaret=i,i}},t.prototype.modify=function(t,e){switch(t){case"y":this.modifyYears(e);break;case"M":this.modifyMonths(e);break;case"d":this.modifyDates(e);break;case"E":this.modifyDates(e);break;case"h":this.modifyHours(e);break;case"m":this.modifyMinutes(e);break;case"s":this.modifySeconds(e)}},t.prototype.modifyYears=function(t){this.value.setFullYear(this.value.getFullYear()+t)},t.prototype.modifyMonths=function(t){this.value.setMonth(this.value.getMonth()+t)},t.prototype.modifyDates=function(t){this.value.setDate(this.value.getDate()+t)},t.prototype.modifyHours=function(t){this.value.setHours(this.value.getHours()+t)},t.prototype.modifyMinutes=function(t){this.value.setMinutes(this.value.getMinutes()+t)},t.prototype.modifySeconds=function(t){this.value.setSeconds(this.value.getSeconds()+t)},t}();i([r.Input(),o("design:type",Boolean)],d.prototype,"disabled",void 0),i([r.Input(),o("design:type",String)],d.prototype,"title",void 0),i([r.Input(),o("design:type",String)],d.prototype,"format",void 0),i([r.Input(),o("design:type",Date)],d.prototype,"max",void 0),i([r.Input(),o("design:type",Date)],d.prototype,"min",void 0),i([r.Input(),o("design:type",Boolean)],d.prototype,"autoCorrect",void 0),i([r.Input(),o("design:type",Date)],d.prototype,"value",void 0),i([r.Input(),o("design:type",Boolean)],d.prototype,"spinners",void 0),i([r.Output(),o("design:type",r.EventEmitter)],d.prototype,"valueChange",void 0),i([r.Output(),o("design:type",r.EventEmitter)],d.prototype,"focus",void 0),i([r.Output(),o("design:type",r.EventEmitter)],d.prototype,"blur",void 0),i([r.ViewChild("dateInput"),o("design:type",r.ElementRef)],d.prototype,"dateInput",void 0),i([r.HostListener("blur"),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],d.prototype,"blurHandler",null),i([r.HostListener("mousewheel",["$event"]),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],d.prototype,"mousewheel",null),i([r.HostListener("onmousewheel",["$event"]),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],d.prototype,"onmousewheel",null),i([r.HostListener("DOMMouseScroll",["$event"]),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],d.prototype,"mousescroll",null),i([r.HostBinding("class.k-widget"),o("design:type",Boolean),o("design:paramtypes",[])],d.prototype,"widgetClass",null),i([r.HostBinding("class.k-dateinput"),o("design:type",Boolean),o("design:paramtypes",[])],d.prototype,"dateInputClass",null),i([r.HostBinding("tabIndex"),o("design:type",Number),o("design:paramtypes",[])],d.prototype,"tabIndex",null),i([r.HostBinding("attr.aria-valuemin"),o("design:type",Date),o("design:paramtypes",[])],d.prototype,"ariaMin",null),i([r.HostBinding("attr.aria-valuemax"),o("design:type",Date),o("design:paramtypes",[])],d.prototype,"ariaMax",null),i([r.HostBinding("attr.aria-valuenow"),o("design:type",Date),o("design:paramtypes",[])],d.prototype,"ariaValue",null),i([r.HostBinding("class.k-state-disabled"),o("design:type",Boolean),o("design:paramtypes",[])],d.prototype,"disabledClass",null),i([r.HostListener("keydown",["$event"]),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],d.prototype,"keydown",null),d=p=i([r.Component({providers:[{provide:c.NG_VALUE_ACCESSOR,useExisting:r.forwardRef(function(){return p}),multi:!0},{provide:c.NG_VALIDATORS,useExisting:r.forwardRef(function(){return p}),multi:!0}],selector:"kendo-dateinput",template:'\n    <span class="k-dateinput-wrap">\n        <input class="k-input"\n        [title]="title"\n        [attr.disabled]="disabled ? \'disabled\' : undefined"\n        [attr.aria-label]="title"\n        (paste)="handlePaste()"\n        (focus)="handleFocus($event)"\n        (blur)="handleBlur($event)"\n        #dateInput />\n        <span *ngIf="spinners" class="k-select">\n            <span (click)="increaseValue()" class="k-link k-link-increase">\n                <span class="k-icon k-i-arrow-n"></span>\n            </span>\n            <span (click)="decreaseValue()" class="k-link k-link-decrease">\n                <span class="k-icon k-i-arrow-s"></span>\n            </span>\n        </span>\n    </span>\n  '}),o("design:paramtypes",[l.IntlService,r.ElementRef])],d),e.DateInputComponent=d;var p},function(t,e){"use strict";var n;!function(t){t[t.backspace=8]="backspace",t[t.tab=9]="tab",t[t.enter=13]="enter",t[t.shift=16]="shift",t[t.ctrl=17]="ctrl",t[t.alt=18]="alt",t[t.space=32]="space",t[t["page up"]=33]="page up",t[t["page down"]=34]="page down",t[t.end=35]="end",t[t.home=36]="home",t[t.left=37]="left",t[t.up=38]="up",t[t.right=39]="right",t[t.down=40]="down"}(n=e.Keys||(e.Keys={}))},function(t,e){t.exports=n},function(t,e,n){"use strict";var i=this&&this.__decorate||function(t,e,n,i){var o,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,i);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(r<3?o(a):r>3?o(e,n,a):o(e,n))||a);return r>3&&a&&Object.defineProperty(e,n,a),a},o=n(2),r=n(34),a=n(32),s=n(1),u=n(35),c=n(36),l=n(51),d=n(25),p=n(38),h=n(23),f=n(37),g=[s.CalendarComponent,u.FooterComponent,c.MonthViewComponent,l.MonthComponent,d.CellTemplateDirective],y=[p.MonthViewService,h.NavigationService,f.CalendarDOMService],m=function(){function t(){}return t}();m=i([o.NgModule({declarations:[g],exports:[g],imports:[r.CommonModule,a.IntlModule],providers:y})],m),e.CalendarModule=m},function(t,e){t.exports=i},function(t,e,n){"use strict";var i=this&&this.__decorate||function(t,e,n,i){var o,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,i);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(r<3?o(a):r>3?o(e,n,a):o(e,n))||a);return r>3&&a&&Object.defineProperty(e,n,a),a},o=n(2),r=function(){function t(){}return t}();r=i([o.Component({selector:"kendo-calendar-footer",template:'\n    <div class="k-footer">\n        <a href="#" class="k-link k-nav-today" title="Thursday, November 10, 2016">Thursday, November 10, 2016</a>\n    </div>\n  '})],r),e.FooterComponent=r},function(t,e,n){"use strict";function i(t){return new p.ScrollerService(t)}var o=this&&this.__decorate||function(t,e,n,i){var o,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,i);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(r<3?o(a):r>3?o(e,n,a):o(e,n))||a);return r>3&&a&&Object.defineProperty(e,n,a),a},r=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},a=this&&this.__param||function(t,e){return function(n,i){e(n,i,t)}},s=n(2),u=n(28),c=n(37),l=n(38),d=n(39),p=n(40),h=n(41),f=n(43);n(44),n(45),n(46),n(47),n(48),n(49),n(50);var g=n(4),y=n(29);e.SCROLLER_FACTORY_TOKEN=new s.OpaqueToken("calendar-scroll-service-factory"),e.DEFAULT_SCROLLER_FACTORY=i;var m=function(){function t(t,e,n,i){this.dom=e,this.service=n,this.renderer=i,this.isActive=!0,this.min=new Date(u.MIN_DATE),this.max=new Date(u.MAX_DATE),this.change=new s.EventEmitter,this.dates=[],this.dispatcher=new f.Subject,this.shouldScrollToBottom=!1,this.shouldScrollToFocusedView=!1,this.minViews=1,this.take=7,this.scroller=t(this.dispatcher)}return Object.defineProperty(t.prototype,"getComponentClass",{get:function(){return!0},enumerable:!0,configurable:!0}),t.prototype.ngOnChanges=function(t){var e=this.focusedDate;this.title=this.service.title(e),this.skip=this.months(e,this.min);var n=this.months(this.max,this.min)+1,i=this.total&&this.total!==n;if(this.total=n,i&&this.init(),i||!y.isInDatesArray(e,this.dates)){var o=this.months(this.max,this.focusedDate)<this.minViews,r=o?g.addMonths(this.focusedDate,-1):this.focusedDate,a=y.dateInRange(r,this.min,this.max),s=Math.min(this.total-this.months(a,this.min),this.take);this.dates=this.viewDates(g.firstDayOfMonth(a),s),this.shouldScrollToBottom=y.isInRange(this.focusedDate,g.firstDayOfMonth(this.max),this.max)}var u=!!t.focusedDate&&!this.shouldScrollToBottom;this.shouldScrollToFocusedView=u||this.isFocusedDateVisible()},t.prototype.ngOnInit=function(){this.init()},t.prototype.ngOnDestroy=function(){this.containerScrollSubscription&&this.containerScrollSubscription.unsubscribe(),this.scrollSubscription&&this.scrollSubscription.unsubscribe()},t.prototype.ngAfterViewInit=function(){this.scrollToFocusedView(),this.containerScrollSubscription=h.Observable.fromEvent(this.container.nativeElement,"scroll").map(function(t){return t.target}).subscribe(this.dispatcher)},t.prototype.ngAfterViewChecked=function(){this.shouldScrollToFocusedView&&this.scrollToFocusedView(),this.shouldScrollToBottom&&this.scrollToBottom()},t.prototype.trackByDates=function(t,e){return e.getFullYear()+"-"+e.getMonth()},t.prototype.init=function(){this.rowHeightService=new d.RowHeightService(this.total,this.dom.viewHeight(),0),this.totalHeight=this.rowHeightService.totalHeight();var t=this.scroller.create(this.rowHeightService,this.skip,this.take,this.total);this.scrollSubscription&&this.scrollSubscription.unsubscribe(),this.scrollSubscription=t.filter(function(t){return t instanceof p.PageAction}).subscribe(this.pageChange.bind(this)).add(t.filter(function(t){return t instanceof p.ScrollAction}).subscribe(this.scroll.bind(this)))},t.prototype.pageChange=function(t){var e=t.skip,n=Math.min(this.total-e,this.take);this.dates=this.viewDates(g.addMonths(this.min,e),n)},t.prototype.scroll=function(t){var e=t.offset;this.style={transform:"translateY("+e+"px)"}},t.prototype.scrollToFocusedView=function(){this.shouldScrollToFocusedView=!1,this.renderer.setElementProperty(this.container.nativeElement,"scrollTop",this.rowHeightService.offset(this.skip));
+},t.prototype.scrollToBottom=function(){this.shouldScrollToBottom=!1,this.renderer.setElementProperty(this.container.nativeElement,"scrollTop",this.rowHeightService.totalHeight())},t.prototype.handleDateChange=function(t){this.change.emit(t)},t.prototype.isFocusedDateVisible=function(){if(!this.container||!this.rowHeightService)return!1;var t=this.container.nativeElement.scrollTop,e=this.rowHeightService.offset(this.skip),n=e+this.rowHeightService.height(this.skip);return t>=e&&t<=n},t.prototype.viewDates=function(t,e){return y.range(0,e).map(function(e){return g.addMonths(t,e)})},t.prototype.months=function(t,e){return 12*(t.getFullYear()-e.getFullYear())+(t.getMonth()-e.getMonth())},t}();o([s.Input(),r("design:type",s.TemplateRef)],m.prototype,"cellTemplateRef",void 0),o([s.Input(),r("design:type",String)],m.prototype,"cellUID",void 0),o([s.Input(),r("design:type",Date)],m.prototype,"focusedDate",void 0),o([s.Input(),r("design:type",Boolean)],m.prototype,"isActive",void 0),o([s.Input(),r("design:type",Date)],m.prototype,"min",void 0),o([s.Input(),r("design:type",Date)],m.prototype,"max",void 0),o([s.Input(),r("design:type",Date)],m.prototype,"value",void 0),o([s.Output(),r("design:type",s.EventEmitter)],m.prototype,"change",void 0),o([s.ViewChild("container"),r("design:type",s.ElementRef)],m.prototype,"container",void 0),o([s.HostBinding("class.k-calendar-monthview"),r("design:type",Boolean),r("design:paramtypes",[])],m.prototype,"getComponentClass",null),m=o([s.Component({providers:[{provide:e.SCROLLER_FACTORY_TOKEN,useValue:i}],selector:"kendo-calendar-monthview",template:'\n    <table class="k-calendar-weekdays">\n        <colgroup><col/><col/><col/><col/><col/><col/><col/></colgroup>\n        <thead>\n            <tr>\n                <th *ngFor="let name of service.weekNames()">{{name}}</th>\n            </tr>\n        </thead>\n    </table>\n    <div #container class="k-content k-scrollable">\n        <table [ngStyle]="style">\n            <colgroup><col/><col/><col/><col/><col/><col/><col/></colgroup>\n            <tbody kendoCalendarMonth *ngFor="let date of dates;trackBy: trackByDates"\n                   role="rowgroup"\n                   [isActive]="isActive"\n                   [min]="min"\n                   [max]="max"\n                   [cellUID]="cellUID"\n                   [viewDate]="date"\n                   [focusedDate]="focusedDate"\n                   [selectedDate]="value"\n                   [templateRef]="cellTemplateRef"\n                   (change)="handleDateChange($event)"\n            ></tbody>\n        </table>\n        <div class="k-scrollable-placeholder" [style.height.px]="totalHeight"></div>\n    </div>\n  '}),a(0,s.Inject(e.SCROLLER_FACTORY_TOKEN)),r("design:paramtypes",[Object,c.CalendarDOMService,l.MonthViewService,s.Renderer])],m),e.MonthViewComponent=m},function(t,e,n){"use strict";var i=this&&this.__decorate||function(t,e,n,i){var o,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,i);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(r<3?o(a):r>3?o(e,n,a):o(e,n))||a);return r>3&&a&&Object.defineProperty(e,n,a),a},o=n(2),r=n(29),a=function(){function t(){}return t.prototype.viewHeight=function(){if(!r.isDocumentAvailable())return 0;var t=this.calendarElement(),e=this.monthViewElement(),n=this.monthContentElement(),i=this.tableElement();n.appendChild(i),e.appendChild(n),t.appendChild(e),document.body.appendChild(t);var o=i.children[0].getBoundingClientRect().height;return document.body.removeChild(t),o},t.prototype.calendarElement=function(){var t=document.createElement("div");return t.className="k-widget k-calendar k-calendar-infinite",t.style.left="-10000px",t},t.prototype.monthViewElement=function(){var t=document.createElement("div");return t.className="k-calendar-monthview",t},t.prototype.monthContentElement=function(){var t=document.createElement("div");return t.className="k-content k-scrollable",t},t.prototype.tableElement=function(){var t=document.createElement("table");return t.innerHTML="\n            <tbody>\n              <tr><th>1</th></tr>\n              <tr><td>1</td></tr>\n              <tr><td>1</td></tr>\n              <tr><td>1</td></tr>\n              <tr><td>1</td></tr>\n              <tr><td>1</td></tr>\n              <tr><td>1</td></tr>\n            </tbody>\n        ",t},t}();a=i([o.Injectable()],a),e.CalendarDOMService=a},function(t,e,n){"use strict";var i=this&&this.__decorate||function(t,e,n,i){var o,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,i);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(r<3?o(a):r>3?o(e,n,a):o(e,n))||a);return r>3&&a&&Object.defineProperty(e,n,a),a},o=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},r=n(2),a=n(4),s=n(32),u=n(29),c=[[]],l=7,d=6,p=6,h=0,f=function(){function t(t){this._intlService=t}return t.prototype.prev=function(t){return a.addMonths(t,-1)},t.prototype.next=function(t){return a.addMonths(t,1)},t.prototype.dayValue=function(t){return t?t.getDate().toString():""},t.prototype.title=function(t){return this.abbrMonthNames()[t.getMonth()]+" "+t.getFullYear()},t.prototype.viewData=function(t){var e=this,n=t.cellUID,i=t.focusedDate,o=t.max,r=t.min,s=t.selectedDate,p=t.viewDate;if(!p)return c;var h=a.firstDayOfMonth(p),f=a.lastDayOfMonth(p),g=-1,y=a.dayOfWeek(h,this._intlService.firstDay(),g),m=u.range(0,l);return u.range(0,d).map(function(t){var u=a.addDays(y,7*t);return m.map(function(t){var c=a.addDays(u,t),l=c<h||c>f,d=c<r||c>o;return l||d?null:{id:""+n+c.getTime(),isFocused:e.isEqual(c,i),isSelected:e.isEqual(c,s),isWeekend:e.isWeekend(c),value:c}})})},t.prototype.weekNumber=function(t){return a.weekInYear(t,this._intlService.firstDay())},t.prototype.isWeekend=function(t){var e=t.getDay();return e===p||e===h},t.prototype.isEqual=function(t,e){return!(!t||!e)&&a.getDate(t).getTime()===a.getDate(e).getTime()},t.prototype.weekNames=function(){return this._intlService.dateFormatNames({nameType:"short",type:"days"})},t.prototype.abbrMonthNames=function(){return this._intlService.dateFormatNames({nameType:"wide",type:"months"})},t}();f=i([r.Injectable(),o("design:paramtypes",[s.IntlService])],f),e.MonthViewService=f},function(t,e){"use strict";var n=function(t,e,n){return t.slice(0,e+1).concat(t.slice(e+1).map(function(t){return t+n}))},i=function(){function t(t,e,n){void 0===t&&(t=0),this.total=t,this.rowHeight=e,this.detailRowHeight=n,this.offsets=[],this.heights=[];for(var i=0,o=0;o<t;o++)this.offsets.push(i),i+=e,this.heights.push(e)}return t.prototype.height=function(t){return this.heights[t]},t.prototype.expandDetail=function(t){this.height(t)===this.rowHeight&&this.updateRowHeight(t,this.detailRowHeight)},t.prototype.collapseDetail=function(t){this.height(t)>this.rowHeight&&this.updateRowHeight(t,this.detailRowHeight*-1)},t.prototype.index=function(t){if(!(t<0)){var e=this.offsets.reduce(function(e,n,i){return void 0!==e?e:n===t?i:n>t?i-1:void 0},void 0);return void 0===e?this.total-1:e}},t.prototype.offset=function(t){return this.offsets[t]},t.prototype.totalHeight=function(){return this.heights.reduce(function(t,e){return t+e},0)},t.prototype.updateRowHeight=function(t,e){this.heights[t]+=e,this.offsets=n(this.offsets,t,e)},t}();e.RowHeightService=i},function(t,e,n){"use strict";var i=n(41),o=n(42),r=function(){function t(t){this.offset=t}return t}();e.ScrollAction=r;var a=function(){function t(t){this.skip=t}return t}();e.PageAction=a;var s=function(){function t(t){this.scrollObservable=t,this.firstLoaded=0}return t.prototype.create=function(t,e,n,a){var s=this;this.rowHeightService=t,this.firstLoaded=e,this.lastLoaded=e+n,this.take=n,this.total=a,this.lastScrollTop=0;var u=new o.BehaviorSubject(new r(this.rowHeightService.offset(e)));return i.Observable.create(function(t){s.unsubscribe(),s.scrollSubscription=s.scrollObservable.subscribe(function(e){return s.onScroll(e,t)})}).subscribe(function(t){return u.next(t)}),u},t.prototype.destroy=function(){this.unsubscribe()},t.prototype.onScroll=function(t,e){var n=t.scrollTop,i=t.offsetHeight;if(this.lastScrollTop!==n){var o=this.lastScrollTop>=n;this.lastScrollTop=n;var s=this.rowHeightService.index(n),u=this.rowHeightService.offset(s),c=this.rowHeightService.index(n+i);if(!o&&c>=this.lastLoaded&&this.lastLoaded<this.total&&(this.firstLoaded=s,e.next(new r(u)),this.lastLoaded=Math.min(this.firstLoaded+this.take,this.total),e.next(new a(this.firstLoaded))),o&&s<=this.firstLoaded){var l=Math.floor(.5*this.take);this.firstLoaded=Math.max(s-l,0),e.next(new r(this.rowHeightService.offset(this.firstLoaded))),this.lastLoaded=Math.min(this.firstLoaded+this.take,this.total),e.next(new a(this.firstLoaded))}}},t.prototype.unsubscribe=function(){this.scrollSubscription&&(this.scrollSubscription.unsubscribe(),this.scrollSubscription=void 0)},t}();e.ScrollerService=s},function(t,e){t.exports=o},function(t,e){t.exports=r},function(t,e){t.exports=a},function(t,e){t.exports=s},function(t,e){t.exports=u},function(t,e){t.exports=c},function(t,e){t.exports=l},function(t,e){t.exports=d},function(t,e){t.exports=p},function(t,e){t.exports=h},function(t,e,n){"use strict";var i=this&&this.__decorate||function(t,e,n,i){var o,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,i);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(r<3?o(a):r>3?o(e,n,a):o(e,n))||a);return r>3&&a&&Object.defineProperty(e,n,a),a},o=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},r=n(2),a=n(38),s=n(32),u=n(4),c=n(29),l=function(){function t(t,e){this.service=t,this.intl=e,this.isActive=!0,this.showWeekNumbers=!1,this.change=new r.EventEmitter,this.today=u.getDate(new Date)}return t.prototype.ngOnChanges=function(){this.viewData=this.service.viewData({cellUID:this.cellUID,focusedDate:this.focusedDate,max:this.max,min:this.min,selectedDate:this.selectedDate,viewDate:this.viewDate}),this.title=this.service.title(this.viewDate)},t.prototype.handleClick=function(t){this.change.emit(t.value)},t.prototype.trackRow=function(t,e){return e.reduce(function(t,e){return t+c.cellContextToString(e)},"")},t.prototype.trackCell=function(t,e){return c.cellContextToString(e)},t.prototype.firstDate=function(t){for(var e=0,n=t[e];!n&&e<t.length;)n=t[++e];return n?n.value:null},t.prototype.getStyles=function(t){return c.stringifyClassObject({"k-state-focused":this.isActive&&t.isFocused,"k-state-selected":t.isSelected,"k-today":u.isEqual(t.value,this.today),"k-weekend":t.isWeekend})},t}();i([r.Input(),o("design:type",Boolean)],l.prototype,"isActive",void 0),i([r.Input(),o("design:type",String)],l.prototype,"cellUID",void 0),i([r.Input(),o("design:type",Date)],l.prototype,"focusedDate",void 0),i([r.Input(),o("design:type",Date)],l.prototype,"selectedDate",void 0),i([r.Input(),o("design:type",Date)],l.prototype,"viewDate",void 0),i([r.Input(),o("design:type",Date)],l.prototype,"min",void 0),i([r.Input(),o("design:type",Date)],l.prototype,"max",void 0),i([r.Input(),o("design:type",Boolean)],l.prototype,"showWeekNumbers",void 0),i([r.Input(),o("design:type",Number)],l.prototype,"viewIndex",void 0),i([r.Input(),o("design:type",r.TemplateRef)],l.prototype,"templateRef",void 0),i([r.Output(),o("design:type",r.EventEmitter)],l.prototype,"change",void 0),l=i([r.Component({selector:"[kendoCalendarMonth]",template:'\n    <tr role="row"><th scope="col" [colSpan]="!showWeekNumbers ? 7 : 8">{{title}}</th></tr>\n    <tr *ngFor="let row of viewData;trackBy:trackRow" role="row">\n        <template [ngIf]="showWeekNumbers">\n            <td *ngIf="!firstDate(row)">&nbsp;</td>\n            <td *ngIf="firstDate(row)">{{service.weekNumber(firstDate(row))}}</td>\n        </template>\n        <template ngFor [ngForOf]="row" let-cellContext [ngForTrackBy]="trackCell">\n            <td *ngIf="!cellContext">&nbsp;</td>\n            <td *ngIf="cellContext"\n                role="gridcell"\n                [attr.id]="cellContext.id"\n                [attr.aria-selected]="cellContext.isSelected"\n                [ngClass]="getStyles(cellContext)"\n                [title]="intl.formatDate(cellContext.value, \'D\')"\n                (click)="handleClick(cellContext)"\n            >\n                <span class="k-link">\n                    <template [ngIf]="!templateRef">{{service.dayValue(cellContext.value)}}</template>\n                    <template\n                        [ngIf]="templateRef"\n                        [ngTemplateOutlet]="templateRef"\n                        [ngOutletContext]="{ $implicit: cellContext.value, cellContext: cellContext }"\n                    ></template>\n                </span>\n            </td>\n        </template>\n    </tr>\n  '}),o("design:paramtypes",[a.MonthViewService,s.IntlService])],l),e.MonthComponent=l},function(t,e,n){"use strict";var i=this&&this.__decorate||function(t,e,n,i){var o,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,i);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(r<3?o(a):r>3?o(e,n,a):o(e,n))||a);return r>3&&a&&Object.defineProperty(e,n,a),a},o=n(2),r=n(30),a=n(34),s=[r.DateInputComponent],u=function(){function t(){}return t}();u=i([o.NgModule({declarations:[s],exports:[s],imports:[a.CommonModule]})],u),e.DateInputModule=u},function(t,e,n){"use strict";var i=this&&this.__decorate||function(t,e,n,i){var o,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,i);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(r<3?o(a):r>3?o(e,n,a):o(e,n))||a);return r>3&&a&&Object.defineProperty(e,n,a),a},o=n(2),r=n(33),a=n(52),s=n(32),u=[r.CalendarModule,a.DateInputModule],c=function(){function t(){}return t}();c=i([o.NgModule({exports:u,imports:u,providers:[{provide:s.IntlService,useClass:s.CldrIntlService}]})],c),e.DateInputsModule=c}])});

dist/es/calendar/calendar.component.d.ts

@@ -101,2 +101,6 @@ import { EventEmitter, ElementRef, OnChanges, Renderer } from '@angular/core';
      */
+    handleClick(): void;
+    /**
+     * @hidden
+     */
     keydown(event: KeyDown): void;
@@ -103,0 +107,0 @@ /**

dist/es/calendar/calendar.component.js

@@ -185,3 +185,2 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
         event.preventDefault();
-        this.focus();
     };
@@ -191,2 +190,10 @@ /**
      */
+    CalendarComponent.prototype.handleClick = function () {
+        if (!this.isActive) {
+            this.focus();
+        }
+    };
+    /**
+     * @hidden
+     */
     CalendarComponent.prototype.keydown = function (event) {
@@ -386,2 +393,8 @@ var candidate = dateInRange(this.navigator.move(this.focusedDate, this.navigator.action(event)), this.min, this.max);
 __decorate([
+    HostListener("click"),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], CalendarComponent.prototype, "handleClick", null);
+__decorate([
     HostListener("keydown", ["$event"]),
@@ -388,0 +401,0 @@ __metadata("design:type", Function),

dist/es/calendar/calendar.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"CALENDAR_VALUE_ACCESSOR":{"multi":true,"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"CalendarComponent"}},"CALENDAR_RANGE_VALIDATORS":{"multi":true,"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS"},"useExisting":{"__symbolic":"reference","name":"CalendarComponent"}},"CalendarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"providers":[{"__symbolic":"reference","name":"CALENDAR_VALUE_ACCESSOR"},{"__symbolic":"reference","name":"CALENDAR_RANGE_VALIDATORS"}],"selector":"kendo-calendar","template":"\n    <kendo-calendar-monthview\n        [isActive]=\"isActive\"\n        [cellTemplateRef]=\"cellTemplate?.templateRef\"\n        [cellUID]=\"cellUID\"\n        [focusedDate]=\"focusedDate\"\n        [min]=\"min\"\n        [max]=\"max\"\n        [value]=\"value\"\n        (change)=\"handleChange($event)\"\n    >\n    </kendo-calendar-monthview>\n  "}]}],"members":{"focusedDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"rangeValidation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"cellTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./templates/cell-template.directive","name":"CellTemplateDirective"}]}]}],"widgetRole":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"widgetClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-calendar"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-calendar-infinite"]}]}],"calendarTabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.tabindex"]}]}],"ariaDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-disabled"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-state-disabled"]}]}],"ariaActivedescendant":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-activedescendant"]}]}],"handleBlur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["blur"]}]}],"handleFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["focus"]}]}],"handleMousedown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["mousedown",["$event"]]}]}],"keydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"enter":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown.enter",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"./services/navigation.service","name":"NavigationService"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngOnChanges":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"handleChange":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"triggerChange":[{"__symbolic":"method"}],"verifySettings":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"CALENDAR_VALUE_ACCESSOR":{"multi":true,"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"CalendarComponent"}},"CALENDAR_RANGE_VALIDATORS":{"multi":true,"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS"},"useExisting":{"__symbolic":"reference","name":"CalendarComponent"}},"CalendarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"providers":[{"__symbolic":"reference","name":"CALENDAR_VALUE_ACCESSOR"},{"__symbolic":"reference","name":"CALENDAR_RANGE_VALIDATORS"}],"selector":"kendo-calendar","template":"\n    <kendo-calendar-monthview\n        [isActive]=\"isActive\"\n        [cellTemplateRef]=\"cellTemplate?.templateRef\"\n        [cellUID]=\"cellUID\"\n        [focusedDate]=\"focusedDate\"\n        [min]=\"min\"\n        [max]=\"max\"\n        [value]=\"value\"\n        (change)=\"handleChange($event)\"\n    >\n    </kendo-calendar-monthview>\n  "}]}],"members":{"focusedDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"rangeValidation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"cellTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./templates/cell-template.directive","name":"CellTemplateDirective"}]}]}],"widgetRole":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"widgetClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-calendar"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-calendar-infinite"]}]}],"calendarTabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.tabindex"]}]}],"ariaDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-disabled"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-state-disabled"]}]}],"ariaActivedescendant":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-activedescendant"]}]}],"handleBlur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["blur"]}]}],"handleFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["focus"]}]}],"handleMousedown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["mousedown",["$event"]]}]}],"keydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"enter":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown.enter",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"./services/navigation.service","name":"NavigationService"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngOnChanges":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"handleChange":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"triggerChange":[{"__symbolic":"method"}],"verifySettings":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"CALENDAR_VALUE_ACCESSOR":{"multi":true,"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"CalendarComponent"}},"CALENDAR_RANGE_VALIDATORS":{"multi":true,"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS"},"useExisting":{"__symbolic":"reference","name":"CalendarComponent"}},"CalendarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"providers":[{"__symbolic":"reference","name":"CALENDAR_VALUE_ACCESSOR"},{"__symbolic":"reference","name":"CALENDAR_RANGE_VALIDATORS"}],"selector":"kendo-calendar","template":"\n    <kendo-calendar-monthview\n        [isActive]=\"isActive\"\n        [cellTemplateRef]=\"cellTemplate?.templateRef\"\n        [cellUID]=\"cellUID\"\n        [focusedDate]=\"focusedDate\"\n        [min]=\"min\"\n        [max]=\"max\"\n        [value]=\"value\"\n        (change)=\"handleChange($event)\"\n    >\n    </kendo-calendar-monthview>\n  "}]}],"members":{"focusedDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"rangeValidation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"cellTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./templates/cell-template.directive","name":"CellTemplateDirective"}]}]}],"widgetRole":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"widgetClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-calendar"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-calendar-infinite"]}]}],"calendarTabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.tabindex"]}]}],"ariaDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-disabled"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-state-disabled"]}]}],"ariaActivedescendant":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-activedescendant"]}]}],"handleBlur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["blur"]}]}],"handleFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["focus"]}]}],"handleMousedown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["mousedown",["$event"]]}]}],"handleClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click"]}]}],"keydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"enter":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown.enter",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"./services/navigation.service","name":"NavigationService"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngOnChanges":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"handleChange":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"triggerChange":[{"__symbolic":"method"}],"verifySettings":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"CALENDAR_VALUE_ACCESSOR":{"multi":true,"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"CalendarComponent"}},"CALENDAR_RANGE_VALIDATORS":{"multi":true,"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS"},"useExisting":{"__symbolic":"reference","name":"CalendarComponent"}},"CalendarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"providers":[{"__symbolic":"reference","name":"CALENDAR_VALUE_ACCESSOR"},{"__symbolic":"reference","name":"CALENDAR_RANGE_VALIDATORS"}],"selector":"kendo-calendar","template":"\n    <kendo-calendar-monthview\n        [isActive]=\"isActive\"\n        [cellTemplateRef]=\"cellTemplate?.templateRef\"\n        [cellUID]=\"cellUID\"\n        [focusedDate]=\"focusedDate\"\n        [min]=\"min\"\n        [max]=\"max\"\n        [value]=\"value\"\n        (change)=\"handleChange($event)\"\n    >\n    </kendo-calendar-monthview>\n  "}]}],"members":{"focusedDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"rangeValidation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"cellTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./templates/cell-template.directive","name":"CellTemplateDirective"}]}]}],"widgetRole":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"widgetClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-calendar"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-calendar-infinite"]}]}],"calendarTabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.tabindex"]}]}],"ariaDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-disabled"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-state-disabled"]}]}],"ariaActivedescendant":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-activedescendant"]}]}],"handleBlur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["blur"]}]}],"handleFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["focus"]}]}],"handleMousedown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["mousedown",["$event"]]}]}],"handleClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click"]}]}],"keydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"enter":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown.enter",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"./services/navigation.service","name":"NavigationService"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngOnChanges":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"handleChange":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"triggerChange":[{"__symbolic":"method"}],"verifySettings":[{"__symbolic":"method"}]}}}}]

dist/es/calendar/month-view.component.d.ts

@@ -66,4 +66,5 @@ import { EventEmitter, ElementRef, OpaqueToken, OnChanges, OnDestroy, OnInit, AfterViewInit, AfterViewChecked, Renderer, TemplateRef } from '@angular/core';
     handleDateChange(candidate: Date): void;
+    isFocusedDateVisible(): boolean;
     private viewDates(date, count);
     private months(d1, d2);
 }

dist/es/calendar/month-view.component.js

@@ -30,3 +30,3 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
 import { addMonths, firstDayOfMonth } from '@progress/kendo-date-math';
-import { dateInRange, isInDatesArray, range } from '../util';
+import { dateInRange, isInDatesArray, isInRange, range } from '../util';
 /**
@@ -71,18 +71,21 @@ * @hidden
     MonthViewComponent.prototype.ngOnChanges = function (changes) {
-        this.shouldScrollToFocusedView = !!changes.focusedDate;
-        this.title = this.service.title(this.focusedDate);
-        this.skip = this.months(this.focusedDate, this.min);
+        var focusedDate = this.focusedDate;
+        this.title = this.service.title(focusedDate);
+        this.skip = this.months(focusedDate, this.min);
         var total = this.months(this.max, this.min) + 1;
-        var init = this.total && this.total !== total;
+        var initialize = this.total && this.total !== total;
         this.total = total;
-        if (init) {
+        if (initialize) {
             this.init();
         }
-        if (!isInDatesArray(this.focusedDate, this.dates)) {
-            var increaseViewsCount = this.months(this.max, this.focusedDate) < this.minViews;
-            var viewDate = dateInRange(increaseViewsCount ? addMonths(this.focusedDate, -1) : this.focusedDate, this.min, this.max);
+        if (initialize || !isInDatesArray(focusedDate, this.dates)) {
+            var renderTwoViews = this.months(this.max, this.focusedDate) < this.minViews;
+            var candidate = renderTwoViews ? addMonths(this.focusedDate, -1) : this.focusedDate;
+            var viewDate = dateInRange(candidate, this.min, this.max);
             var monthsCount = Math.min(this.total - this.months(viewDate, this.min), this.take);
-            this.shouldScrollToBottom = increaseViewsCount;
             this.dates = this.viewDates(firstDayOfMonth(viewDate), monthsCount);
+            this.shouldScrollToBottom = isInRange(this.focusedDate, firstDayOfMonth(this.max), this.max);
         }
+        var focusedDateChanged = !!changes.focusedDate && !this.shouldScrollToBottom;
+        this.shouldScrollToFocusedView = focusedDateChanged || this.isFocusedDateVisible();
     };
@@ -153,2 +156,11 @@ MonthViewComponent.prototype.ngOnInit = function () {
     };
+    MonthViewComponent.prototype.isFocusedDateVisible = function () {
+        if (!this.container || !this.rowHeightService) {
+            return false;
+        }
+        var currentScrollTop = this.container.nativeElement.scrollTop;
+        var top = this.rowHeightService.offset(this.skip);
+        var bottom = top + this.rowHeightService.height(this.skip);
+        return currentScrollTop >= top && currentScrollTop <= bottom;
+    };
     MonthViewComponent.prototype.viewDates = function (date, count) {
@@ -155,0 +167,0 @@ return range(0, count).map(function (i) { return addMonths(date, i); });

dist/es/calendar/month-view.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"SCROLLER_FACTORY_TOKEN":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"OpaqueToken"},"arguments":["calendar-scroll-service-factory"]},"DEFAULT_SCROLLER_FACTORY":{"__symbolic":"function","parameters":["observable"],"value":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"./services/scroller.service","name":"ScrollerService"},"arguments":[{"__symbolic":"reference","name":"observable"}]}},"MonthViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","name":"SCROLLER_FACTORY_TOKEN"},"useValue":{"__symbolic":"reference","name":"DEFAULT_SCROLLER_FACTORY"}}],"selector":"kendo-calendar-monthview","template":"\n    <table class=\"k-calendar-weekdays\">\n        <colgroup><col/><col/><col/><col/><col/><col/><col/></colgroup>\n        <thead>\n            <tr>\n                <th *ngFor=\"let name of service.weekNames()\">{{name}}</th>\n            </tr>\n        </thead>\n    </table>\n    <div #container class=\"k-content k-scrollable\">\n        <table [ngStyle]=\"style\">\n            <colgroup><col/><col/><col/><col/><col/><col/><col/></colgroup>\n            <tbody kendoCalendarMonth *ngFor=\"let date of dates;trackBy: trackByDates\"\n                   role=\"rowgroup\"\n                   [isActive]=\"isActive\"\n                   [min]=\"min\"\n                   [max]=\"max\"\n                   [cellUID]=\"cellUID\"\n                   [viewDate]=\"date\"\n                   [focusedDate]=\"focusedDate\"\n                   [selectedDate]=\"value\"\n                   [templateRef]=\"cellTemplateRef\"\n                   (change)=\"handleDateChange($event)\"\n            ></tbody>\n        </table>\n        <div class=\"k-scrollable-placeholder\" [style.height.px]=\"totalHeight\"></div>\n    </div>\n  "}]}],"members":{"cellTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"cellUID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"focusedDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isActive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["container"]}]}],"getComponentClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-calendar-monthview"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","name":"SCROLLER_FACTORY_TOKEN"}]}],null,null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"./services/calendar-dom.service","name":"CalendarDOMService"},{"__symbolic":"reference","module":"./services/month-view.service","name":"MonthViewService"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"trackByDates":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"pageChange":[{"__symbolic":"method"}],"scroll":[{"__symbolic":"method"}],"scrollToFocusedView":[{"__symbolic":"method"}],"scrollToBottom":[{"__symbolic":"method"}],"handleDateChange":[{"__symbolic":"method"}],"viewDates":[{"__symbolic":"method"}],"months":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SCROLLER_FACTORY_TOKEN":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"OpaqueToken"},"arguments":["calendar-scroll-service-factory"]},"DEFAULT_SCROLLER_FACTORY":{"__symbolic":"function","parameters":["observable"],"value":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"./services/scroller.service","name":"ScrollerService"},"arguments":[{"__symbolic":"reference","name":"observable"}]}},"MonthViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","name":"SCROLLER_FACTORY_TOKEN"},"useValue":{"__symbolic":"reference","name":"DEFAULT_SCROLLER_FACTORY"}}],"selector":"kendo-calendar-monthview","template":"\n    <table class=\"k-calendar-weekdays\">\n        <colgroup><col/><col/><col/><col/><col/><col/><col/></colgroup>\n        <thead>\n            <tr>\n                <th *ngFor=\"let name of service.weekNames()\">{{name}}</th>\n            </tr>\n        </thead>\n    </table>\n    <div #container class=\"k-content k-scrollable\">\n        <table [ngStyle]=\"style\">\n            <colgroup><col/><col/><col/><col/><col/><col/><col/></colgroup>\n            <tbody kendoCalendarMonth *ngFor=\"let date of dates;trackBy: trackByDates\"\n                   role=\"rowgroup\"\n                   [isActive]=\"isActive\"\n                   [min]=\"min\"\n                   [max]=\"max\"\n                   [cellUID]=\"cellUID\"\n                   [viewDate]=\"date\"\n                   [focusedDate]=\"focusedDate\"\n                   [selectedDate]=\"value\"\n                   [templateRef]=\"cellTemplateRef\"\n                   (change)=\"handleDateChange($event)\"\n            ></tbody>\n        </table>\n        <div class=\"k-scrollable-placeholder\" [style.height.px]=\"totalHeight\"></div>\n    </div>\n  "}]}],"members":{"cellTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"cellUID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"focusedDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isActive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["container"]}]}],"getComponentClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-calendar-monthview"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","name":"SCROLLER_FACTORY_TOKEN"}]}],null,null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"./services/calendar-dom.service","name":"CalendarDOMService"},{"__symbolic":"reference","module":"./services/month-view.service","name":"MonthViewService"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"trackByDates":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"pageChange":[{"__symbolic":"method"}],"scroll":[{"__symbolic":"method"}],"scrollToFocusedView":[{"__symbolic":"method"}],"scrollToBottom":[{"__symbolic":"method"}],"handleDateChange":[{"__symbolic":"method"}],"viewDates":[{"__symbolic":"method"}],"months":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"SCROLLER_FACTORY_TOKEN":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"OpaqueToken"},"arguments":["calendar-scroll-service-factory"]},"DEFAULT_SCROLLER_FACTORY":{"__symbolic":"function","parameters":["observable"],"value":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"./services/scroller.service","name":"ScrollerService"},"arguments":[{"__symbolic":"reference","name":"observable"}]}},"MonthViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","name":"SCROLLER_FACTORY_TOKEN"},"useValue":{"__symbolic":"reference","name":"DEFAULT_SCROLLER_FACTORY"}}],"selector":"kendo-calendar-monthview","template":"\n    <table class=\"k-calendar-weekdays\">\n        <colgroup><col/><col/><col/><col/><col/><col/><col/></colgroup>\n        <thead>\n            <tr>\n                <th *ngFor=\"let name of service.weekNames()\">{{name}}</th>\n            </tr>\n        </thead>\n    </table>\n    <div #container class=\"k-content k-scrollable\">\n        <table [ngStyle]=\"style\">\n            <colgroup><col/><col/><col/><col/><col/><col/><col/></colgroup>\n            <tbody kendoCalendarMonth *ngFor=\"let date of dates;trackBy: trackByDates\"\n                   role=\"rowgroup\"\n                   [isActive]=\"isActive\"\n                   [min]=\"min\"\n                   [max]=\"max\"\n                   [cellUID]=\"cellUID\"\n                   [viewDate]=\"date\"\n                   [focusedDate]=\"focusedDate\"\n                   [selectedDate]=\"value\"\n                   [templateRef]=\"cellTemplateRef\"\n                   (change)=\"handleDateChange($event)\"\n            ></tbody>\n        </table>\n        <div class=\"k-scrollable-placeholder\" [style.height.px]=\"totalHeight\"></div>\n    </div>\n  "}]}],"members":{"cellTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"cellUID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"focusedDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isActive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["container"]}]}],"getComponentClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-calendar-monthview"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","name":"SCROLLER_FACTORY_TOKEN"}]}],null,null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"./services/calendar-dom.service","name":"CalendarDOMService"},{"__symbolic":"reference","module":"./services/month-view.service","name":"MonthViewService"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"trackByDates":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"pageChange":[{"__symbolic":"method"}],"scroll":[{"__symbolic":"method"}],"scrollToFocusedView":[{"__symbolic":"method"}],"scrollToBottom":[{"__symbolic":"method"}],"handleDateChange":[{"__symbolic":"method"}],"isFocusedDateVisible":[{"__symbolic":"method"}],"viewDates":[{"__symbolic":"method"}],"months":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SCROLLER_FACTORY_TOKEN":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"OpaqueToken"},"arguments":["calendar-scroll-service-factory"]},"DEFAULT_SCROLLER_FACTORY":{"__symbolic":"function","parameters":["observable"],"value":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"./services/scroller.service","name":"ScrollerService"},"arguments":[{"__symbolic":"reference","name":"observable"}]}},"MonthViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","name":"SCROLLER_FACTORY_TOKEN"},"useValue":{"__symbolic":"reference","name":"DEFAULT_SCROLLER_FACTORY"}}],"selector":"kendo-calendar-monthview","template":"\n    <table class=\"k-calendar-weekdays\">\n        <colgroup><col/><col/><col/><col/><col/><col/><col/></colgroup>\n        <thead>\n            <tr>\n                <th *ngFor=\"let name of service.weekNames()\">{{name}}</th>\n            </tr>\n        </thead>\n    </table>\n    <div #container class=\"k-content k-scrollable\">\n        <table [ngStyle]=\"style\">\n            <colgroup><col/><col/><col/><col/><col/><col/><col/></colgroup>\n            <tbody kendoCalendarMonth *ngFor=\"let date of dates;trackBy: trackByDates\"\n                   role=\"rowgroup\"\n                   [isActive]=\"isActive\"\n                   [min]=\"min\"\n                   [max]=\"max\"\n                   [cellUID]=\"cellUID\"\n                   [viewDate]=\"date\"\n                   [focusedDate]=\"focusedDate\"\n                   [selectedDate]=\"value\"\n                   [templateRef]=\"cellTemplateRef\"\n                   (change)=\"handleDateChange($event)\"\n            ></tbody>\n        </table>\n        <div class=\"k-scrollable-placeholder\" [style.height.px]=\"totalHeight\"></div>\n    </div>\n  "}]}],"members":{"cellTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"cellUID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"focusedDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isActive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["container"]}]}],"getComponentClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-calendar-monthview"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","name":"SCROLLER_FACTORY_TOKEN"}]}],null,null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"./services/calendar-dom.service","name":"CalendarDOMService"},{"__symbolic":"reference","module":"./services/month-view.service","name":"MonthViewService"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"trackByDates":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"pageChange":[{"__symbolic":"method"}],"scroll":[{"__symbolic":"method"}],"scrollToFocusedView":[{"__symbolic":"method"}],"scrollToBottom":[{"__symbolic":"method"}],"handleDateChange":[{"__symbolic":"method"}],"isFocusedDateVisible":[{"__symbolic":"method"}],"viewDates":[{"__symbolic":"method"}],"months":[{"__symbolic":"method"}]}}}}]

dist/es/util.js

@@ -11,3 +11,3 @@ import { firstDayOfMonth, lastDayOfMonth } from '@progress/kendo-date-math';
     if (dates === void 0) { dates = []; }
-    return (firstDayOfMonth(date) >= dates[0] && dates[dates.length - 1] >= lastDayOfMonth(date));
+    return (!!dates.length && firstDayOfMonth(dates[0]) <= date && date <= lastDayOfMonth(dates[dates.length - 1]));
 };
@@ -14,0 +14,0 @@ var isInRange = function (candidate, min, max) {

dist/npm/calendar/calendar.component.d.ts

@@ -101,2 +101,6 @@ import { EventEmitter, ElementRef, OnChanges, Renderer } from '@angular/core';
      */
+    handleClick(): void;
+    /**
+     * @hidden
+     */
     keydown(event: KeyDown): void;
@@ -103,0 +107,0 @@ /**

dist/npm/calendar/calendar.component.js

@@ -186,3 +186,2 @@ "use strict";
         event.preventDefault();
-        this.focus();
     };
@@ -192,2 +191,10 @@ /**
      */
+    CalendarComponent.prototype.handleClick = function () {
+        if (!this.isActive) {
+            this.focus();
+        }
+    };
+    /**
+     * @hidden
+     */
     CalendarComponent.prototype.keydown = function (event) {
@@ -387,2 +394,8 @@ var candidate = util_1.dateInRange(this.navigator.move(this.focusedDate, this.navigator.action(event)), this.min, this.max);
 __decorate([
+    core_1.HostListener("click"),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], CalendarComponent.prototype, "handleClick", null);
+__decorate([
     core_1.HostListener("keydown", ["$event"]),
@@ -389,0 +402,0 @@ __metadata("design:type", Function),

dist/npm/calendar/calendar.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"CALENDAR_VALUE_ACCESSOR":{"multi":true,"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"CalendarComponent"}},"CALENDAR_RANGE_VALIDATORS":{"multi":true,"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS"},"useExisting":{"__symbolic":"reference","name":"CalendarComponent"}},"CalendarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"providers":[{"__symbolic":"reference","name":"CALENDAR_VALUE_ACCESSOR"},{"__symbolic":"reference","name":"CALENDAR_RANGE_VALIDATORS"}],"selector":"kendo-calendar","template":"\n    <kendo-calendar-monthview\n        [isActive]=\"isActive\"\n        [cellTemplateRef]=\"cellTemplate?.templateRef\"\n        [cellUID]=\"cellUID\"\n        [focusedDate]=\"focusedDate\"\n        [min]=\"min\"\n        [max]=\"max\"\n        [value]=\"value\"\n        (change)=\"handleChange($event)\"\n    >\n    </kendo-calendar-monthview>\n  "}]}],"members":{"focusedDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"rangeValidation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"cellTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./templates/cell-template.directive","name":"CellTemplateDirective"}]}]}],"widgetRole":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"widgetClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-calendar"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-calendar-infinite"]}]}],"calendarTabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.tabindex"]}]}],"ariaDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-disabled"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-state-disabled"]}]}],"ariaActivedescendant":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-activedescendant"]}]}],"handleBlur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["blur"]}]}],"handleFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["focus"]}]}],"handleMousedown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["mousedown",["$event"]]}]}],"keydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"enter":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown.enter",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"./services/navigation.service","name":"NavigationService"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngOnChanges":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"handleChange":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"triggerChange":[{"__symbolic":"method"}],"verifySettings":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"CALENDAR_VALUE_ACCESSOR":{"multi":true,"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"CalendarComponent"}},"CALENDAR_RANGE_VALIDATORS":{"multi":true,"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS"},"useExisting":{"__symbolic":"reference","name":"CalendarComponent"}},"CalendarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"providers":[{"__symbolic":"reference","name":"CALENDAR_VALUE_ACCESSOR"},{"__symbolic":"reference","name":"CALENDAR_RANGE_VALIDATORS"}],"selector":"kendo-calendar","template":"\n    <kendo-calendar-monthview\n        [isActive]=\"isActive\"\n        [cellTemplateRef]=\"cellTemplate?.templateRef\"\n        [cellUID]=\"cellUID\"\n        [focusedDate]=\"focusedDate\"\n        [min]=\"min\"\n        [max]=\"max\"\n        [value]=\"value\"\n        (change)=\"handleChange($event)\"\n    >\n    </kendo-calendar-monthview>\n  "}]}],"members":{"focusedDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"rangeValidation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"cellTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./templates/cell-template.directive","name":"CellTemplateDirective"}]}]}],"widgetRole":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"widgetClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-calendar"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-calendar-infinite"]}]}],"calendarTabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.tabindex"]}]}],"ariaDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-disabled"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-state-disabled"]}]}],"ariaActivedescendant":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-activedescendant"]}]}],"handleBlur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["blur"]}]}],"handleFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["focus"]}]}],"handleMousedown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["mousedown",["$event"]]}]}],"keydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"enter":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown.enter",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"./services/navigation.service","name":"NavigationService"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngOnChanges":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"handleChange":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"triggerChange":[{"__symbolic":"method"}],"verifySettings":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"CALENDAR_VALUE_ACCESSOR":{"multi":true,"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"CalendarComponent"}},"CALENDAR_RANGE_VALIDATORS":{"multi":true,"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS"},"useExisting":{"__symbolic":"reference","name":"CalendarComponent"}},"CalendarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"providers":[{"__symbolic":"reference","name":"CALENDAR_VALUE_ACCESSOR"},{"__symbolic":"reference","name":"CALENDAR_RANGE_VALIDATORS"}],"selector":"kendo-calendar","template":"\n    <kendo-calendar-monthview\n        [isActive]=\"isActive\"\n        [cellTemplateRef]=\"cellTemplate?.templateRef\"\n        [cellUID]=\"cellUID\"\n        [focusedDate]=\"focusedDate\"\n        [min]=\"min\"\n        [max]=\"max\"\n        [value]=\"value\"\n        (change)=\"handleChange($event)\"\n    >\n    </kendo-calendar-monthview>\n  "}]}],"members":{"focusedDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"rangeValidation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"cellTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./templates/cell-template.directive","name":"CellTemplateDirective"}]}]}],"widgetRole":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"widgetClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-calendar"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-calendar-infinite"]}]}],"calendarTabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.tabindex"]}]}],"ariaDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-disabled"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-state-disabled"]}]}],"ariaActivedescendant":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-activedescendant"]}]}],"handleBlur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["blur"]}]}],"handleFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["focus"]}]}],"handleMousedown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["mousedown",["$event"]]}]}],"handleClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click"]}]}],"keydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"enter":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown.enter",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"./services/navigation.service","name":"NavigationService"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngOnChanges":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"handleChange":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"triggerChange":[{"__symbolic":"method"}],"verifySettings":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"CALENDAR_VALUE_ACCESSOR":{"multi":true,"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"CalendarComponent"}},"CALENDAR_RANGE_VALIDATORS":{"multi":true,"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS"},"useExisting":{"__symbolic":"reference","name":"CalendarComponent"}},"CalendarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"providers":[{"__symbolic":"reference","name":"CALENDAR_VALUE_ACCESSOR"},{"__symbolic":"reference","name":"CALENDAR_RANGE_VALIDATORS"}],"selector":"kendo-calendar","template":"\n    <kendo-calendar-monthview\n        [isActive]=\"isActive\"\n        [cellTemplateRef]=\"cellTemplate?.templateRef\"\n        [cellUID]=\"cellUID\"\n        [focusedDate]=\"focusedDate\"\n        [min]=\"min\"\n        [max]=\"max\"\n        [value]=\"value\"\n        (change)=\"handleChange($event)\"\n    >\n    </kendo-calendar-monthview>\n  "}]}],"members":{"focusedDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"rangeValidation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"cellTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./templates/cell-template.directive","name":"CellTemplateDirective"}]}]}],"widgetRole":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"widgetClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-calendar"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-calendar-infinite"]}]}],"calendarTabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.tabindex"]}]}],"ariaDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-disabled"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-state-disabled"]}]}],"ariaActivedescendant":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-activedescendant"]}]}],"handleBlur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["blur"]}]}],"handleFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["focus"]}]}],"handleMousedown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["mousedown",["$event"]]}]}],"handleClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click"]}]}],"keydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"enter":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown.enter",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"./services/navigation.service","name":"NavigationService"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngOnChanges":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"handleChange":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"triggerChange":[{"__symbolic":"method"}],"verifySettings":[{"__symbolic":"method"}]}}}}]

dist/npm/calendar/month-view.component.d.ts

@@ -66,4 +66,5 @@ import { EventEmitter, ElementRef, OpaqueToken, OnChanges, OnDestroy, OnInit, AfterViewInit, AfterViewChecked, Renderer, TemplateRef } from '@angular/core';
     handleDateChange(candidate: Date): void;
+    isFocusedDateVisible(): boolean;
     private viewDates(date, count);
     private months(d1, d2);
 }

dist/npm/calendar/month-view.component.js

@@ -72,18 +72,21 @@ "use strict";
     MonthViewComponent.prototype.ngOnChanges = function (changes) {
-        this.shouldScrollToFocusedView = !!changes.focusedDate;
-        this.title = this.service.title(this.focusedDate);
-        this.skip = this.months(this.focusedDate, this.min);
+        var focusedDate = this.focusedDate;
+        this.title = this.service.title(focusedDate);
+        this.skip = this.months(focusedDate, this.min);
         var total = this.months(this.max, this.min) + 1;
-        var init = this.total && this.total !== total;
+        var initialize = this.total && this.total !== total;
         this.total = total;
-        if (init) {
+        if (initialize) {
             this.init();
         }
-        if (!util_1.isInDatesArray(this.focusedDate, this.dates)) {
-            var increaseViewsCount = this.months(this.max, this.focusedDate) < this.minViews;
-            var viewDate = util_1.dateInRange(increaseViewsCount ? kendo_date_math_1.addMonths(this.focusedDate, -1) : this.focusedDate, this.min, this.max);
+        if (initialize || !util_1.isInDatesArray(focusedDate, this.dates)) {
+            var renderTwoViews = this.months(this.max, this.focusedDate) < this.minViews;
+            var candidate = renderTwoViews ? kendo_date_math_1.addMonths(this.focusedDate, -1) : this.focusedDate;
+            var viewDate = util_1.dateInRange(candidate, this.min, this.max);
             var monthsCount = Math.min(this.total - this.months(viewDate, this.min), this.take);
-            this.shouldScrollToBottom = increaseViewsCount;
             this.dates = this.viewDates(kendo_date_math_1.firstDayOfMonth(viewDate), monthsCount);
+            this.shouldScrollToBottom = util_1.isInRange(this.focusedDate, kendo_date_math_1.firstDayOfMonth(this.max), this.max);
         }
+        var focusedDateChanged = !!changes.focusedDate && !this.shouldScrollToBottom;
+        this.shouldScrollToFocusedView = focusedDateChanged || this.isFocusedDateVisible();
     };
@@ -154,2 +157,11 @@ MonthViewComponent.prototype.ngOnInit = function () {
     };
+    MonthViewComponent.prototype.isFocusedDateVisible = function () {
+        if (!this.container || !this.rowHeightService) {
+            return false;
+        }
+        var currentScrollTop = this.container.nativeElement.scrollTop;
+        var top = this.rowHeightService.offset(this.skip);
+        var bottom = top + this.rowHeightService.height(this.skip);
+        return currentScrollTop >= top && currentScrollTop <= bottom;
+    };
     MonthViewComponent.prototype.viewDates = function (date, count) {
@@ -156,0 +168,0 @@ return util_1.range(0, count).map(function (i) { return kendo_date_math_1.addMonths(date, i); });

dist/npm/calendar/month-view.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"SCROLLER_FACTORY_TOKEN":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"OpaqueToken"},"arguments":["calendar-scroll-service-factory"]},"DEFAULT_SCROLLER_FACTORY":{"__symbolic":"function","parameters":["observable"],"value":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"./services/scroller.service","name":"ScrollerService"},"arguments":[{"__symbolic":"reference","name":"observable"}]}},"MonthViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","name":"SCROLLER_FACTORY_TOKEN"},"useValue":{"__symbolic":"reference","name":"DEFAULT_SCROLLER_FACTORY"}}],"selector":"kendo-calendar-monthview","template":"\n    <table class=\"k-calendar-weekdays\">\n        <colgroup><col/><col/><col/><col/><col/><col/><col/></colgroup>\n        <thead>\n            <tr>\n                <th *ngFor=\"let name of service.weekNames()\">{{name}}</th>\n            </tr>\n        </thead>\n    </table>\n    <div #container class=\"k-content k-scrollable\">\n        <table [ngStyle]=\"style\">\n            <colgroup><col/><col/><col/><col/><col/><col/><col/></colgroup>\n            <tbody kendoCalendarMonth *ngFor=\"let date of dates;trackBy: trackByDates\"\n                   role=\"rowgroup\"\n                   [isActive]=\"isActive\"\n                   [min]=\"min\"\n                   [max]=\"max\"\n                   [cellUID]=\"cellUID\"\n                   [viewDate]=\"date\"\n                   [focusedDate]=\"focusedDate\"\n                   [selectedDate]=\"value\"\n                   [templateRef]=\"cellTemplateRef\"\n                   (change)=\"handleDateChange($event)\"\n            ></tbody>\n        </table>\n        <div class=\"k-scrollable-placeholder\" [style.height.px]=\"totalHeight\"></div>\n    </div>\n  "}]}],"members":{"cellTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"cellUID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"focusedDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isActive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["container"]}]}],"getComponentClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-calendar-monthview"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","name":"SCROLLER_FACTORY_TOKEN"}]}],null,null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"./services/calendar-dom.service","name":"CalendarDOMService"},{"__symbolic":"reference","module":"./services/month-view.service","name":"MonthViewService"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"trackByDates":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"pageChange":[{"__symbolic":"method"}],"scroll":[{"__symbolic":"method"}],"scrollToFocusedView":[{"__symbolic":"method"}],"scrollToBottom":[{"__symbolic":"method"}],"handleDateChange":[{"__symbolic":"method"}],"viewDates":[{"__symbolic":"method"}],"months":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SCROLLER_FACTORY_TOKEN":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"OpaqueToken"},"arguments":["calendar-scroll-service-factory"]},"DEFAULT_SCROLLER_FACTORY":{"__symbolic":"function","parameters":["observable"],"value":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"./services/scroller.service","name":"ScrollerService"},"arguments":[{"__symbolic":"reference","name":"observable"}]}},"MonthViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","name":"SCROLLER_FACTORY_TOKEN"},"useValue":{"__symbolic":"reference","name":"DEFAULT_SCROLLER_FACTORY"}}],"selector":"kendo-calendar-monthview","template":"\n    <table class=\"k-calendar-weekdays\">\n        <colgroup><col/><col/><col/><col/><col/><col/><col/></colgroup>\n        <thead>\n            <tr>\n                <th *ngFor=\"let name of service.weekNames()\">{{name}}</th>\n            </tr>\n        </thead>\n    </table>\n    <div #container class=\"k-content k-scrollable\">\n        <table [ngStyle]=\"style\">\n            <colgroup><col/><col/><col/><col/><col/><col/><col/></colgroup>\n            <tbody kendoCalendarMonth *ngFor=\"let date of dates;trackBy: trackByDates\"\n                   role=\"rowgroup\"\n                   [isActive]=\"isActive\"\n                   [min]=\"min\"\n                   [max]=\"max\"\n                   [cellUID]=\"cellUID\"\n                   [viewDate]=\"date\"\n                   [focusedDate]=\"focusedDate\"\n                   [selectedDate]=\"value\"\n                   [templateRef]=\"cellTemplateRef\"\n                   (change)=\"handleDateChange($event)\"\n            ></tbody>\n        </table>\n        <div class=\"k-scrollable-placeholder\" [style.height.px]=\"totalHeight\"></div>\n    </div>\n  "}]}],"members":{"cellTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"cellUID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"focusedDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isActive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["container"]}]}],"getComponentClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-calendar-monthview"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","name":"SCROLLER_FACTORY_TOKEN"}]}],null,null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"./services/calendar-dom.service","name":"CalendarDOMService"},{"__symbolic":"reference","module":"./services/month-view.service","name":"MonthViewService"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"trackByDates":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"pageChange":[{"__symbolic":"method"}],"scroll":[{"__symbolic":"method"}],"scrollToFocusedView":[{"__symbolic":"method"}],"scrollToBottom":[{"__symbolic":"method"}],"handleDateChange":[{"__symbolic":"method"}],"viewDates":[{"__symbolic":"method"}],"months":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"SCROLLER_FACTORY_TOKEN":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"OpaqueToken"},"arguments":["calendar-scroll-service-factory"]},"DEFAULT_SCROLLER_FACTORY":{"__symbolic":"function","parameters":["observable"],"value":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"./services/scroller.service","name":"ScrollerService"},"arguments":[{"__symbolic":"reference","name":"observable"}]}},"MonthViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","name":"SCROLLER_FACTORY_TOKEN"},"useValue":{"__symbolic":"reference","name":"DEFAULT_SCROLLER_FACTORY"}}],"selector":"kendo-calendar-monthview","template":"\n    <table class=\"k-calendar-weekdays\">\n        <colgroup><col/><col/><col/><col/><col/><col/><col/></colgroup>\n        <thead>\n            <tr>\n                <th *ngFor=\"let name of service.weekNames()\">{{name}}</th>\n            </tr>\n        </thead>\n    </table>\n    <div #container class=\"k-content k-scrollable\">\n        <table [ngStyle]=\"style\">\n            <colgroup><col/><col/><col/><col/><col/><col/><col/></colgroup>\n            <tbody kendoCalendarMonth *ngFor=\"let date of dates;trackBy: trackByDates\"\n                   role=\"rowgroup\"\n                   [isActive]=\"isActive\"\n                   [min]=\"min\"\n                   [max]=\"max\"\n                   [cellUID]=\"cellUID\"\n                   [viewDate]=\"date\"\n                   [focusedDate]=\"focusedDate\"\n                   [selectedDate]=\"value\"\n                   [templateRef]=\"cellTemplateRef\"\n                   (change)=\"handleDateChange($event)\"\n            ></tbody>\n        </table>\n        <div class=\"k-scrollable-placeholder\" [style.height.px]=\"totalHeight\"></div>\n    </div>\n  "}]}],"members":{"cellTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"cellUID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"focusedDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isActive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["container"]}]}],"getComponentClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-calendar-monthview"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","name":"SCROLLER_FACTORY_TOKEN"}]}],null,null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"./services/calendar-dom.service","name":"CalendarDOMService"},{"__symbolic":"reference","module":"./services/month-view.service","name":"MonthViewService"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"trackByDates":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"pageChange":[{"__symbolic":"method"}],"scroll":[{"__symbolic":"method"}],"scrollToFocusedView":[{"__symbolic":"method"}],"scrollToBottom":[{"__symbolic":"method"}],"handleDateChange":[{"__symbolic":"method"}],"isFocusedDateVisible":[{"__symbolic":"method"}],"viewDates":[{"__symbolic":"method"}],"months":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SCROLLER_FACTORY_TOKEN":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"OpaqueToken"},"arguments":["calendar-scroll-service-factory"]},"DEFAULT_SCROLLER_FACTORY":{"__symbolic":"function","parameters":["observable"],"value":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"./services/scroller.service","name":"ScrollerService"},"arguments":[{"__symbolic":"reference","name":"observable"}]}},"MonthViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","name":"SCROLLER_FACTORY_TOKEN"},"useValue":{"__symbolic":"reference","name":"DEFAULT_SCROLLER_FACTORY"}}],"selector":"kendo-calendar-monthview","template":"\n    <table class=\"k-calendar-weekdays\">\n        <colgroup><col/><col/><col/><col/><col/><col/><col/></colgroup>\n        <thead>\n            <tr>\n                <th *ngFor=\"let name of service.weekNames()\">{{name}}</th>\n            </tr>\n        </thead>\n    </table>\n    <div #container class=\"k-content k-scrollable\">\n        <table [ngStyle]=\"style\">\n            <colgroup><col/><col/><col/><col/><col/><col/><col/></colgroup>\n            <tbody kendoCalendarMonth *ngFor=\"let date of dates;trackBy: trackByDates\"\n                   role=\"rowgroup\"\n                   [isActive]=\"isActive\"\n                   [min]=\"min\"\n                   [max]=\"max\"\n                   [cellUID]=\"cellUID\"\n                   [viewDate]=\"date\"\n                   [focusedDate]=\"focusedDate\"\n                   [selectedDate]=\"value\"\n                   [templateRef]=\"cellTemplateRef\"\n                   (change)=\"handleDateChange($event)\"\n            ></tbody>\n        </table>\n        <div class=\"k-scrollable-placeholder\" [style.height.px]=\"totalHeight\"></div>\n    </div>\n  "}]}],"members":{"cellTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"cellUID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"focusedDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isActive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["container"]}]}],"getComponentClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-calendar-monthview"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","name":"SCROLLER_FACTORY_TOKEN"}]}],null,null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"./services/calendar-dom.service","name":"CalendarDOMService"},{"__symbolic":"reference","module":"./services/month-view.service","name":"MonthViewService"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"trackByDates":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"pageChange":[{"__symbolic":"method"}],"scroll":[{"__symbolic":"method"}],"scrollToFocusedView":[{"__symbolic":"method"}],"scrollToBottom":[{"__symbolic":"method"}],"handleDateChange":[{"__symbolic":"method"}],"isFocusedDateVisible":[{"__symbolic":"method"}],"viewDates":[{"__symbolic":"method"}],"months":[{"__symbolic":"method"}]}}}}]

dist/npm/util.js

@@ -13,3 +13,3 @@ "use strict";
     if (dates === void 0) { dates = []; }
-    return (kendo_date_math_1.firstDayOfMonth(date) >= dates[0] && dates[dates.length - 1] >= kendo_date_math_1.lastDayOfMonth(date));
+    return (!!dates.length && kendo_date_math_1.firstDayOfMonth(dates[0]) <= date && date <= kendo_date_math_1.lastDayOfMonth(dates[dates.length - 1]));
 };
@@ -16,0 +16,0 @@ exports.isInDatesArray = isInDatesArray;

package.json

@@ -6,3 +6,3 @@ {
   "license": "SEE LICENSE IN LICENSE.md",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "publishConfig": {
@@ -9,0 +9,0 @@ "registry": "https://registry.npm.telerik.com"

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

388640

increased by1%

Lines of code

5817

increased by1.04%

No dependency changes