Skip to content

Instantly share code, notes, and snippets.

@adarshsosale

adarshsosale/datepicker.js

Created April 27, 2017 07:12
Show Gist options
  • Save adarshsosale/9ce292722f283185bbb4766a9f33181b to your computer and use it in GitHub Desktop.
Save adarshsosale/9ce292722f283185bbb4766a9f33181b to your computer and use it in GitHub Desktop.
Download ZIP
Raw
datepicker.js
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports;
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ };
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/ // Flag the module as loaded
/******/ module.loaded = true;
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "";
/******/ // Load entry module and return exports
/******/ return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ function(module, exports, __webpack_require__) {
__webpack_require__(1);
module.exports = __webpack_require__(8);
/***/ },
/* 1 */
/***/ function(module, exports, __webpack_require__) {
/* global moment:false */
'use strict';
var _providersDateRangePickerProviderJs = __webpack_require__(2);
var _providersDatePickerProviderJs = __webpack_require__(3);
var _directivesDateRangePickerDateRangePickerDirective = __webpack_require__(4);
var _directivesCalendarCalendarDirective = __webpack_require__(5);
var _directivesObDateRangePickerObDateRangePickerDirectiveJs = __webpack_require__(6);
var _directivesObDayPickerObDayPickerDirective = __webpack_require__(7);
angular.module('obDateRangePicker', []).constant('moment', moment).provider('dateRangePickerConf', _providersDateRangePickerProviderJs.DateRangePickerProvider).provider('datePickerConf', _providersDatePickerProviderJs.DatePickerProvider).directive('dateRangePicker', _directivesDateRangePickerDateRangePickerDirective.DateRangePicker).directive('obDaterangepicker', _directivesObDateRangePickerObDateRangePickerDirectiveJs.ObDateRangePicker).directive('calendar', _directivesCalendarCalendarDirective.Calendar).directive('obDaypicker', _directivesObDayPickerObDayPickerDirective.ObDayPicker);
/***/ },
/* 2 */
/***/ function(module, exports) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.DateRangePickerProvider = DateRangePickerProvider;
function DateRangePickerProvider() {
var config = {};
return {
setConfig: function setConfig(userConfig) {
config = userConfig;
},
$get: function $get() {
return config;
}
};
}
/***/ },
/* 3 */
/***/ function(module, exports) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.DatePickerProvider = DatePickerProvider;
function DatePickerProvider() {
var config = {};
return {
setConfig: function setConfig(userConfig) {
config = userConfig;
},
$get: function $get() {
return config;
}
};
}
/***/ },
/* 4 */
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, '__esModule', {
value: true
});
var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
exports.DateRangePicker = DateRangePicker;
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
function DateRangePicker() {
'ngInject';
var directive = {
restrict: 'E',
scope: {
weekStart: '&',
range: '=?',
minDay: '&',
maxDay: '&',
api: '&',
monthFormat: '&',
inputFormat: '&',
weekDaysName: '&',
linkedCalendars: '&',
interceptors: '&'
},
templateUrl: 'app/directives/date-range-picker/date-range-picker.html',
controller: DateRangePickerController,
controllerAs: 'picker',
bindToController: true,
link: function link(scope, elem, attrs, ctrl) {
ctrl.init();
}
};
return directive;
}
var DateRangePickerController = (function () {
DateRangePickerController.$inject = ["moment", "$scope"];
function DateRangePickerController(moment, $scope) {
'ngInject';
_classCallCheck(this, DateRangePickerController);
this.Moment = moment;
this.Scope = $scope;
this.endCalendarApi = {};
this.startCalendarApi = {};
this.setInterceptors();
}
_createClass(DateRangePickerController, [{
key: 'init',
value: function init() {
this.range = this.range || {};
this.setConfigurations();
this.setListeners();
this.setApi();
this.watchRangeChange();
this.interceptors = this.interceptors() || {};
}
}, {
key: 'setApi',
value: function setApi() {
var _this = this;
var api = this.api() || {};
_extends(api, {
setCalendarPosition: function setCalendarPosition(start, end) {
_this.startCalendar = start;
if (_this.linkedCalendars() || start.isSame(end, 'M')) {
_this.endCalendar = _this.startCalendar.clone().add(1, 'M');
} else {
_this.endCalendar = end;
}
},
render: function render() {
_this.startCalendarApi.render();
_this.endCalendarApi.render();
}
});
}
}, {
key: 'setListeners',
value: function setListeners() {
var _this2 = this;
this.Scope.$watchGroup([function () {
return _this2.range.start;
}, function () {
return _this2.range.end;
}], function (newRange) {
if (newRange[0] && newRange[1]) {
_this2.setConfigurations();
}
});
}
}, {
key: 'setConfigurations',
value: function setConfigurations() {
var start = undefined,
end = undefined;
if (this.isMomentRange(this.range)) {
start = this.range.start;
end = this.range.end;
} else {
start = this.Moment(this.range.start, this.getFormat());
end = this.Moment(this.range.end, this.getFormat());
}
end = end.diff(start) >= 0 ? end : start.clone();
this.rangeStart = start;
this.rangeEnd = end;
this.daysSelected = 2;
this.updateRange();
}
}, {
key: 'updateRange',
value: function updateRange() {
if (this.isMomentRange(this.range)) {
this.range.start = this.rangeStart;
this.range.end = this.rangeEnd;
} else {
this.range.start = this.rangeStart ? this.rangeStart.format(this.getFormat()) : null;
this.range.end = this.rangeEnd ? this.rangeEnd.format(this.getFormat()) : null;
}
}
}, {
key: 'setInterceptors',
value: function setInterceptors() {
var _this3 = this;
this.startCalendarInterceptors = {
moveToPrevClicked: function moveToPrevClicked() {
_this3.moveCalenders(-1, 'start');
},
moveToNextClicked: function moveToNextClicked() {
_this3.moveCalenders(1, 'start');
},
daySelected: function daySelected(day) {
_this3.dayInStartSelected(day);
_this3.daySelected(day);
if (_this3.daysSelected == 2) {
_this3.interceptors.rangeSelectedByClick && _this3.interceptors.rangeSelectedByClick();
}
},
inputSelected: function inputSelected(day) {
_this3.inputInStartSelected(day);
}
};
this.endCalendarInterceptors = {
moveToPrevClicked: function moveToPrevClicked() {
_this3.moveCalenders(-1, 'end');
},
moveToNextClicked: function moveToNextClicked() {
_this3.moveCalenders(1, 'end');
},
daySelected: function daySelected(day) {
_this3.dayInEndSelected(day);
_this3.daySelected(day);
if (_this3.daysSelected == 2) {
_this3.interceptors.rangeSelectedByClick && _this3.interceptors.rangeSelectedByClick();
}
},
inputSelected: function inputSelected(day) {
_this3.inputInEndSelected(day);
}
};
}
}, {
key: 'inputInStartSelected',
value: function inputInStartSelected(day) {
switch (this.daysSelected) {
case 0:
case 1:
this.rangeStart = day;
this.daysSelected = 1;
break;
case 2:
if (day.diff(this.rangeStart, 'days') < 0) {
this.rangeStart = day;
} else if (day.isBetween(this.rangeStart, this.rangeEnd)) {
this.rangeStart = day;
} else if (day.diff(this.rangeEnd, 'days') >= 0) {
this.rangeStart = day;
this.rangeEnd = day;
}
this.daysSelected = 2;
this.updateRange();
break;
}
}
}, {
key: 'inputInEndSelected',
value: function inputInEndSelected(day) {
switch (this.daysSelected) {
case 0:
this.rangeStart = day;
this.daysSelected = 1;
break;
case 1:
case 2:
if (day.diff(this.rangeStart, 'days') <= 0) {
this.rangeStart = day;
this.rangeEnd = day;
} else if (day.isSame(this.startCalendar, 'months') || day.isSame(this.endCalendar, 'months')) {
this.rangeEnd = day;
} else if (!day.isSame(this.endCalendar, 'months')) {
this.rangeEnd = day;
}
this.daysSelected = 2;
this.updateRange();
break;
}
}
}, {
key: 'dayInStartSelected',
value: function dayInStartSelected(day) {
var nextMonth = this.startCalendar.clone().add(1, 'M');
if (day.isSame(nextMonth, 'month')) {
this.dayInEndSelected(day);
}
}
}, {
key: 'dayInEndSelected',
value: function dayInEndSelected(day) {
var prevMonth = this.endCalendar.clone().subtract(1, 'M');
if (day.isSame(prevMonth, 'month')) {
this.dayInStartSelected(day);
}
}
}, {
key: 'daySelected',
value: function daySelected(day) {
switch (this.daysSelected) {
case 0:
this.rangeStart = day;
this.daysSelected = 1;
break;
case 1:
if (day.diff(this.rangeStart, 'days') < 0) {
this.rangeStart = day;
} else {
this.rangeEnd = day;
this.daysSelected = 2;
this.updateRange();
}
break;
case 2:
this.daysSelected = 1;
this.rangeStart = day;
this.rangeEnd = null;
break;
}
}
}, {
key: 'moveCalenders',
value: function moveCalenders(month, calendar) {
if (this.areCalendarsLinked()) {
this.startCalendar = this.startCalendar.clone().add(month, 'M');
this.endCalendar = this.endCalendar.clone().add(month, 'M');
} else {
if (calendar === 'start') {
this.startCalendar = this.startCalendar.clone().add(month, 'M');
} else {
this.endCalendar = this.endCalendar.clone().add(month, 'M');
}
}
}
}, {
key: 'isMomentRange',
value: function isMomentRange(range) {
var isRange = false;
if (range && range.start && range.end) {
isRange = this.Moment.isMoment(this.range.start) && this.Moment.isMoment(this.range.end);
}
return isRange;
}
}, {
key: 'watchRangeChange',
value: function watchRangeChange() {
var _this4 = this;
this.Scope.$watchGroup([function () {
return _this4.rangeStart;
}, function () {
return _this4.rangeEnd;
}], function (newRange, oldRange) {
var newStart = newRange[0];
var newEnd = newRange[1];
var oldStart = oldRange[0];
var oldEnd = oldRange[1];
if (_this4.maxDay() && newStart.isSame(_this4.maxDay(), 'M')) {
newStart = newStart.clone().subtract(1, 'M');
}
if (!_this4.startCalendar && !_this4.endCalendar) {
_this4.startCalendar = newStart;
_this4.endCalendar = newStart.clone().add(1, 'M');
}
if (_this4.areCalendarsLinked()) {
if (!(newStart.isSame(_this4.startCalendar, 'M') || newStart.isSame(_this4.endCalendar, 'M'))) {
if (newStart.isSame(oldStart, 'M') && newEnd && !newEnd.isSame(oldEnd, 'M')) {
_this4.startCalendar = newEnd.clone().subtract(1, 'M');
_this4.endCalendar = newEnd;
} else {
_this4.startCalendar = newStart;
_this4.endCalendar = newStart.clone().add(1, 'M');
}
} else if (newEnd && newEnd.isAfter(_this4.endCalendar, 'M')) {
_this4.startCalendar = newEnd;
_this4.endCalendar = newEnd.clone().add(1, 'M');
} else if (!newStart.isSame(_this4.endCalendar, 'M')) {
_this4.startCalendar = newStart;
_this4.endCalendar = newStart.clone().add(1, 'M');
}
} else {
if (!(newStart.isSame(_this4.startCalendar, 'M') || newStart.isSame(_this4.endCalendar, 'M'))) {
if (newStart.isBefore(_this4.startCalendar, 'M')) {
_this4.startCalendar = newStart;
if (newEnd && !newEnd.isSame(_this4.endCalendar, 'M')) {
if (newStart.isSame(newEnd, 'M')) {
_this4.endCalendar = newStart.clone().add(1, "M");
} else {
_this4.endCalendar = newEnd;
}
}
} else if (newStart.isAfter(_this4.endCalendar)) {
_this4.startCalendar = newStart;
_this4.endCalendar = newStart.clone().add(1, 'M');
}
} else if (newEnd && newEnd.isAfter(_this4.endCalendar, 'M')) {
_this4.endCalendar = newEnd;
}
}
});
}
}, {
key: 'areCalendarsLinked',
value: function areCalendarsLinked() {
return angular.isDefined(this.linkedCalendars()) ? this.linkedCalendars() : true;
}
}]);
return DateRangePickerController;
})();
/***/ },
/* 5 */
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, '__esModule', {
value: true
});
var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
exports.Calendar = Calendar;
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
function Calendar() {
'ngInject';
var directive = {
restrict: 'E',
scope: {
minDay: '&',
maxDay: '&',
weekStart: '&',
getMonth: '&month',
getInterceptors: '&interceptors',
rangeStart: '&',
rangeEnd: '&',
selectedDay: '&',
minMonth: '&',
maxMonth: '&',
weekDaysName: '&',
monthFormat: '&',
inputFormat: '&',
showInput: '&',
api: '=?'
},
templateUrl: 'app/directives/calendar/calendar.html',
controller: CalendarController,
controllerAs: 'month',
bindToController: true,
link: function link(scope, elem, attrs, ctrl) {
ctrl.init();
}
};
return directive;
}
var CalendarController = (function () {
CalendarController.$inject = ["moment", "$scope", "$attrs"];
function CalendarController(moment, $scope, $attrs) {
'ngInject';
_classCallCheck(this, CalendarController);
this.Moment = moment;
this.Scope = $scope;
this.Attrs = $attrs;
}
_createClass(CalendarController, [{
key: 'init',
value: function init() {
this.api && this.setApi();
this.render();
}
}, {
key: 'setApi',
value: function setApi() {
_extends(this.api, {
render: this.render.bind(this),
moveToNext: this.moveToNext.bind(this),
showLeftArrow: this.showLeftArrow.bind(this)
});
}
}, {
key: 'render',
value: function render() {
this.defaultWeekDaysNames = this.weekDaysName() || ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
this.firstDayOfWeek = this.weekStart() || 'su';
this.daysOfWeek = this.buildWeek(this.firstDayOfWeek);
this.calendar = this.buildCalendar(this.getMonth());
this.interceptors = this.getInterceptors() || {};
this.setListeners();
this.daysName = this.setWeekDaysNames(this.daysOfWeek);
}
}, {
key: 'setValue',
value: function setValue() {
if (this.selectedDay()) {
this.value = this.selectedDay().format(this.getInputFormat());
}
}
}, {
key: 'setWeekDaysNames',
value: function setWeekDaysNames(weekDays) {
var daysName = arguments.length <= 1 || arguments[1] === undefined ? this.defaultWeekDaysNames : arguments[1];
var weekDayNames = [];
var defPosMap = this.Moment.weekdaysMin().reduce(function (obj, day, index) {
obj[day.toLowerCase()] = index;
return obj;
}, {});
weekDays.forEach(function (day, index) {
var defPos = defPosMap[day];
weekDayNames[index] = daysName[defPos];
});
return weekDayNames;
}
}, {
key: 'setListeners',
value: function setListeners() {
var _this = this;
this.Scope.$watch(function () {
return _this.getMonth();
}, function (newMonth) {
_this.calendar = _this.buildCalendar(newMonth);
});
this.Scope.$watchGroup([function () {
return _this.rangeStart();
}, function () {
return _this.rangeEnd();
}], function () {
_this.setValue();
_this.updateDaysProperties(_this.calendar.monthWeeks);
});
}
}, {
key: 'updateDaysProperties',
value: function updateDaysProperties(monthWeeks) {
var _this2 = this;
var minDay = this.minDay();
var maxDay = this.maxDay();
var selectedDay = this.selectedDay();
var rangeStart = this.rangeStart();
var rangeEnd = this.rangeEnd();
monthWeeks.forEach(function (week) {
week.forEach(function (day) {
day.selected = day.mo.isSame(selectedDay || null, 'day');
day.inRange = _this2.isInRange(day.mo);
day.rangeStart = day.mo.isSame(rangeStart || null, 'day');
day.rangeEnd = day.mo.isSame(rangeEnd || null, 'day');
if (minDay) {
day.disabled = day.mo.isBefore(minDay, 'day');
}
if (maxDay && !day.disabled) {
day.disabled = day.mo.isAfter(maxDay, 'day');
}
});
});
}
}, {
key: 'buildWeek',
value: function buildWeek(firstDay) {
var daysOfWeek = this.Moment.weekdaysMin().map(function (day) {
return day.toLowerCase();
});
var pivot = daysOfWeek.indexOf(firstDay.toLowerCase());
var firstHalf = daysOfWeek.slice(0, pivot);
var secondHalf = daysOfWeek.slice(pivot, daysOfWeek.length);
var week = secondHalf.concat(firstHalf);
return week;
}
}, {
key: 'buildCalendar',
value: function buildCalendar() {
var date = arguments.length <= 0 || arguments[0] === undefined ? this.Moment() : arguments[0];
var monthWeeks = [[], [], [], [], [], []];
var monthRange = this.getMonthDateRange(date.year(), date.month() + 1);
var firstDayOfMonth = monthRange.start;
var pivot = this.daysOfWeek.indexOf(firstDayOfMonth.format('dd').toLowerCase());
var tmpDate = firstDayOfMonth.clone().subtract(pivot, 'd');
for (var i = 0; i < 6; i++) {
for (var j = 0; j < 7; j++) {
monthWeeks[i][j] = {
mo: tmpDate,
currentDay: tmpDate.isSame(this.Moment(), 'day'),
currentMonth: tmpDate.isSame(date, 'month')
};
tmpDate = tmpDate.clone().add(1, 'd');
}
}
this.updateDaysProperties(monthWeeks);
return {
currentCalendar: date,
selectedDate: date,
firstDayOfMonth: monthRange.start.format('D'),
lastDayOfMonth: monthRange.end.format('D'),
monthWeeks: monthWeeks
};
}
}, {
key: 'moveCalenderByMonth',
value: function moveCalenderByMonth(months) {
var mo = this.calendar.currentCalendar;
this.month = mo.clone().add(months, 'M');
this.calendar = this.buildCalendar(this.month.clone());
}
}, {
key: 'moveToNext',
value: function moveToNext() {
if (this.interceptors.moveToNextClicked) {
this.interceptors.moveToNextClicked.call(this.interceptors.context);
} else {
this.moveCalenderByMonth(1);
}
}
}, {
key: 'moveToPrev',
value: function moveToPrev() {
if (this.interceptors.moveToPrevClicked) {
this.interceptors.moveToPrevClicked.call(this.interceptors.context);
} else {
this.moveCalenderByMonth(-1);
}
}
}, {
key: 'getMonthDateRange',
value: function getMonthDateRange(year, month) {
var startDate = this.Moment([year, month - 1]);
var endDate = this.Moment(startDate).endOf('month');
return { start: startDate, end: endDate };
}
}, {
key: 'isInRange',
value: function isInRange(day) {
var inRange = false;
var rangeStart = this.rangeStart() || null;
var rangeEnd = this.rangeEnd() || null;
inRange = day.isBetween(rangeStart, rangeEnd) || day.isSame(rangeStart, 'day') || inRange || day.isSame(rangeEnd, 'day');
return inRange;
}
}, {
key: 'daySelected',
value: function daySelected(day) {
if (!day.disabled) {
if (this.interceptors.daySelected) {
this.interceptors.daySelected.call(this.interceptors.context, day.mo);
}
}
}
}, {
key: 'dateInputEntered',
value: function dateInputEntered(ev, value) {
if (ev.keyCode == 13) {
this.dateInputSelected(ev, value);
// should prevent form submit if placed inside a form
ev.preventDefault();
}
}
}, {
key: 'dateInputSelected',
value: function dateInputSelected(ev, value) {
var day = this.Moment(value, this.getInputFormat(), true);
if (day.isValid()) {
var minDay = this.minDay();
var maxDay = this.maxDay();
day = minDay && day.isBefore(minDay, 'day') ? minDay : day;
day = maxDay && day.isAfter(maxDay, 'day') ? maxDay : day;
if (!this.selectedDay() || !this.selectedDay().isSame(day, 'day')) {
if (this.interceptors.inputSelected) {
this.interceptors.inputSelected(day);
} else {
this.daySelected({ mo: day });
}
}
}
}
}, {
key: 'getFormattedMonth',
value: function getFormattedMonth(day) {
return this.Moment(day).format(this.getMonthFormat());
}
}, {
key: 'getMonthFormat',
value: function getMonthFormat() {
return this.monthFormat() || 'MMMM YYYY';
}
}, {
key: 'getInputFormat',
value: function getInputFormat() {
return this.inputFormat() || 'MMM DD, YYYY';
}
}, {
key: 'showLeftArrow',
value: function showLeftArrow() {
if (this.minMonth()) {
return !this.minMonth().isSame(this.calendar.currentCalendar.clone().subtract(1, 'M'), 'M');
} else if (this.minDay()) {
return !this.minDay().isSame(this.calendar.currentCalendar, 'M');
} else {
return true;
}
}
}, {
key: 'showRightArrow',
value: function showRightArrow() {
if (this.maxMonth()) {
return !this.maxMonth().isSame(this.getMonth().clone().add(1, 'M'), 'M');
} else if (this.maxDay()) {
return !this.maxDay().isSame(this.getMonth(), 'M');
} else {
return true;
}
}
}, {
key: '_showInput',
value: function _showInput() {
return angular.isDefined(this.showInput()) ? this.showInput() : true;
}
}]);
return CalendarController;
})();
/***/ },
/* 6 */
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, '__esModule', {
value: true
});
var _slicedToArray = (function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i['return']) _i['return'](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError('Invalid attempt to destructure non-iterable instance'); } }; })();
var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
exports.ObDateRangePicker = ObDateRangePicker;
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
function ObDateRangePicker() {
'ngInject';
var directive = {
restrict: 'E',
scope: {
weekStart: '&',
range: '=?',
weekDaysName: '&',
format: '&',
ranges: '&',
minDay: '&',
maxDay: '&',
monthFormat: '&',
inputFormat: '&',
onApply: '&',
linkedCalendars: '&',
autoApply: '&',
disabled: '&',
calendarsAlwaysOn: '&',
api: '=?'
},
controller: ObDateRangePickerController,
templateUrl: 'app/directives/ob-date-range-picker/ob-date-range-picker.html',
controllerAs: 'obDateRangePicker',
bindToController: true,
link: function link(scope, elem, attrs, ctrl) {
ctrl.init();
}
};
return directive;
}
var ObDateRangePickerController = (function () {
ObDateRangePickerController.$inject = ["$document", "$element", "$scope", "moment", "dateRangePickerConf"];
function ObDateRangePickerController($document, $element, $scope, moment, dateRangePickerConf) {
'ngInject';
_classCallCheck(this, ObDateRangePickerController);
this.Element = $element;
this.Document = $document;
this.Scope = $scope;
this.Moment = moment;
this.dateRangePickerConf = dateRangePickerConf;
this.pickerApi = {};
}
_createClass(ObDateRangePickerController, [{
key: 'init',
value: function init() {
var _this = this;
this.range = this.range || this.dateRangePickerConf.range || {};
//config setup
this.weekStart = this.weekStart() ? this.weekStart : function () {
return _this.dateRangePickerConf.weekStart;
};
this.weekDaysName = this.weekDaysName() ? this.weekDaysName : function () {
return _this.dateRangePickerConf.weekDaysName;
};
this.format = this.format() ? this.format : function () {
return _this.dateRangePickerConf.format;
};
this.ranges = this.ranges() ? this.ranges : function () {
return _this.dateRangePickerConf.ranges;
};
this.minDay = this.minDay() ? this.minDay : function () {
return _this.dateRangePickerConf.minDay;
};
this.maxDay = this.maxDay() ? this.maxDay : function () {
return _this.dateRangePickerConf.maxDay;
};
this.monthFormat = this.monthFormat() ? this.monthFormat : function () {
return _this.dateRangePickerConf.monthFormat;
};
this.inputFormat = this.inputFormat() ? this.inputFormat : function () {
return _this.dateRangePickerConf.inputFormat;
};
this.linkedCalendars = angular.isDefined(this.linkedCalendars()) ? this.linkedCalendars : function () {
return _this.dateRangePickerConf.linkedCalendars;
};
this.autoApply = angular.isDefined(this.autoApply()) ? this.autoApply : function () {
return _this.dateRangePickerConf.autoApply;
};
this.disabled = angular.isDefined(this.disabled()) ? this.disabled : function () {
return _this.dateRangePickerConf.disabled;
};
this.calendarsAlwaysOn = angular.isDefined(this.calendarsAlwaysOn()) ? this.calendarsAlwaysOn : function () {
return _this.dateRangePickerConf.calendarsAlwaysOn;
};
this.isCustomVisible = this.calendarsAlwaysOn();
this.setOpenCloseLogic();
this.setWatchers();
this.value = 'Select a Range';
this.api && _extends(this.api, {
setDateRange: this.setDateRange.bind(this),
togglePicker: this.togglePicker.bind(this),
render: function render() {
_this.render();
_this.pickerApi.render();
}
});
this.preRanges = this.ranges() || [];
if (this.preRanges.length) {
this.preRanges.push({
name: 'Custom',
isCustom: true
});
} else {
this.isCustomVisible = true;
}
this.render();
this.setListeners();
}
}, {
key: 'render',
value: function render() {
this._range = {
start: this.Moment(),
end: this.Moment()
};
this.setPredefinedStatus();
if (this.range.start && this.range.end && !this.Moment.isMoment(this.range.start) && !this.Moment.isMoment(this.range.end) && this.format()) {
this._range = {
start: this.Moment(this.range.start, this.getFormat()),
end: this.Moment(this.range.end, this.getFormat())
};
} else if (this.Moment.isMoment(this.range.start) && this.Moment.isMoment(this.range.end)) {
this._range = {
start: this.range.start,
end: this.range.end
};
} else if (this.preRanges.length > 1) {
var firstPreRange = this.preRanges[0];
this._range.start = firstPreRange.start;
this._range.end = firstPreRange.end;
}
if (this._range.start.isAfter(this._range.end)) {
this._range.start = this._range.end.clone();
} else if (this._range.end.isBefore(this._range.start)) {
this._range.end = this._range.start.clone();
}
this.applyMinMaxDaysToRange();
this.setRange();
this.markPredefined(this._range.start, this._range.end);
this.setPickerInterceptors();
this.isCustomVisible = this.calendarsAlwaysOn();
}
}, {
key: 'applyMinMaxDaysToRange',
value: function applyMinMaxDaysToRange() {
if (this.minDay()) {
var minDay = this._getMinDay();
this._range.start = this._range.start.isBefore(minDay, 'd') ? minDay : this._range.start;
this._range.end = this._range.end.isBefore(minDay, 'd') ? minDay : this._range.end;
}
if (this.maxDay()) {
var maxDay = this._getMaxDay();
this._range.start = this._range.start.isAfter(maxDay) ? maxDay : this._range.start;
this._range.end = this._range.end.isAfter(maxDay) ? maxDay : this._range.end;
}
}
}, {
key: 'setPickerInterceptors',
value: function setPickerInterceptors() {
var _this2 = this;
this.pickerInterceptors = {
rangeSelectedByClick: function rangeSelectedByClick() {
if (_this2.autoApply()) {
_this2.applyChanges();
}
}
};
}
}, {
key: 'setPredefinedStatus',
value: function setPredefinedStatus() {
var _this3 = this;
this.preRanges.forEach(function (range) {
if (!range.isCustom) {
range.disabled = false;
if (_this3.minDay()) {
var minDay = _this3._getMinDay();
range.disabled = range.start.isBefore(minDay, 'd');
}
if (!range.disabled && _this3.maxDay()) {
var maxDay = _this3._getMaxDay();
range.disabled = range.end.isAfter(maxDay, 'd');
}
}
});
}
}, {
key: 'setWatchers',
value: function setWatchers() {
var _this4 = this;
this.Scope.$watchGroup([function () {
return _this4._range.start;
}, function () {
return _this4._range.end;
}], function (_ref) {
var _ref2 = _slicedToArray(_ref, 2);
var start = _ref2[0];
var end = _ref2[1];
if (!_this4.selfChange) {
if (start && end) {
if (_this4.preRanges.length) {
_this4.preRanges[_this4.preRanges.length - 1].start = start;
_this4.preRanges[_this4.preRanges.length - 1].end = end;
_this4.markPredefined(start, end);
}
_this4.value = _this4.getRangeValue();
}
}
_this4.selfChange = false;
});
}
}, {
key: 'setOpenCloseLogic',
value: function setOpenCloseLogic() {
this.isPickerVisible = false;
this.pickerPopup = angular.element(this.Element[0].querySelector('.picker'));
this.elemClickFlag = false;
}
}, {
key: 'setListeners',
value: function setListeners() {
var _this5 = this;
var events = {
documentClick: function documentClick() {
if (_this5.elemClickFlag) {
_this5.elemClickFlag = false;
} else if (_this5.isPickerVisible) {
_this5.discardChanges();
_this5.Scope.$apply();
}
},
documentEsc: function documentEsc(e) {
if (e.keyCode == 27 && _this5.isPickerVisible) {
_this5.discardChanges();
_this5.hidePicker();
_this5.Scope.$apply();
}
},
pickerClick: function pickerClick() {
_this5.elemClickFlag = true;
_this5.Scope.$apply();
}
};
this.pickerPopup.on('click', events.pickerClick.bind(this));
this.Document.on('click', events.documentClick.bind(this));
this.Document.on('keydown', events.documentEsc.bind(this));
this.Scope.$on('$destroy', function () {
_this5.pickerPopup.off('click', events.pickerClick);
_this5.Document.off('click', events.documentClick);
_this5.Document.off('keydown', events.documentClick);
});
}
}, {
key: 'togglePicker',
value: function togglePicker() {
var disabled = angular.isDefined(this.disabled()) ? this.disabled() : false;
if (!disabled && !this.isPickerVisible) {
this.isPickerVisible = true;
this.elemClickFlag = true;
} else {
this.isPickerVisible = false;
}
}
}, {
key: 'hidePicker',
value: function hidePicker() {
this.isPickerVisible = false;
}
}, {
key: 'setRange',
value: function setRange() {
var range = arguments.length <= 0 || arguments[0] === undefined ? this._range : arguments[0];
if (this.format()) {
this.range.start = range.start.format(this.getFormat());
this.range.end = range.end.format(this.getFormat());
} else {
this.range.start = range.start;
this.range.end = range.end;
}
}
}, {
key: 'predefinedRangeSelected',
value: function predefinedRangeSelected(range, index) {
if (!range.disabled) {
if (!range.isCustom) {
this.selfChange = true;
this.selectedRengeIndex = index;
this.value = range.name;
this._range.start = range.start;
this._range.end = range.end;
this.isCustomVisible = this.calendarsAlwaysOn() || false;
this.applyChanges();
} else {
this.isCustomVisible = true;
}
}
}
}, {
key: 'getFormat',
value: function getFormat() {
return this.format() || 'MM-DD-YYYY';
}
}, {
key: 'discardChanges',
value: function discardChanges() {
var format = this.getFormat();
var start = this.Moment(this.range.start, format);
var end = this.Moment(this.range.end, format);
this._range.start = start;
this._range.end = end;
this.value = this.getRangeValue();
this.pickerApi.setCalendarPosition(start, end);
this.hidePicker();
}
}, {
key: 'markPredefined',
value: function markPredefined(start, end) {
this.selectedRengeIndex = this.preRanges.findIndex(function (range) {
return start.isSame(range.start, 'day') && end.isSame(range.end, 'day');
});
}
}, {
key: 'getRangeValue',
value: function getRangeValue() {
var _this6 = this;
var value = undefined;
var format = this.getInputFormat();
if (this.preRanges.length) {
var index = this.preRanges.findIndex(function (range) {
return _this6._range.start.isSame(range.start, 'day') && _this6._range.end.isSame(range.end, 'day');
});
if (index !== -1) {
if (this.preRanges[index].isCustom) {
value = this.preRanges[index].start.format(format) + ' - ' + this.preRanges[index].end.format(format);
} else {
value = this.preRanges[index].name;
}
}
} else {
value = this._range.start.format(format) + ' - ' + this._range.end.format(format);
}
return value;
}
}, {
key: 'applyChanges',
value: function applyChanges() {
var callApply = arguments.length <= 0 || arguments[0] === undefined ? true : arguments[0];
this.setRange();
this.hidePicker();
this.pickerApi.setCalendarPosition && this.pickerApi.setCalendarPosition(this._range.start, this._range.end);
if (callApply && this.onApply) {
this.onApply({ start: this._range.start, end: this._range.end });
}
}
}, {
key: 'getInputFormat',
value: function getInputFormat() {
return this.inputFormat() || 'MMM DD, YYYY';
}
}, {
key: 'setDateRange',
value: function setDateRange(range) {
this._range.start = range.start;
this._range.end = range.end;
this.applyChanges(false);'';
}
}, {
key: '_getMinDay',
value: function _getMinDay() {
return this.minDay() ? this.Moment(this.minDay(), this.getFormat()) : undefined;
}
}, {
key: '_getMaxDay',
value: function _getMaxDay() {
return this.maxDay() ? this.Moment(this.maxDay(), this.getFormat()) : undefined;
}
}]);
return ObDateRangePickerController;
})();
/***/ },
/* 7 */
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, '__esModule', {
value: true
});
var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
exports.ObDayPicker = ObDayPicker;
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
function ObDayPicker() {
'ngInject';
var directive = {
restrict: 'E',
scope: {
weekStart: '&',
selectedDay: '=?',
weekDaysName: '&',
format: '&',
minDay: '&',
maxDay: '&',
monthFormat: '&',
inputFormat: '&',
onApply: '&',
disabled: '&',
formName: '@name',
isValidDateEnabled: '&validDay',
autoApply: '&',
api: '=?'
},
controller: ObDayPickerController,
templateUrl: 'app/directives/ob-day-picker/ob-day-picker.html',
controllerAs: 'dayPicker',
bindToController: true,
link: function link(scope, elem, attrs, ctrl) {
ctrl.init();
}
};
return directive;
}
var ObDayPickerController = (function () {
ObDayPickerController.$inject = ["$document", "$element", "$scope", "$timeout", "moment", "datePickerConf"];
function ObDayPickerController($document, $element, $scope, $timeout, moment, datePickerConf) {
'ngInject';
_classCallCheck(this, ObDayPickerController);
this.Element = $element;
this.Document = $document;
this.Scope = $scope;
this.$timeout = $timeout;
this.Moment = moment;
this.datePickerConf = datePickerConf;
}
_createClass(ObDayPickerController, [{
key: 'init',
value: function init() {
var _this = this;
//config setup
this.weekStart = this.weekStart() ? this.weekStart : function () {
return _this.datePickerConf.weekStart;
};
this.weekDaysName = this.weekDaysName() ? this.weekDaysName : function () {
return _this.datePickerConf.weekDaysName;
};
this.format = this.format() ? this.format : function () {
return _this.datePickerConf.format;
};
this.minDay = this.minDay() ? this.minDay : function () {
return _this.datePickerConf.minDay;
};
this.maxDay = this.maxDay() ? this.maxDay : function () {
return _this.datePickerConf.maxDay;
};
this.monthFormat = this.monthFormat() ? this.monthFormat : function () {
return _this.datePickerConf.monthFormat;
};
this.inputFormat = this.inputFormat() ? this.inputFormat : function () {
return _this.datePickerConf.inputFormat;
};
this.autoApply = angular.isDefined(this.autoApply()) ? this.autoApply : function () {
return _this.datePickerConf.autoApply;
};
this.disabled = angular.isDefined(this.disabled()) ? this.disabled : function () {
return _this.datePickerConf.disabled;
};
this.isValidDateEnabled = angular.isDefined(this.isValidDateEnabled()) ? this.isValidDateEnabled : function () {
return _this.datePickerConf.isValidDateEnabled;
};
this.formName = this.formName || 'dayPickerInput';
this.setOpenCloseLogic();
this._selectedDay = this.getSelectedDay();
this.value = this.Moment(this._selectedDay).format(this.getFormat());
this.setCalendarInterceptors();
this.calendarApi = {};
this.api && _extends(this.api, {
render: function render() {
_this.render();
}
});
this.setListeners();
this.dayValidity = this.checkIfDayIsValid(this._selectedDay);
this.$timeout(function () {
_this.applyValidity(_this.dayValidity);
});
}
}, {
key: 'render',
value: function render() {
this.dayValidity = this.checkIfDayIsValid(this._selectedDay);
this.applyValidity(this.dayValidity);
this.calendarApi.render && this.calendarApi.render();
}
}, {
key: 'setOpenCloseLogic',
value: function setOpenCloseLogic() {
this.isPickerVisible = false;
this.pickerPopup = angular.element(this.Element[0].querySelector('.picker'));
this.elemClickFlag = false;
}
}, {
key: 'setCalendarInterceptors',
value: function setCalendarInterceptors() {
this.calendarInterceptors = {
daySelected: this.daySelected.bind(this)
};
}
}, {
key: 'setListeners',
value: function setListeners() {
var _this2 = this;
var events = {
documentClick: function documentClick() {
if (_this2.elemClickFlag) {
_this2.elemClickFlag = false;
} else {
_this2.onBlur();
_this2.Scope.$digest();
}
},
pickerClick: function pickerClick() {
_this2.elemClickFlag = true;
_this2.Scope.$digest();
}
};
this.pickerPopup.on('click', events.pickerClick.bind(this));
this.Document.on('click', events.documentClick.bind(this));
this.Scope.$on('$destroy', function () {
_this2.pickerPopup.off('click', events.pickerClick);
_this2.Document.off('click', events.documentClick);
});
this.Scope.$watchGroup([function () {
return _this2.Moment(_this2.minDay(), _this2.getFormat()).format();
}, function () {
return _this2.Moment(_this2.maxDay(), _this2.getFormat()).format();
}], function (min, max) {
if (min && min[0] || max && max[0]) {
_this2.render();
}
});
}
}, {
key: 'showPicker',
value: function showPicker() {
var disabled = angular.isDefined(this.disabled()) ? this.disabled() : false;
if (!disabled && !this.isPickerVisible) {
this.isPickerVisible = true;
}
this.elemClickFlag = true;
}
}, {
key: 'hidePicker',
value: function hidePicker() {
this.isPickerVisible = false;
}
}, {
key: 'daySelected',
value: function daySelected(day) {
var _this3 = this;
var timeout = arguments.length <= 1 || arguments[1] === undefined ? 100 : arguments[1];
this.applyValidity(this.checkIfDayIsValid(day));
if (!day.isSame(this._selectedDay, 'day')) {
this.calendarApi.render();
this.value = this.Moment(day).format(this.getFormat());
this._selectedDay = day;
this.$timeout(function () {
_this3.hidePicker();
_this3.updateSelectedDate(day);
}, timeout);
} else {
this.hidePicker();
}
}
}, {
key: 'dateInputEntered',
value: function dateInputEntered(e, value) {
var isDaySelectable = this.checkIfDayIsValid(value);
switch (e.keyCode) {
case 9:
case 13:
var day = this.getInputValue();
if (isDaySelectable) {
this.daySelected(day, 0);
} else {
this.hidePicker();
// should prevent form submit if placed inside a form
e.keyCode === 13 && e.preventDefault();
}
break;
case 40:
this.isPickerVisible = true;
break;
case 27:
this.isPickerVisible = false;
this.value = this._selectedDay.format(this.getFormat());
break;
default:
break;
}
}
}, {
key: 'getInputValue',
value: function getInputValue() {
return this.Moment(this.value, this.getFormat(), true);
}
}, {
key: 'onBlur',
value: function onBlur() {
var currentValue = this.getInputValue();
var isValid = this.checkIfDayIsValid(currentValue);
if (isValid) {
this.daySelected(currentValue);
} else {
this.hidePicker();
}
}
}, {
key: 'updateValidity',
value: function updateValidity() {
var day = this.getInputValue();
var isValid = this.checkIfDayIsValid(day);
this.applyValidity(isValid);
if (isValid && this.autoApply() && !day.isSame(this._selectedDay, 'day')) {
this._selectedDay = day;
this.updateSelectedDate(day);
}
}
}, {
key: 'checkIfDayIsValid',
value: function checkIfDayIsValid(value) {
var day = this.Moment(value, this.getFormat(), true);
var minDay = this._getMinDay();
var maxDay = this._getMaxDay();
var isValid = day.isValid();
if (isValid && minDay) {
isValid = day.isAfter(minDay, 'day') || day.isSame(minDay, 'day');
}
if (isValid && maxDay) {
isValid = day.isBefore(maxDay, 'day') || day.isSame(maxDay, 'day');
}
return isValid;
}
}, {
key: 'applyValidity',
value: function applyValidity(isDateValid) {
if (this.Scope[this.formName]) {
if (this.disabled && this.disabled()) {
this.Scope[this.formName].$setValidity('validDay', true);
this.dayValidity = true;
} else if (this.isValidDateEnabled() && this.Scope[this.formName]) {
this.Scope[this.formName].$setValidity('validDay', isDateValid);
this.dayValidity = isDateValid;
}
}
}
}, {
key: 'updateSelectedDate',
value: function updateSelectedDate() {
var day = arguments.length <= 0 || arguments[0] === undefined ? this._selectedDay : arguments[0];
if (this.format()) {
this.selectedDay = day.format(this.getFormat());
} else {
this.selectedDay = day;
}
this.onApply({ day: this.selectedDay });
}
}, {
key: 'getSelectedDay',
value: function getSelectedDay() {
return this.Moment(this.selectedDay || this.Moment(), this.getFormat());
}
}, {
key: 'getFormat',
value: function getFormat() {
return this.format() || 'MMM DD, YYYY';
}
}, {
key: '_getMinDay',
value: function _getMinDay() {
return this.minDay() ? this.Moment(this.minDay(), this.getFormat()) : undefined;
}
}, {
key: '_getMaxDay',
value: function _getMaxDay() {
return this.maxDay() ? this.Moment(this.maxDay(), this.getFormat()) : undefined;
}
}]);
return ObDayPickerController;
})();
/***/ },
/* 8 */
/***/ function(module, exports) {
/*eslint-disable */
'use strict';
if (!Array.prototype.findIndex) {
Array.prototype.findIndex = function (predicate) {
if (this === null) {
throw new TypeError('Array.prototype.findIndex called on null or undefined');
}
if (typeof predicate !== 'function') {
throw new TypeError('predicate must be a function');
}
var list = Object(this);
var length = list.length >>> 0;
var thisArg = arguments[1];
var value;
for (var i = 0; i < length; i++) {
value = list[i];
if (predicate.call(thisArg, value, i, list)) {
return i;
}
}
return -1;
};
}
/*eslint-enable */
/***/ }
/******/ ]);
angular.module("obDateRangePicker").run(["$templateCache", function($templateCache) {$templateCache.put("app/directives/calendar/calendar.html","<div class=\"input-container\" ng-if=\"month._showInput()\"><label>{{month.Attrs.label}}</label> <input type=\"text\" ng-model=\"month.value\" ng-keypress=\"month.dateInputEntered($event, month.value)\" ng-blur=\"month.dateInputSelected($event, month.value)\"></div><div class=\"header\"><span class=\"arrow-btn left\" ng-if=\"month.showLeftArrow()\" ng-click=\"month.moveToPrev()\"></span> <span class=\"date\">{{month.getFormattedMonth(month.calendar.currentCalendar)}}</span> <span class=\"arrow-btn right\" ng-if=\"month.showRightArrow()\" ng-click=\"month.moveToNext(1)\"></span></div><div class=\"board\"><div class=\"days-of-week\"><span class=\"day-name\" ng-repeat=\"day in month.daysName track by $index\">{{day}}</span></div><div class=\"weeks\"><div ng-repeat=\"week in month.calendar.monthWeeks track by $index\"><span class=\"day\" ng-repeat=\"day in week track by $index\" ng-class=\"{ \'selected\': day.selected, \'current\': day.currentDay, \'other-month\': !day.currentMonth, \'in-range\': day.inRange, \'range-start\': day.rangeStart, \'range-end\': day.rangeEnd, \'disabled\': day.disabled }\" ng-click=\"month.daySelected(day)\">{{day.mo.format(\'D\')}}</span></div></div></div>");
$templateCache.put("app/directives/date-range-picker/date-range-picker.html","<calendar class=\"calendar\" api=\"picker.startCalendarApi\" min-day=\"picker.minDay()\" max-day=\"picker.maxDay()\" week-start=\"picker.weekStart()\" month=\"picker.startCalendar\" interceptors=\"picker.startCalendarInterceptors\" range-start=\"picker.rangeStart\" range-end=\"picker.rangeEnd\" selected-day=\"picker.rangeStart\" max-month=\"picker.endCalendar\" week-days-name=\"picker.weekDaysName()\" month-format=\"picker.monthFormat()\" input-format=\"picker.inputFormat()\" label=\"Start Date\"></calendar><calendar class=\"calendar\" api=\"picker.endCalendarApi\" min-day=\"picker.minDay()\" max-day=\"picker.maxDay()\" week-start=\"picker.weekStart()\" month=\"picker.endCalendar\" interceptors=\"picker.endCalendarInterceptors\" range-start=\"picker.rangeStart\" range-end=\"picker.rangeEnd\" selected-day=\"picker.rangeEnd\" min-month=\"picker.startCalendar\" week-days-name=\"picker.weekDaysName()\" month-format=\"picker.monthFormat()\" input-format=\"picker.inputFormat()\" label=\"End Date\"></calendar>");
$templateCache.put("app/directives/ob-date-range-picker/ob-date-range-picker.html","<div class=\"picker-dropdown-container\" ng-class=\"{\'disabled\': obDateRangePicker.disabled()}\"><div class=\"picker-dropdown\" ng-class=\"{\'open\': obDateRangePicker.isPickerVisible}\" ng-click=\"obDateRangePicker.togglePicker()\"><span>{{obDateRangePicker.value}}</span></div><div class=\"picker\" ng-class=\"{\'open\': obDateRangePicker.isPickerVisible}\" ng-show=\"obDateRangePicker.isPickerVisible\"><div class=\"date-range\" ng-show=\"obDateRangePicker.isCustomVisible\"><date-range-picker ng-if=\"obDateRangePicker.isPickerVisible\" api=\"obDateRangePicker.pickerApi\" interceptors=\"obDateRangePicker.pickerInterceptors\" linked-calendars=\"obDateRangePicker.linkedCalendars()\" week-start=\"obDateRangePicker.weekStart()\" range=\"obDateRangePicker._range\" week-days-name=\"obDateRangePicker.weekDaysName()\" min-day=\"obDateRangePicker._getMinDay()\" max-day=\"obDateRangePicker._getMaxDay()\" month-format=\"obDateRangePicker.monthFormat()\" input-format=\"obDateRangePicker.inputFormat()\"></date-range-picker></div><div class=\"ranges-actions\" ng-class=\"{\'custom-open\': obDateRangePicker.isCustomVisible}\"><div class=\"ranges\"><div class=\"range\" ng-repeat=\"range in obDateRangePicker.preRanges track by $index\" ng-class=\"{\'selected\': obDateRangePicker.selectedRengeIndex === $index, \'disabled\': range.disabled}\" ng-click=\"obDateRangePicker.predefinedRangeSelected(range, $index)\" ng-if=\"!$last || ($last && !obDateRangePicker.calendarsAlwaysOn())\">{{range.name}}</div></div><div class=\"actions\" ng-if=\"!obDateRangePicker.autoApply()\"><div class=\"drp_btn cancel\" ng-click=\"obDateRangePicker.discardChanges()\">Cancel</div><div class=\"drp_btn apply\" ng-click=\"obDateRangePicker.applyChanges()\">APPLY</div></div></div></div></div>");
$templateCache.put("app/directives/ob-day-picker/ob-day-picker.html","<div ng-form=\"{{::dayPicker.formName}}\" class=\"picker-dropdown-container\" ng-class=\"{\'open\': dayPicker.isPickerVisible, \'disabled\': dayPicker.disabled(), \'invalid\': !dayPicker.dayValidity}\"><input class=\"picker-input\" ng-model=\"dayPicker.value\" ng-change=\"dayPicker.updateValidity()\" ng-keydown=\"dayPicker.dateInputEntered($event, dayPicker.value)\" ng-click=\"dayPicker.showPicker()\" ng-disabled=\"dayPicker.disabled()\"><div class=\"picker\" ng-show=\"dayPicker.isPickerVisible\"><calendar class=\"calendar\" api=\"dayPicker.calendarApi\" min-day=\"dayPicker._getMinDay()\" max-day=\"dayPicker._getMaxDay()\" week-start=\"dayPicker.weekStart()\" month=\"dayPicker._selectedDay\" interceptors=\"dayPicker.calendarInterceptors\" selected-day=\"dayPicker._selectedDay\" min-month=\"dayPicker.startCalendar\" week-days-name=\"dayPicker.weekDaysName()\" month-format=\"dayPicker.monthFormat()\" show-input=\"false\"></calendar></div></div>");}]);
//# sourceMappingURL=../maps/scripts/ob-daterangepicker.js.map
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment