primevue 2.6.0 → 2.7.0

package/calendar/calendar.umd.js

@@ -4168,7 +4168,7 @@ exports = module.exports = __webpack_require__("2350")(false);
 
 
 // module
-exports.push([module.i, ".p-calendar{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.p-calendar .p-inputtext{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:1%}.p-calendar-w-btn .p-inputtext{border-top-right-radius:0;border-bottom-right-radius:0}.p-calendar-w-btn .p-datepicker-trigger{border-top-left-radius:0;border-bottom-left-radius:0}.p-fluid .p-calendar{display:-webkit-box;display:-ms-flexbox;display:flex}.p-fluid .p-calendar .p-inputtext{width:1%}.p-calendar .p-datepicker{min-width:100%}.p-datepicker{width:auto;position:absolute}.p-datepicker-inline{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:static}.p-datepicker-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.p-datepicker-header .p-datepicker-title{margin:0 auto}.p-datepicker-next,.p-datepicker-prev{cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;position:relative}.p-datepicker-multiple-month .p-datepicker-group-container{display:-webkit-box;display:-ms-flexbox;display:flex}.p-datepicker table{width:100%;border-collapse:collapse}.p-datepicker td>span{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto}.p-datepicker td>span,.p-monthpicker-month{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;overflow:hidden;position:relative}.p-monthpicker-month{width:33.3%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.p-datepicker-buttonbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.p-timepicker,.p-timepicker button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.p-timepicker button{cursor:pointer;overflow:hidden;position:relative}.p-timepicker>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.p-calendar .p-datepicker-touch-ui,.p-datepicker-touch-ui{position:fixed;top:50%;left:50%;min-width:80vw;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}", ""]);
+exports.push([module.i, ".p-calendar{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;max-width:100%}.p-calendar .p-inputtext{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:1%}.p-calendar-w-btn .p-inputtext{border-top-right-radius:0;border-bottom-right-radius:0}.p-calendar-w-btn .p-datepicker-trigger{border-top-left-radius:0;border-bottom-left-radius:0}.p-fluid .p-calendar{display:-webkit-box;display:-ms-flexbox;display:flex}.p-fluid .p-calendar .p-inputtext{width:1%}.p-calendar .p-datepicker{min-width:100%}.p-datepicker{width:auto;position:absolute}.p-datepicker-inline{display:inline-block;position:static;overflow-x:auto}.p-datepicker-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.p-datepicker-header .p-datepicker-title{margin:0 auto}.p-datepicker-next,.p-datepicker-prev{cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;position:relative}.p-datepicker-multiple-month .p-datepicker-group-container{display:-webkit-box;display:-ms-flexbox;display:flex}.p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.p-datepicker table{width:100%;border-collapse:collapse}.p-datepicker td>span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;margin:0 auto;overflow:hidden;position:relative}.p-monthpicker-month{width:33.3%}.p-monthpicker-month,.p-yearpicker-year{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;overflow:hidden;position:relative}.p-yearpicker-year{width:50%}.p-datepicker-buttonbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.p-timepicker,.p-timepicker button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.p-timepicker button{cursor:pointer;overflow:hidden;position:relative}.p-timepicker>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.p-calendar .p-datepicker-touch-ui,.p-datepicker-touch-ui{position:fixed;top:50%;left:50%;min-width:80vw;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}", ""]);
 
 // exports
 
@@ -4954,16 +4954,19 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"81e8ff62-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/calendar/Calendar.vue?vue&type=template&id=0de14596&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{class:_vm.containerClass},[(!_vm.inline)?_c('CalendarInputText',_vm._g(_vm._b({ref:"input",attrs:{"type":"text","value":_vm.inputFieldValue,"readonly":!_vm.manualInput,"aria-labelledby":_vm.ariaLabelledBy,"inputmode":"none"}},'CalendarInputText',_vm.$attrs,false),_vm.listeners)):_vm._e(),(_vm.showIcon)?_c('CalendarButton',{staticClass:"p-datepicker-trigger",attrs:{"icon":_vm.icon,"tabindex":"-1","disabled":_vm.$attrs.disabled,"type":"button","aria-label":_vm.inputFieldValue},on:{"click":_vm.onButtonClick}}):_vm._e(),_c('transition',{attrs:{"name":"p-connected-overlay"},on:{"enter":_vm.onOverlayEnter,"after-enter":_vm.onOverlayEnterComplete,"leave":_vm.onOverlayLeave}},[(_vm.inline ? true : _vm.overlayVisible)?_c('div',{ref:"overlay",class:_vm.panelStyleClass,attrs:{"role":_vm.inline ? null : 'dialog',"aria-labelledby":_vm.ariaLabelledBy}},[(!_vm.timeOnly)?[_c('div',{staticClass:"p-datepicker-group-container"},_vm._l((_vm.months),function(month,groupIndex){return _c('div',{key:month.month + month.year,staticClass:"p-datepicker-group"},[_c('div',{staticClass:"p-datepicker-header"},[_vm._t("header"),(groupIndex === 0)?_c('button',{directives:[{name:"ripple",rawName:"v-ripple"}],staticClass:"p-datepicker-prev p-link",attrs:{"type":"button","disabled":_vm.$attrs.disabled},on:{"click":_vm.onPrevButtonClick,"keydown":_vm.onContainerButtonKeydown}},[_c('span',{staticClass:"p-datepicker-prev-icon pi pi-chevron-left"})]):_vm._e(),_c('div',{staticClass:"p-datepicker-title"},[(!_vm.monthNavigator && (_vm.view !== 'month'))?_c('span',{staticClass:"p-datepicker-month"},[_vm._v(_vm._s(_vm.getMonthName(month.month)))]):_vm._e(),(_vm.monthNavigator && (_vm.view !== 'month') && _vm.numberOfMonths === 1)?_c('select',{staticClass:"p-datepicker-month",on:{"change":function($event){return _vm.onMonthDropdownChange($event.target.value)}}},_vm._l((_vm.monthNames),function(monthName,index){return _c('option',{key:monthName,domProps:{"value":index,"selected":index === month.month}},[_vm._v(_vm._s(monthName))])}),0):_vm._e(),(!_vm.yearNavigator)?_c('span',{staticClass:"p-datepicker-year"},[_vm._v(_vm._s(_vm.view === 'month' ? _vm.currentYear : month.year))]):_vm._e(),(_vm.yearNavigator && _vm.numberOfMonths === 1)?_c('select',{staticClass:"p-datepicker-year",on:{"change":function($event){return _vm.onYearDropdownChange($event.target.value)}}},_vm._l((_vm.yearOptions),function(year){return _c('option',{key:year,domProps:{"value":year,"selected":year === _vm.currentYear}},[_vm._v(_vm._s(year))])}),0):_vm._e()]),(_vm.numberOfMonths === 1 ? true : (groupIndex === _vm.numberOfMonths - 1))?_c('button',{directives:[{name:"ripple",rawName:"v-ripple"}],staticClass:"p-datepicker-next p-link",attrs:{"type":"button","disabled":_vm.$attrs.disabled},on:{"click":_vm.onNextButtonClick,"keydown":_vm.onContainerButtonKeydown}},[_c('span',{staticClass:"p-datepicker-next-icon pi pi-chevron-right"})]):_vm._e()],2),(_vm.view ==='date')?_c('div',{staticClass:"p-datepicker-calendar-container"},[_c('table',{staticClass:"p-datepicker-calendar"},[_c('thead',[_c('tr',[(_vm.showWeek)?_c('th',{staticClass:"p-datepicker-weekheader p-disabled",attrs:{"scope":"col"}},[_c('span',[_vm._v(_vm._s(_vm.weekHeaderLabel))])]):_vm._e(),_vm._l((_vm.weekDays),function(weekDay){return _c('th',{key:weekDay,attrs:{"scope":"col"}},[_c('span',[_vm._v(_vm._s(weekDay))])])})],2)]),_c('tbody',_vm._l((month.dates),function(week,i){return _c('tr',{key:week[0].day + '' + week[0].month},[(_vm.showWeek)?_c('td',{staticClass:"p-datepicker-weeknumber"},[_c('span',{staticClass:"p-disabled"},[(month.weekNumbers[i] < 10)?_c('span',{staticStyle:{"visibility":"hidden"}},[_vm._v("0")]):_vm._e(),_vm._v("\n                                                "+_vm._s(month.weekNumbers[i])+"\n                                            ")])]):_vm._e(),_vm._l((week),function(date){return _c('td',{key:date.day + '' + date.month,class:{'p-datepicker-other-month': date.otherMonth, 'p-datepicker-today': date.today}},[_c('span',{directives:[{name:"ripple",rawName:"v-ripple"}],class:{'p-highlight': _vm.isSelected(date), 'p-disabled': !date.selectable},attrs:{"draggable":"false"},on:{"click":function($event){return _vm.onDateSelect($event, date)},"keydown":function($event){return _vm.onDateCellKeydown($event,date,groupIndex)}}},[_vm._t("date",function(){return [_vm._v(_vm._s(date.day))]},{"date":date})],2)])})],2)}),0)])]):_vm._e()])}),0),(_vm.view === 'month')?_c('div',{staticClass:"p-monthpicker"},_vm._l((_vm.monthPickerValues),function(m,i){return _c('span',{directives:[{name:"ripple",rawName:"v-ripple"}],key:m,staticClass:"p-monthpicker-month",class:{'p-highlight': _vm.isMonthSelected(i)},on:{"click":function($event){return _vm.onMonthSelect($event, i)},"keydown":function($event){return _vm.onMonthCellKeydown($event,i)}}},[_vm._v("\n                        "+_vm._s(m)+"\n                    ")])}),0):_vm._e()]:_vm._e(),(_vm.showTime||_vm.timeOnly)?_c('div',{staticClass:"p-timepicker"},[_c('div',{staticClass:"p-hour-picker"},[_c('button',{directives:[{name:"ripple",rawName:"v-ripple"}],staticClass:"p-link",attrs:{"type":"button"},on:{"mousedown":function($event){return _vm.onTimePickerElementMouseDown($event, 0, 1)},"mouseup":function($event){return _vm.onTimePickerElementMouseUp($event)},"keydown":[_vm.onContainerButtonKeydown,function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onTimePickerElementMouseDown($event, 0, 1)}],"mouseleave":function($event){return _vm.onTimePickerElementMouseLeave()},"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onTimePickerElementMouseUp($event)}}},[_c('span',{staticClass:"pi pi-chevron-up"})]),_c('span',[_vm._v(_vm._s(_vm.formattedCurrentHour))]),_c('button',{directives:[{name:"ripple",rawName:"v-ripple"}],staticClass:"p-link",attrs:{"type":"button"},on:{"mousedown":function($event){return _vm.onTimePickerElementMouseDown($event, 0, -1)},"mouseup":function($event){return _vm.onTimePickerElementMouseUp($event)},"keydown":[_vm.onContainerButtonKeydown,function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onTimePickerElementMouseDown($event, 0, -1)}],"mouseleave":function($event){return _vm.onTimePickerElementMouseLeave()},"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onTimePickerElementMouseUp($event)}}},[_c('span',{staticClass:"pi pi-chevron-down"})])]),_c('div',{staticClass:"p-separator"},[_c('span',[_vm._v(_vm._s(_vm.timeSeparator))])]),_c('div',{staticClass:"p-minute-picker"},[_c('button',{directives:[{name:"ripple",rawName:"v-ripple"}],staticClass:"p-link",attrs:{"disabled":_vm.$attrs.disabled,"type":"button"},on:{"mousedown":function($event){return _vm.onTimePickerElementMouseDown($event, 1, 1)},"mouseup":function($event){return _vm.onTimePickerElementMouseUp($event)},"keydown":[_vm.onContainerButtonKeydown,function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onTimePickerElementMouseDown($event, 1, 1)}],"mouseleave":function($event){return _vm.onTimePickerElementMouseLeave()},"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onTimePickerElementMouseUp($event)}}},[_c('span',{staticClass:"pi pi-chevron-up"})]),_c('span',[_vm._v(_vm._s(_vm.formattedCurrentMinute))]),_c('button',{directives:[{name:"ripple",rawName:"v-ripple"}],staticClass:"p-link",attrs:{"disabled":_vm.$attrs.disabled,"type":"button"},on:{"mousedown":function($event){return _vm.onTimePickerElementMouseDown($event, 1, -1)},"mouseup":function($event){return _vm.onTimePickerElementMouseUp($event)},"keydown":[_vm.onContainerButtonKeydown,function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onTimePickerElementMouseDown($event, 1, -1)}],"mouseleave":function($event){return _vm.onTimePickerElementMouseLeave()},"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onTimePickerElementMouseUp($event)}}},[_c('span',{staticClass:"pi pi-chevron-down"})])]),(_vm.showSeconds)?_c('div',{staticClass:"p-separator"},[_c('span',[_vm._v(_vm._s(_vm.timeSeparator))])]):_vm._e(),(_vm.showSeconds)?_c('div',{staticClass:"p-second-picker"},[_c('button',{directives:[{name:"ripple",rawName:"v-ripple"}],staticClass:"p-link",attrs:{"disabled":_vm.$attrs.disabled,"type":"button"},on:{"mousedown":function($event){return _vm.onTimePickerElementMouseDown($event, 2, 1)},"mouseup":function($event){return _vm.onTimePickerElementMouseUp($event)},"keydown":[_vm.onContainerButtonKeydown,function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onTimePickerElementMouseDown($event, 2, 1)}],"mouseleave":function($event){return _vm.onTimePickerElementMouseLeave()},"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onTimePickerElementMouseUp($event)}}},[_c('span',{staticClass:"pi pi-chevron-up"})]),_c('span',[_vm._v(_vm._s(_vm.formattedCurrentSecond))]),_c('button',{directives:[{name:"ripple",rawName:"v-ripple"}],staticClass:"p-link",attrs:{"disabled":_vm.$attrs.disabled,"type":"button"},on:{"mousedown":function($event){return _vm.onTimePickerElementMouseDown($event, 2, -1)},"mouseup":function($event){return _vm.onTimePickerElementMouseUp($event)},"keydown":[_vm.onContainerButtonKeydown,function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onTimePickerElementMouseDown($event, 2, -1)}],"mouseleave":function($event){return _vm.onTimePickerElementMouseLeave()},"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onTimePickerElementMouseUp($event)}}},[_c('span',{staticClass:"pi pi-chevron-down"})])]):_vm._e(),(_vm.hourFormat=='12')?_c('div',{staticClass:"p-separator"},[_c('span',[_vm._v(_vm._s(_vm.timeSeparator))])]):_vm._e(),(_vm.hourFormat=='12')?_c('div',{staticClass:"p-ampm-picker"},[_c('button',{directives:[{name:"ripple",rawName:"v-ripple"}],staticClass:"p-link",attrs:{"type":"button","disabled":_vm.$attrs.disabled},on:{"click":function($event){return _vm.toggleAMPM($event)}}},[_c('span',{staticClass:"pi pi-chevron-up"})]),_c('span',[_vm._v(_vm._s(_vm.pm ? 'PM' : 'AM'))]),_c('button',{directives:[{name:"ripple",rawName:"v-ripple"}],staticClass:"p-link",attrs:{"type":"button","disabled":_vm.$attrs.disabled},on:{"click":function($event){return _vm.toggleAMPM($event)}}},[_c('span',{staticClass:"pi pi-chevron-down"})])]):_vm._e()]):_vm._e(),(_vm.showButtonBar)?_c('div',{staticClass:"p-datepicker-buttonbar"},[_c('CalendarButton',{staticClass:"p-button-text",attrs:{"type":"button","label":_vm.todayLabel},on:{"click":function($event){return _vm.onTodayButtonClick($event)},"keydown":_vm.onContainerButtonKeydown}}),_c('CalendarButton',{staticClass:"p-button-text",attrs:{"type":"button","label":_vm.clearLabel},on:{"click":function($event){return _vm.onClearButtonClick($event)},"keydown":_vm.onContainerButtonKeydown}})],1):_vm._e(),_vm._t("footer")],2):_vm._e()])],1)}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9d50adc0-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/calendar/Calendar.vue?vue&type=template&id=81ea5c44&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{class:_vm.containerClass,style:(_vm.styles)},[(!_vm.inline)?_c('CalendarInputText',_vm._g(_vm._b({ref:"input",class:_vm.inputClass,style:(_vm.inputStyle),attrs:{"type":"text","value":_vm.inputFieldValue,"readonly":!_vm.manualInput,"aria-labelledby":_vm.ariaLabelledBy,"inputmode":"none"}},'CalendarInputText',_vm.$attrs,false),_vm.listeners)):_vm._e(),(_vm.showIcon)?_c('CalendarButton',{staticClass:"p-datepicker-trigger",attrs:{"icon":_vm.icon,"tabindex":"-1","disabled":_vm.$attrs.disabled,"type":"button","aria-label":_vm.inputFieldValue},on:{"click":_vm.onButtonClick}}):_vm._e(),_c('transition',{attrs:{"name":"p-connected-overlay"},on:{"enter":_vm.onOverlayEnter,"after-enter":_vm.onOverlayEnterComplete,"leave":_vm.onOverlayLeave}},[(_vm.inline ? true : _vm.overlayVisible)?_c('div',{ref:"overlay",class:_vm.panelStyleClass,attrs:{"role":_vm.inline ? null : 'dialog',"aria-labelledby":_vm.ariaLabelledBy}},[(!_vm.timeOnly)?[_c('div',{staticClass:"p-datepicker-group-container"},_vm._l((_vm.months),function(month,groupIndex){return _c('div',{key:month.month + month.year,staticClass:"p-datepicker-group"},[_c('div',{staticClass:"p-datepicker-header"},[_vm._t("header"),_c('button',{directives:[{name:"show",rawName:"v-show",value:(groupIndex === 0),expression:"groupIndex === 0"},{name:"ripple",rawName:"v-ripple"}],staticClass:"p-datepicker-prev p-link",attrs:{"type":"button","disabled":_vm.$attrs.disabled},on:{"click":_vm.onPrevButtonClick,"keydown":_vm.onContainerButtonKeydown}},[_c('span',{staticClass:"p-datepicker-prev-icon pi pi-chevron-left"})]),_c('div',{staticClass:"p-datepicker-title"},[(_vm.currentView === 'date')?_c('button',{staticClass:"p-datepicker-month p-link",attrs:{"type":"button","disabled":_vm.switchViewButtonDisabled},on:{"click":_vm.switchToMonthView}},[_vm._v("\n                                    "+_vm._s(_vm.getMonthName(month.month))+"\n                                ")]):_vm._e(),(_vm.currentView !== 'year')?_c('button',{staticClass:"p-datepicker-year p-link",attrs:{"type":"button","disabled":_vm.switchViewButtonDisabled},on:{"click":_vm.switchToYearView}},[_vm._v("\n                                    "+_vm._s(_vm.currentYear)+"\n                                ")]):_vm._e(),(_vm.currentView === 'year')?_c('span',{staticClass:"p-datepicker-decade"},[_vm._t("decade",function(){return [_vm._v("\n                                        "+_vm._s(_vm.yearPickerValues[0])+" - "+_vm._s(_vm.yearPickerValues[_vm.yearPickerValues.length - 1])+"\n                                    ")]},{"years":_vm.yearPickerValues})],2):_vm._e()]),_c('button',{directives:[{name:"show",rawName:"v-show",value:(_vm.numberOfMonths === 1 ? true : (groupIndex === _vm.numberOfMonths - 1)),expression:"numberOfMonths === 1 ? true : (groupIndex === numberOfMonths - 1)"},{name:"ripple",rawName:"v-ripple"}],staticClass:"p-datepicker-next p-link",attrs:{"type":"button","disabled":_vm.$attrs.disabled},on:{"click":_vm.onNextButtonClick,"keydown":_vm.onContainerButtonKeydown}},[_c('span',{staticClass:"p-datepicker-next-icon pi pi-chevron-right"})])],2),(_vm.currentView ==='date')?_c('div',{staticClass:"p-datepicker-calendar-container"},[_c('table',{staticClass:"p-datepicker-calendar"},[_c('thead',[_c('tr',[(_vm.showWeek)?_c('th',{staticClass:"p-datepicker-weekheader p-disabled",attrs:{"scope":"col"}},[_c('span',[_vm._v(_vm._s(_vm.weekHeaderLabel))])]):_vm._e(),_vm._l((_vm.weekDays),function(weekDay){return _c('th',{key:weekDay,attrs:{"scope":"col"}},[_c('span',[_vm._v(_vm._s(weekDay))])])})],2)]),_c('tbody',_vm._l((month.dates),function(week,i){return _c('tr',{key:week[0].day + '' + week[0].month},[(_vm.showWeek)?_c('td',{staticClass:"p-datepicker-weeknumber"},[_c('span',{staticClass:"p-disabled"},[(month.weekNumbers[i] < 10)?_c('span',{staticStyle:{"visibility":"hidden"}},[_vm._v("0")]):_vm._e(),_vm._v("\n                                                "+_vm._s(month.weekNumbers[i])+"\n                                            ")])]):_vm._e(),_vm._l((week),function(date){return _c('td',{key:date.day + '' + date.month,class:{'p-datepicker-other-month': date.otherMonth, 'p-datepicker-today': date.today}},[_c('span',{directives:[{name:"ripple",rawName:"v-ripple"}],class:{'p-highlight': _vm.isSelected(date), 'p-disabled': !date.selectable},attrs:{"draggable":"false"},on:{"click":function($event){return _vm.onDateSelect($event, date)},"keydown":function($event){return _vm.onDateCellKeydown($event,date,groupIndex)}}},[_vm._t("date",function(){return [_vm._v(_vm._s(date.day))]},{"date":date})],2)])})],2)}),0)])]):_vm._e()])}),0),(_vm.currentView === 'month')?_c('div',{staticClass:"p-monthpicker"},_vm._l((_vm.monthPickerValues),function(m,i){return _c('span',{directives:[{name:"ripple",rawName:"v-ripple"}],key:m,staticClass:"p-monthpicker-month",class:{'p-highlight': _vm.isMonthSelected(i)},on:{"click":function($event){return _vm.onMonthSelect($event, i)},"keydown":function($event){return _vm.onMonthCellKeydown($event,i)}}},[_vm._v("\n                        "+_vm._s(m)+"\n                    ")])}),0):_vm._e(),(_vm.currentView === 'year')?_c('div',{staticClass:"p-yearpicker"},_vm._l((_vm.yearPickerValues),function(y){return _c('span',{directives:[{name:"ripple",rawName:"v-ripple"}],key:y,staticClass:"p-yearpicker-year",class:{'p-highlight': _vm.isYearSelected(y)},on:{"click":function($event){return _vm.onYearSelect($event, y)},"keydown":function($event){return _vm.onYearCellKeydown($event,y)}}},[_vm._v("\n                        "+_vm._s(y)+"\n                    ")])}),0):_vm._e()]:_vm._e(),(_vm.showTime||_vm.timeOnly)?_c('div',{staticClass:"p-timepicker"},[_c('div',{staticClass:"p-hour-picker"},[_c('button',{directives:[{name:"ripple",rawName:"v-ripple"}],staticClass:"p-link",attrs:{"type":"button"},on:{"mousedown":function($event){return _vm.onTimePickerElementMouseDown($event, 0, 1)},"mouseup":function($event){return _vm.onTimePickerElementMouseUp($event)},"keydown":[_vm.onContainerButtonKeydown,function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onTimePickerElementMouseDown($event, 0, 1)}],"mouseleave":function($event){return _vm.onTimePickerElementMouseLeave()},"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onTimePickerElementMouseUp($event)}}},[_c('span',{staticClass:"pi pi-chevron-up"})]),_c('span',[_vm._v(_vm._s(_vm.formattedCurrentHour))]),_c('button',{directives:[{name:"ripple",rawName:"v-ripple"}],staticClass:"p-link",attrs:{"type":"button"},on:{"mousedown":function($event){return _vm.onTimePickerElementMouseDown($event, 0, -1)},"mouseup":function($event){return _vm.onTimePickerElementMouseUp($event)},"keydown":[_vm.onContainerButtonKeydown,function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onTimePickerElementMouseDown($event, 0, -1)}],"mouseleave":function($event){return _vm.onTimePickerElementMouseLeave()},"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onTimePickerElementMouseUp($event)}}},[_c('span',{staticClass:"pi pi-chevron-down"})])]),_c('div',{staticClass:"p-separator"},[_c('span',[_vm._v(_vm._s(_vm.timeSeparator))])]),_c('div',{staticClass:"p-minute-picker"},[_c('button',{directives:[{name:"ripple",rawName:"v-ripple"}],staticClass:"p-link",attrs:{"disabled":_vm.$attrs.disabled,"type":"button"},on:{"mousedown":function($event){return _vm.onTimePickerElementMouseDown($event, 1, 1)},"mouseup":function($event){return _vm.onTimePickerElementMouseUp($event)},"keydown":[_vm.onContainerButtonKeydown,function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onTimePickerElementMouseDown($event, 1, 1)}],"mouseleave":function($event){return _vm.onTimePickerElementMouseLeave()},"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onTimePickerElementMouseUp($event)}}},[_c('span',{staticClass:"pi pi-chevron-up"})]),_c('span',[_vm._v(_vm._s(_vm.formattedCurrentMinute))]),_c('button',{directives:[{name:"ripple",rawName:"v-ripple"}],staticClass:"p-link",attrs:{"disabled":_vm.$attrs.disabled,"type":"button"},on:{"mousedown":function($event){return _vm.onTimePickerElementMouseDown($event, 1, -1)},"mouseup":function($event){return _vm.onTimePickerElementMouseUp($event)},"keydown":[_vm.onContainerButtonKeydown,function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onTimePickerElementMouseDown($event, 1, -1)}],"mouseleave":function($event){return _vm.onTimePickerElementMouseLeave()},"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onTimePickerElementMouseUp($event)}}},[_c('span',{staticClass:"pi pi-chevron-down"})])]),(_vm.showSeconds)?_c('div',{staticClass:"p-separator"},[_c('span',[_vm._v(_vm._s(_vm.timeSeparator))])]):_vm._e(),(_vm.showSeconds)?_c('div',{staticClass:"p-second-picker"},[_c('button',{directives:[{name:"ripple",rawName:"v-ripple"}],staticClass:"p-link",attrs:{"disabled":_vm.$attrs.disabled,"type":"button"},on:{"mousedown":function($event){return _vm.onTimePickerElementMouseDown($event, 2, 1)},"mouseup":function($event){return _vm.onTimePickerElementMouseUp($event)},"keydown":[_vm.onContainerButtonKeydown,function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onTimePickerElementMouseDown($event, 2, 1)}],"mouseleave":function($event){return _vm.onTimePickerElementMouseLeave()},"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onTimePickerElementMouseUp($event)}}},[_c('span',{staticClass:"pi pi-chevron-up"})]),_c('span',[_vm._v(_vm._s(_vm.formattedCurrentSecond))]),_c('button',{directives:[{name:"ripple",rawName:"v-ripple"}],staticClass:"p-link",attrs:{"disabled":_vm.$attrs.disabled,"type":"button"},on:{"mousedown":function($event){return _vm.onTimePickerElementMouseDown($event, 2, -1)},"mouseup":function($event){return _vm.onTimePickerElementMouseUp($event)},"keydown":[_vm.onContainerButtonKeydown,function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onTimePickerElementMouseDown($event, 2, -1)}],"mouseleave":function($event){return _vm.onTimePickerElementMouseLeave()},"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onTimePickerElementMouseUp($event)}}},[_c('span',{staticClass:"pi pi-chevron-down"})])]):_vm._e(),(_vm.hourFormat=='12')?_c('div',{staticClass:"p-separator"},[_c('span',[_vm._v(_vm._s(_vm.timeSeparator))])]):_vm._e(),(_vm.hourFormat=='12')?_c('div',{staticClass:"p-ampm-picker"},[_c('button',{directives:[{name:"ripple",rawName:"v-ripple"}],staticClass:"p-link",attrs:{"type":"button","disabled":_vm.$attrs.disabled},on:{"click":function($event){return _vm.toggleAMPM($event)}}},[_c('span',{staticClass:"pi pi-chevron-up"})]),_c('span',[_vm._v(_vm._s(_vm.pm ? 'PM' : 'AM'))]),_c('button',{directives:[{name:"ripple",rawName:"v-ripple"}],staticClass:"p-link",attrs:{"type":"button","disabled":_vm.$attrs.disabled},on:{"click":function($event){return _vm.toggleAMPM($event)}}},[_c('span',{staticClass:"pi pi-chevron-down"})])]):_vm._e()]):_vm._e(),(_vm.showButtonBar)?_c('div',{staticClass:"p-datepicker-buttonbar"},[_c('CalendarButton',{staticClass:"p-button-text",attrs:{"type":"button","label":_vm.todayLabel},on:{"click":function($event){return _vm.onTodayButtonClick($event)},"keydown":_vm.onContainerButtonKeydown}}),_c('CalendarButton',{staticClass:"p-button-text",attrs:{"type":"button","label":_vm.clearLabel},on:{"click":function($event){return _vm.onClearButtonClick($event)},"keydown":_vm.onContainerButtonKeydown}})],1):_vm._e(),_vm._t("footer")],2):_vm._e()])],1)}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/calendar/Calendar.vue?vue&type=template&id=0de14596&
+// CONCATENATED MODULE: ./src/components/calendar/Calendar.vue?vue&type=template&id=81ea5c44&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es7.object.get-own-property-descriptors.js
 var es7_object_get_own_property_descriptors = __webpack_require__("8e6e");
 
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.array.iterator.js
+var es6_array_iterator = __webpack_require__("cadf");
+
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.object.keys.js
 var es6_object_keys = __webpack_require__("456d");
 
@@ -5742,7 +5745,14 @@ var ConnectedOverlayScrollHandler_ConnectedOverlayScrollHandler = /*#__PURE__*/f
 }();
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"81e8ff62-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/inputtext/InputText.vue?vue&type=template&id=62d12252&
+// CONCATENATED MODULE: ./src/components/utils/UniqueComponentId.js
+var lastId = 0;
+/* harmony default export */ var UniqueComponentId = (function () {
+  var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'pv_id_';
+  lastId++;
+  return "".concat(prefix).concat(lastId);
+});
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9d50adc0-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/inputtext/InputText.vue?vue&type=template&id=62d12252&
 var InputTextvue_type_template_id_62d12252_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('input',_vm._g({class:['p-inputtext p-component', {'p-filled': _vm.filled}],domProps:{"value":_vm.value}},_vm.listeners))}
 var InputTextvue_type_template_id_62d12252_staticRenderFns = []
 
@@ -5756,6 +5766,7 @@ var InputTextvue_type_template_id_62d12252_staticRenderFns = []
 
 
 
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -5905,7 +5916,7 @@ var component = normalizeComponent(
 )
 
 /* harmony default export */ var InputText = (component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"81e8ff62-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/button/Button.vue?vue&type=template&id=3d0cb6ac&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9d50adc0-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/button/Button.vue?vue&type=template&id=3d0cb6ac&
 var Buttonvue_type_template_id_3d0cb6ac_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',_vm._g({directives:[{name:"ripple",rawName:"v-ripple"}],class:_vm.buttonClass,attrs:{"type":"button"}},_vm.$listeners),[_vm._t("default",function(){return [(_vm.icon)?_c('span',{class:_vm.iconClass}):_vm._e(),_c('span',{staticClass:"p-button-label"},[_vm._v(_vm._s(_vm.label||' '))]),(_vm.badge)?_c('span',{staticClass:"p-badge",class:_vm.badgeStyleClass},[_vm._v(_vm._s(_vm.badge))]):_vm._e()]})],2)}
 var Buttonvue_type_template_id_3d0cb6ac_staticRenderFns = []
 
@@ -6091,6 +6102,7 @@ var Button_component = normalizeComponent(
 
 
 
+
 
 function Calendarvue_type_script_lang_js_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -6233,6 +6245,17 @@ function Calendarvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
 
 
 
@@ -6271,6 +6294,7 @@ function Calendarvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
       type: Number,
       default: 1
     },
+    responsiveOptions: Array,
     view: {
       type: String,
       default: 'date'
@@ -6390,7 +6414,11 @@ function Calendarvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
     appendTo: {
       type: String,
       default: null
-    }
+    },
+    inputClass: null,
+    inputStyle: null,
+    className: null,
+    styles: null
   },
   navigationState: null,
   scrollHandler: null,
@@ -6404,8 +6432,15 @@ function Calendarvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
     this.updateCurrentMetaData();
   },
   mounted: function mounted() {
-    if (this.inline && !this.$attrs.disabled) {
-      this.initFocusableCell();
+    this.createResponsiveStyle();
+
+    if (this.inline) {
+      this.$refs.overlay && this.$refs.overlay.setAttribute(this.attributeSelector, '');
+
+      if (!this.$attrs.disabled) {
+        this.initFocusableCell();
+        this.$refs.overlay.style.width = DomHandler_DomHandler.getOuterWidth(this.$el) + 'px';
+      }
     }
   },
   updated: function updated() {
@@ -6429,6 +6464,7 @@ function Calendarvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
       this.destroyMask();
     }
 
+    this.destroyResponsiveStyleElement();
     this.restoreAppend();
     this.unbindOutsideClickListener();
     this.unbindResizeListener();
@@ -6447,7 +6483,8 @@ function Calendarvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
       currentSecond: null,
       pm: null,
       focused: false,
-      overlayVisible: false
+      overlayVisible: false,
+      currentView: this.view
     };
   },
   watch: {
@@ -6458,6 +6495,14 @@ function Calendarvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
       if (this.$refs.overlay) {
         setTimeout(this.updateFocus, 0);
       }
+    },
+    numberOfMonths: function numberOfMonths() {
+      this.destroyResponsiveStyleElement();
+      this.createResponsiveStyle();
+    },
+    responsiveOptions: function responsiveOptions() {
+      this.destroyResponsiveStyleElement();
+      this.createResponsiveStyle();
     }
   },
   methods: {
@@ -6506,6 +6551,9 @@ function Calendarvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
     isMonthSelected: function isMonthSelected(month) {
       return this.isComparable() ? this.value.getMonth() === month && this.value.getFullYear() === this.currentYear : false;
     },
+    isYearSelected: function isYearSelected(year) {
+      return this.isComparable() ? this.value.getFullYear() === year : false;
+    },
     isDateEquals: function isDateEquals(value, dateMeta) {
       if (value) return value.getDate() === dateMeta.day && value.getMonth() === dateMeta.month && value.getFullYear() === dateMeta.year;else return false;
     },
@@ -6625,7 +6673,9 @@ function Calendarvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
 
       return validMin && validMax && validDate && validDay;
     },
-    onOverlayEnter: function onOverlayEnter() {
+    onOverlayEnter: function onOverlayEnter(el) {
+      el.setAttribute(this.attributeSelector, '');
+
       if (this.autoZIndex) {
         this.$refs.overlay.style.zIndex = String(this.baseZIndex + DomHandler_DomHandler.generateZIndex());
       }
@@ -6640,6 +6690,7 @@ function Calendarvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
       this.bindResizeListener();
     },
     onOverlayLeave: function onOverlayLeave() {
+      this.currentView = this.view;
       this.unbindOutsideClickListener();
       this.unbindScrollListener();
       this.unbindResizeListener();
@@ -6674,8 +6725,10 @@ function Calendarvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
         return;
       }
 
-      if (this.view === 'month') {
+      if (this.currentView === 'month') {
         this.decrementYear();
+      } else if (this.currentView === 'year') {
+        this.decrementDecade();
       } else {
         if (this.currentMonth === 0) {
           this.currentMonth = 11;
@@ -6697,8 +6750,10 @@ function Calendarvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
         return;
       }
 
-      if (this.view === 'month') {
+      if (this.currentView === 'month') {
         this.incrementYear();
+      } else if (this.currentView === 'year') {
+        this.incrementDecade();
       } else {
         if (this.currentMonth === 11) {
           this.currentMonth = 0;
@@ -6716,9 +6771,25 @@ function Calendarvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
     decrementYear: function decrementYear() {
       this.currentYear--;
     },
+    decrementDecade: function decrementDecade() {
+      this.currentYear = this.currentYear - 10;
+    },
     incrementYear: function incrementYear() {
       this.currentYear++;
     },
+    incrementDecade: function incrementDecade() {
+      this.currentYear = this.currentYear + 10;
+    },
+    switchToMonthView: function switchToMonthView(event) {
+      this.currentView = 'month';
+      setTimeout(this.updateFocus, 0);
+      event.preventDefault();
+    },
+    switchToYearView: function switchToYearView(event) {
+      this.currentView = 'year';
+      setTimeout(this.updateFocus, 0);
+      event.preventDefault();
+    },
     isEnabled: function isEnabled() {
       return !this.$attrs.disabled && !this.$attrs.readonly;
     },
@@ -7219,13 +7290,9 @@ function Calendarvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
       return hours;
     },
     validateTime: function validateTime(hour, minute, second, pm) {
-      var value = this.value;
+      var value = this.isComparable() ? this.value : this.viewDate;
       var convertedHour = this.convertTo24Hour(hour, pm);
 
-      if (!this.isComparable()) {
-        return true;
-      }
-
       if (this.isRangeSelection()) {
         value = this.value[1] || this.value[0];
       }
@@ -7394,13 +7461,43 @@ function Calendarvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
         clearInterval(this.timePickerTimer);
       }
     },
-    onMonthSelect: function onMonthSelect(event, index) {
-      this.onDateSelect(event, {
-        year: this.currentYear,
-        month: index,
-        day: 1,
-        selectable: true
-      });
+    onMonthSelect: function onMonthSelect(event, month) {
+      if (this.view === 'month') {
+        this.onDateSelect(event, {
+          year: this.currentYear,
+          month: month,
+          day: 1,
+          selectable: true
+        });
+      } else {
+        this.currentMonth = month;
+        this.currentView = 'date';
+        this.$emit('month-change', {
+          month: this.currentMonth + 1,
+          year: this.currentYear
+        });
+      }
+
+      setTimeout(this.updateFocus, 0);
+    },
+    onYearSelect: function onYearSelect(event, year) {
+      if (this.view === 'year') {
+        this.onDateSelect(event, {
+          year: year,
+          month: 0,
+          day: 1,
+          selectable: true
+        });
+      } else {
+        this.currentYear = year;
+        this.currentView = 'month';
+        this.$emit('year-change', {
+          month: this.currentMonth + 1,
+          year: this.currentYear
+        });
+      }
+
+      setTimeout(this.updateFocus, 0);
     },
     enableModality: function enableModality() {
       var _this6 = this;
@@ -7657,7 +7754,7 @@ function Calendarvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
         iValue++;
       };
 
-      if (this.view === 'month') {
+      if (this.currentView === 'month') {
         day = 1;
       }
 
@@ -7887,6 +7984,7 @@ function Calendarvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
         //enter
 
         case 13:
+        case 32:
           {
             this.onDateSelect(event, date);
             event.preventDefault();
@@ -7925,7 +8023,7 @@ function Calendarvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
           this.navBackward(event);
         } else {
           var prevMonthContainer = this.$refs.overlay.children[groupIndex - 1];
-          var cells = DomHandler_DomHandler.find(prevMonthContainer, '.p-datepicker-calendar td span:not(.p-disabled)');
+          var cells = DomHandler_DomHandler.find(prevMonthContainer, '.p-datepicker-calendar td span:not(.p-disabled):not(.p-ink)');
           var focusCell = cells[cells.length - 1];
           focusCell.tabIndex = '0';
           focusCell.focus();
@@ -7939,7 +8037,7 @@ function Calendarvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
         } else {
           var nextMonthContainer = this.$refs.overlay.children[groupIndex + 1];
 
-          var _focusCell4 = DomHandler_DomHandler.findSingle(nextMonthContainer, '.p-datepicker-calendar td span:not(.p-disabled)');
+          var _focusCell4 = DomHandler_DomHandler.findSingle(nextMonthContainer, '.p-datepicker-calendar td span:not(.p-disabled):not(.p-ink)');
 
           _focusCell4.tabIndex = '0';
 
@@ -7978,6 +8076,11 @@ function Calendarvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
             if (prevCell) {
               prevCell.tabIndex = '0';
               prevCell.focus();
+            } else {
+              this.navigationState = {
+                backward: true
+              };
+              this.navBackward(event);
             }
 
             event.preventDefault();
@@ -7994,6 +8097,11 @@ function Calendarvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
               _nextCell.tabIndex = '0';
 
               _nextCell.focus();
+            } else {
+              this.navigationState = {
+                backward: false
+              };
+              this.navForward(event);
             }
 
             event.preventDefault();
@@ -8002,6 +8110,7 @@ function Calendarvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
         //enter
 
         case 13:
+        case 32:
           {
             this.onMonthSelect(event, index);
             event.preventDefault();
@@ -8031,6 +8140,98 @@ function Calendarvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
           break;
       }
     },
+    onYearCellKeydown: function onYearCellKeydown(event, index) {
+      var cell = event.currentTarget;
+
+      switch (event.which) {
+        //arrows
+        case 38:
+        case 40:
+          {
+            cell.tabIndex = '-1';
+            var cells = cell.parentElement.children;
+            var cellIndex = DomHandler_DomHandler.index(cell);
+            var nextCell = cells[event.which === 40 ? cellIndex + 2 : cellIndex - 2];
+
+            if (nextCell) {
+              nextCell.tabIndex = '0';
+              nextCell.focus();
+            }
+
+            event.preventDefault();
+            break;
+          }
+        //left arrow
+
+        case 37:
+          {
+            cell.tabIndex = '-1';
+            var prevCell = cell.previousElementSibling;
+
+            if (prevCell) {
+              prevCell.tabIndex = '0';
+              prevCell.focus();
+            } else {
+              this.navigationState = {
+                backward: true
+              };
+              this.navBackward(event);
+            }
+
+            event.preventDefault();
+            break;
+          }
+        //right arrow
+
+        case 39:
+          {
+            cell.tabIndex = '-1';
+            var _nextCell2 = cell.nextElementSibling;
+
+            if (_nextCell2) {
+              _nextCell2.tabIndex = '0';
+
+              _nextCell2.focus();
+            } else {
+              this.navigationState = {
+                backward: false
+              };
+              this.navForward(event);
+            }
+
+            event.preventDefault();
+            break;
+          }
+        //enter
+
+        case 13:
+        case 32:
+          {
+            this.onMonthSelect(event, index);
+            event.preventDefault();
+            break;
+          }
+        //escape
+
+        case 27:
+          {
+            this.overlayVisible = false;
+            event.preventDefault();
+            break;
+          }
+        //tab
+
+        case 9:
+          {
+            this.trapFocus(event);
+            break;
+          }
+
+        default:
+          //no op
+          break;
+      }
+    },
     updateFocus: function updateFocus() {
       var cell;
 
@@ -8040,10 +8241,27 @@ function Calendarvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
           if (this.navigationState.backward) DomHandler_DomHandler.findSingle(this.$refs.overlay, '.p-datepicker-prev').focus();else DomHandler_DomHandler.findSingle(this.$refs.overlay, '.p-datepicker-next').focus();
         } else {
           if (this.navigationState.backward) {
-            var cells = DomHandler_DomHandler.find(this.$refs.overlay, '.p-datepicker-calendar td span:not(.p-disabled)');
-            cell = cells[cells.length - 1];
+            var cells;
+
+            if (this.currentView === 'month') {
+              cells = DomHandler_DomHandler.find(this.$refs.overlay, '.p-monthpicker .p-monthpicker-month:not(.p-disabled)');
+            } else if (this.currentView === 'year') {
+              cells = DomHandler_DomHandler.find(this.$refs.overlay, '.p-yearpicker .p-yearpicker-year:not(.p-disabled)');
+            } else {
+              cells = DomHandler_DomHandler.find(this.$refs.overlay, '.p-datepicker-calendar td span:not(.p-disabled):not(.p-ink)');
+            }
+
+            if (cells && cells.length > 0) {
+              cell = cells[cells.length - 1];
+            }
           } else {
-            cell = DomHandler_DomHandler.findSingle(this.$refs.overlay, '.p-datepicker-calendar td span:not(.p-disabled)');
+            if (this.currentView === 'month') {
+              cell = DomHandler_DomHandler.findSingle(this.$refs.overlay, '.p-monthpicker .p-monthpicker-month:not(.p-disabled)');
+            } else if (this.currentView === 'year') {
+              cell = DomHandler_DomHandler.findSingle(this.$refs.overlay, '.p-yearpicker .p-yearpicker-year:not(.p-disabled)');
+            } else {
+              cell = DomHandler_DomHandler.findSingle(this.$refs.overlay, '.p-datepicker-calendar td span:not(.p-disabled):not(.p-ink)');
+            }
           }
 
           if (cell) {
@@ -8060,24 +8278,38 @@ function Calendarvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
     initFocusableCell: function initFocusableCell() {
       var cell;
 
-      if (this.view === 'month') {
+      if (this.currentView === 'month') {
         var cells = DomHandler_DomHandler.find(this.$refs.overlay, '.p-monthpicker .p-monthpicker-month');
         var selectedCell = DomHandler_DomHandler.findSingle(this.$refs.overlay, '.p-monthpicker .p-monthpicker-month.p-highlight');
         cells.forEach(function (cell) {
           return cell.tabIndex = -1;
         });
         cell = selectedCell || cells[0];
+      } else if (this.currentView === 'year') {
+        var _cells = DomHandler_DomHandler.find(this.$refs.overlay, '.p-yearpicker .p-yearpicker-year');
+
+        var _selectedCell = DomHandler_DomHandler.findSingle(this.$refs.overlay, '.p-yearpicker .p-yearpicker-year.p-highlight');
+
+        _cells.forEach(function (cell) {
+          return cell.tabIndex = -1;
+        });
+
+        cell = _selectedCell || _cells[0];
       } else {
         cell = DomHandler_DomHandler.findSingle(this.$refs.overlay, 'span.p-highlight');
 
         if (!cell) {
-          var todayCell = DomHandler_DomHandler.findSingle(this.$refs.overlay, 'td.p-datepicker-today span:not(.p-disabled)');
-          if (todayCell) cell = todayCell;else cell = DomHandler_DomHandler.findSingle(this.$refs.overlay, '.p-datepicker-calendar td span:not(.p-disabled)');
+          var todayCell = DomHandler_DomHandler.findSingle(this.$refs.overlay, 'td.p-datepicker-today span:not(.p-disabled):not(.p-ink)');
+          if (todayCell) cell = todayCell;else cell = DomHandler_DomHandler.findSingle(this.$refs.overlay, '.p-datepicker-calendar td span:not(.p-disabled):not(.p-ink');
         }
       }
 
       if (cell) {
         cell.tabIndex = '0';
+
+        if (!this.navigationState || !this.navigationState.button) {
+          cell.focus();
+        }
       }
     },
     trapFocus: function trapFocus(event) {
@@ -8151,6 +8383,48 @@ function Calendarvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
     },
     getMonthName: function getMonthName(index) {
       return this.$primevue.config.locale.monthNames[index];
+    },
+    createResponsiveStyle: function createResponsiveStyle() {
+      if (this.numberOfMonths > 1 && this.responsiveOptions) {
+        if (!this.responsiveStyleElement) {
+          this.responsiveStyleElement = document.createElement('style');
+          this.responsiveStyleElement.type = 'text/css';
+          document.body.appendChild(this.responsiveStyleElement);
+        }
+
+        var innerHTML = '';
+
+        if (this.responsiveOptions) {
+          var responsiveOptions = _toConsumableArray(this.responsiveOptions).filter(function (o) {
+            return !!(o.breakpoint && o.numMonths);
+          }).sort(function (o1, o2) {
+            return -1 * o1.breakpoint.localeCompare(o2.breakpoint, undefined, {
+              numeric: true
+            });
+          });
+
+          for (var i = 0; i < responsiveOptions.length; i++) {
+            var _responsiveOptions$i = responsiveOptions[i],
+                breakpoint = _responsiveOptions$i.breakpoint,
+                numMonths = _responsiveOptions$i.numMonths;
+            var styles = "\n                            .p-datepicker[".concat(this.attributeSelector, "] .p-datepicker-group:nth-child(").concat(numMonths, ") .p-datepicker-next {\n                                display: inline-flex !important;\n                            }\n                        ");
+
+            for (var j = numMonths; j < this.numberOfMonths; j++) {
+              styles += "\n                                .p-datepicker[".concat(this.attributeSelector, "] .p-datepicker-group:nth-child(").concat(j + 1, ") {\n                                    display: none !important;\n                                }\n                            ");
+            }
+
+            innerHTML += "\n                            @media screen and (max-width: ".concat(breakpoint, ") {\n                                ").concat(styles, "\n                            }\n                        ");
+          }
+        }
+
+        this.responsiveStyleElement.innerHTML = innerHTML;
+      }
+    },
+    destroyResponsiveStyleElement: function destroyResponsiveStyleElement() {
+      if (this.responsiveStyleElement) {
+        this.responsiveStyleElement.remove();
+        this.responsiveStyleElement = null;
+      }
     }
   },
   computed: {
@@ -8217,7 +8491,7 @@ function Calendarvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
       return this.formatValue(this.value);
     },
     containerClass: function containerClass() {
-      return ['p-calendar p-component p-inputwrapper', {
+      return ['p-calendar p-component p-inputwrapper', this.className, {
         'p-calendar-w-btn': this.showIcon,
         'p-calendar-timeonly': this.timeOnly,
         'p-inputwrapper-filled': this.value,
@@ -8230,7 +8504,8 @@ function Calendarvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
         'p-disabled': this.$attrs.disabled,
         'p-datepicker-timeonly': this.timeOnly,
         'p-datepicker-multiple-month': this.numberOfMonths > 1,
-        'p-datepicker-monthpicker': this.view === 'month',
+        'p-datepicker-monthpicker': this.currentView === 'month',
+        'p-datepicker-yearpicker': this.currentView === 'year',
         'p-datepicker-touch-ui': this.touchUI
       }];
     },
@@ -8378,6 +8653,16 @@ function Calendarvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
 
       return monthPickerValues;
     },
+    yearPickerValues: function yearPickerValues() {
+      var yearPickerValues = [];
+      var base = this.currentYear - this.currentYear % 10;
+
+      for (var i = 0; i < 10; i++) {
+        yearPickerValues.push(base + i);
+      }
+
+      return yearPickerValues;
+    },
     formattedCurrentHour: function formattedCurrentHour() {
       return this.currentHour < 10 ? '0' + this.currentHour : this.currentHour;
     },
@@ -8398,6 +8683,12 @@ function Calendarvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
     },
     monthNames: function monthNames() {
       return this.$primevue.config.locale.monthNames;
+    },
+    attributeSelector: function attributeSelector() {
+      return UniqueComponentId();
+    },
+    switchViewButtonDisabled: function switchViewButtonDisabled() {
+      return this.numberOfMonths > 1 || this.$attrs.disabled;
     }
   },
   components: {