ng-daterangepicker2
Version:
Angular PayPal Datepicker
821 lines • 58.7 kB
JavaScript
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory(require("@angular/core"), require("@angular/forms"), require("@angular/common"), require("date-fns"), require("date-fns/format"), require("date-fns/locale/ar"), require("date-fns/locale/bg"), require("date-fns/locale/ca"), require("date-fns/locale/cs"), require("date-fns/locale/da"), require("date-fns/locale/de"), require("date-fns/locale/el"), require("date-fns/locale/en"), require("date-fns/locale/eo"), require("date-fns/locale/es"), require("date-fns/locale/fi"), require("date-fns/locale/fil"), require("date-fns/locale/fr"), require("date-fns/locale/hr"), require("date-fns/locale/id"), require("date-fns/locale/is"), require("date-fns/locale/it"), require("date-fns/locale/ja"), require("date-fns/locale/ko"), require("date-fns/locale/mk"), require("date-fns/locale/nb"), require("date-fns/locale/nl"), require("date-fns/locale/pl"), require("date-fns/locale/pt"), require("date-fns/locale/ro"), require("date-fns/locale/ru"), require("date-fns/locale/sk"), require("date-fns/locale/sv"), require("date-fns/locale/th"), require("date-fns/locale/tr"));
else if(typeof define === 'function' && define.amd)
define(["@angular/core", "@angular/forms", "@angular/common", "date-fns", "date-fns/format", "date-fns/locale/ar", "date-fns/locale/bg", "date-fns/locale/ca", "date-fns/locale/cs", "date-fns/locale/da", "date-fns/locale/de", "date-fns/locale/el", "date-fns/locale/en", "date-fns/locale/eo", "date-fns/locale/es", "date-fns/locale/fi", "date-fns/locale/fil", "date-fns/locale/fr", "date-fns/locale/hr", "date-fns/locale/id", "date-fns/locale/is", "date-fns/locale/it", "date-fns/locale/ja", "date-fns/locale/ko", "date-fns/locale/mk", "date-fns/locale/nb", "date-fns/locale/nl", "date-fns/locale/pl", "date-fns/locale/pt", "date-fns/locale/ro", "date-fns/locale/ru", "date-fns/locale/sk", "date-fns/locale/sv", "date-fns/locale/th", "date-fns/locale/tr"], factory);
else if(typeof exports === 'object')
exports["ng-daterangepicker"] = factory(require("@angular/core"), require("@angular/forms"), require("@angular/common"), require("date-fns"), require("date-fns/format"), require("date-fns/locale/ar"), require("date-fns/locale/bg"), require("date-fns/locale/ca"), require("date-fns/locale/cs"), require("date-fns/locale/da"), require("date-fns/locale/de"), require("date-fns/locale/el"), require("date-fns/locale/en"), require("date-fns/locale/eo"), require("date-fns/locale/es"), require("date-fns/locale/fi"), require("date-fns/locale/fil"), require("date-fns/locale/fr"), require("date-fns/locale/hr"), require("date-fns/locale/id"), require("date-fns/locale/is"), require("date-fns/locale/it"), require("date-fns/locale/ja"), require("date-fns/locale/ko"), require("date-fns/locale/mk"), require("date-fns/locale/nb"), require("date-fns/locale/nl"), require("date-fns/locale/pl"), require("date-fns/locale/pt"), require("date-fns/locale/ro"), require("date-fns/locale/ru"), require("date-fns/locale/sk"), require("date-fns/locale/sv"), require("date-fns/locale/th"), require("date-fns/locale/tr"));
else
root["ng-daterangepicker"] = factory(root["@angular/core"], root["@angular/forms"], root["@angular/common"], root["date-fns"], root["date-fns/format"], root["date-fns/locale/ar"], root["date-fns/locale/bg"], root["date-fns/locale/ca"], root["date-fns/locale/cs"], root["date-fns/locale/da"], root["date-fns/locale/de"], root["date-fns/locale/el"], root["date-fns/locale/en"], root["date-fns/locale/eo"], root["date-fns/locale/es"], root["date-fns/locale/fi"], root["date-fns/locale/fil"], root["date-fns/locale/fr"], root["date-fns/locale/hr"], root["date-fns/locale/id"], root["date-fns/locale/is"], root["date-fns/locale/it"], root["date-fns/locale/ja"], root["date-fns/locale/ko"], root["date-fns/locale/mk"], root["date-fns/locale/nb"], root["date-fns/locale/nl"], root["date-fns/locale/pl"], root["date-fns/locale/pt"], root["date-fns/locale/ro"], root["date-fns/locale/ru"], root["date-fns/locale/sk"], root["date-fns/locale/sv"], root["date-fns/locale/th"], root["date-fns/locale/tr"]);
})(this, function(__WEBPACK_EXTERNAL_MODULE_1__, __WEBPACK_EXTERNAL_MODULE_2__, __WEBPACK_EXTERNAL_MODULE_11__, __WEBPACK_EXTERNAL_MODULE_12__, __WEBPACK_EXTERNAL_MODULE_13__, __WEBPACK_EXTERNAL_MODULE_14__, __WEBPACK_EXTERNAL_MODULE_15__, __WEBPACK_EXTERNAL_MODULE_16__, __WEBPACK_EXTERNAL_MODULE_17__, __WEBPACK_EXTERNAL_MODULE_18__, __WEBPACK_EXTERNAL_MODULE_19__, __WEBPACK_EXTERNAL_MODULE_20__, __WEBPACK_EXTERNAL_MODULE_21__, __WEBPACK_EXTERNAL_MODULE_22__, __WEBPACK_EXTERNAL_MODULE_23__, __WEBPACK_EXTERNAL_MODULE_24__, __WEBPACK_EXTERNAL_MODULE_25__, __WEBPACK_EXTERNAL_MODULE_26__, __WEBPACK_EXTERNAL_MODULE_27__, __WEBPACK_EXTERNAL_MODULE_28__, __WEBPACK_EXTERNAL_MODULE_29__, __WEBPACK_EXTERNAL_MODULE_30__, __WEBPACK_EXTERNAL_MODULE_31__, __WEBPACK_EXTERNAL_MODULE_32__, __WEBPACK_EXTERNAL_MODULE_33__, __WEBPACK_EXTERNAL_MODULE_34__, __WEBPACK_EXTERNAL_MODULE_35__, __WEBPACK_EXTERNAL_MODULE_36__, __WEBPACK_EXTERNAL_MODULE_37__, __WEBPACK_EXTERNAL_MODULE_38__, __WEBPACK_EXTERNAL_MODULE_39__, __WEBPACK_EXTERNAL_MODULE_40__, __WEBPACK_EXTERNAL_MODULE_41__, __WEBPACK_EXTERNAL_MODULE_42__, __WEBPACK_EXTERNAL_MODULE_43__) {
return /******/ (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] = {
/******/ i: moduleId,
/******/ l: false,
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = 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;
/******/
/******/ // identity function for calling harmony imports with the correct context
/******/ __webpack_require__.i = function(value) { return value; };
/******/
/******/ // define getter function for harmony exports
/******/ __webpack_require__.d = function(exports, name, getter) {
/******/ if(!__webpack_require__.o(exports, name)) {
/******/ Object.defineProperty(exports, name, {
/******/ configurable: false,
/******/ enumerable: true,
/******/ get: getter
/******/ });
/******/ }
/******/ };
/******/
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = function(module) {
/******/ var getter = module && module.__esModule ?
/******/ function getDefault() { return module['default']; } :
/******/ function getModuleExports() { return module; };
/******/ __webpack_require__.d(getter, 'a', getter);
/******/ return getter;
/******/ };
/******/
/******/ // Object.prototype.hasOwnProperty.call
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "/";
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 4);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return DATERANGEPICKER_VALUE_ACCESSOR; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return NgDateRangePickerComponent; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__angular_core__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_forms__ = __webpack_require__(2);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_forms___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__angular_forms__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_date_fns__ = __webpack_require__(12);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_date_fns___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_date_fns__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_date_fns_format__ = __webpack_require__(13);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_date_fns_format___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_date_fns_format__);
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (this && this.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var locales = {
ar: __webpack_require__(14),
bg: __webpack_require__(15),
ca: __webpack_require__(16),
cs: __webpack_require__(17),
da: __webpack_require__(18),
de: __webpack_require__(19),
el: __webpack_require__(20),
en: __webpack_require__(21),
eo: __webpack_require__(22),
es: __webpack_require__(23),
fi: __webpack_require__(24),
fil: __webpack_require__(25),
fr: __webpack_require__(26),
hr: __webpack_require__(27),
id: __webpack_require__(28),
is: __webpack_require__(29),
it: __webpack_require__(30),
ja: __webpack_require__(31),
ko: __webpack_require__(32),
mk: __webpack_require__(33),
nb: __webpack_require__(34),
nl: __webpack_require__(35),
pl: __webpack_require__(36),
pt: __webpack_require__(37),
ro: __webpack_require__(38),
ru: __webpack_require__(39),
sk: __webpack_require__(40),
sv: __webpack_require__(41),
th: __webpack_require__(42),
tr: __webpack_require__(43)
};
var DATERANGEPICKER_VALUE_ACCESSOR = {
provide: __WEBPACK_IMPORTED_MODULE_1__angular_forms__["NG_VALUE_ACCESSOR"],
useExisting: __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["forwardRef"])(function () { return NgDateRangePickerComponent; }),
multi: true
};
var NgDateRangePickerComponent = /** @class */ (function () {
function NgDateRangePickerComponent(elementRef) {
this.elementRef = elementRef;
this.defaultOptions = {
theme: 'default',
range: 'tm',
dayNames: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
presetNames: ['This Month', 'Last Month', 'This Week', 'Last Week', 'This Year', 'Last Year', 'Today', 'Start', 'End'],
dateFormat: 'yMd',
outputFormat: 'DD/MM/YYYY',
startOfWeek: 0,
locale: 'en'
};
this.onTouchedCallback = function () { };
this.onChangeCallback = function () { };
}
Object.defineProperty(NgDateRangePickerComponent.prototype, "value", {
get: function () {
return this.modelValue;
},
set: function (value) {
if (!value) {
return;
}
this.modelValue = value;
this.onChangeCallback(value);
},
enumerable: true,
configurable: true
});
NgDateRangePickerComponent.prototype.writeValue = function (value) {
if (!value) {
return;
}
this.modelValue = value;
};
NgDateRangePickerComponent.prototype.registerOnChange = function (fn) {
this.onChangeCallback = fn;
};
NgDateRangePickerComponent.prototype.registerOnTouched = function (fn) {
this.onTouchedCallback = fn;
};
NgDateRangePickerComponent.prototype.getLocale = function () {
switch (this.options.locale) {
case 'ar':
this.locale = locales.ar;
break;
case 'bg':
this.locale = locales.bg;
break;
case 'ca':
this.locale = locales.ca;
break;
case 'cs':
this.locale = locales.cs;
break;
case 'da':
this.locale = locales.da;
break;
case 'de':
this.locale = locales.de;
break;
case 'el':
this.locale = locales.el;
break;
case 'en':
this.locale = locales.en;
break;
case 'eo':
this.locale = locales.eo;
break;
case 'es':
this.locale = locales.es;
break;
case 'fi':
this.locale = locales.fi;
break;
case 'fil':
this.locale = locales.fil;
break;
case 'fr':
this.locale = locales.fr;
break;
case 'hr':
this.locale = locales.hr;
break;
case 'id':
this.locale = locales.id;
break;
case 'is':
this.locale = locales.is;
break;
case 'it':
this.locale = locales.it;
break;
case 'ja':
this.locale = locales.ja;
break;
case 'ko':
this.locale = locales.ko;
break;
case 'mk':
this.locale = locales.mk;
break;
case 'nb':
this.locale = locales.nb;
break;
case 'nl':
this.locale = locales.nl;
break;
case 'pl':
this.locale = locales.pl;
break;
case 'pt':
this.locale = locales.pt;
break;
case 'ro':
this.locale = locales.ro;
break;
case 'ru':
this.locale = locales.ru;
break;
case 'sk':
this.locale = locales.sk;
break;
case 'sv':
this.locale = locales.sv;
break;
case 'th':
this.locale = locales.th;
break;
case 'tr':
this.locale = locales.tr;
break;
}
};
NgDateRangePickerComponent.prototype.ngOnInit = function () {
this.getLocale();
this.opened = false;
this.date = __WEBPACK_IMPORTED_MODULE_2_date_fns__["startOfDay"](new Date());
this.dateFormat = __WEBPACK_IMPORTED_MODULE_3_date_fns_format__(this.date, 'MMMM YYYY', { locale: this.locale });
this.options = this.options || this.defaultOptions;
this.initNames();
this.selectRange(this.options.range);
};
NgDateRangePickerComponent.prototype.ngOnChanges = function (changes) {
this.options = this.options || this.defaultOptions;
};
NgDateRangePickerComponent.prototype.initNames = function () {
this.dayNames = this.options.dayNames;
};
NgDateRangePickerComponent.prototype.generateCalendar = function () {
var _this = this;
this.days = [];
var start = __WEBPACK_IMPORTED_MODULE_2_date_fns__["startOfMonth"](this.date);
var end = __WEBPACK_IMPORTED_MODULE_2_date_fns__["endOfMonth"](this.date);
var days = __WEBPACK_IMPORTED_MODULE_2_date_fns__["eachDay"](start, end).map(function (d) {
return {
date: d,
day: __WEBPACK_IMPORTED_MODULE_2_date_fns__["getDate"](d),
weekday: __WEBPACK_IMPORTED_MODULE_2_date_fns__["getDay"](d),
today: __WEBPACK_IMPORTED_MODULE_2_date_fns__["isToday"](d),
firstMonthDay: __WEBPACK_IMPORTED_MODULE_2_date_fns__["isFirstDayOfMonth"](d),
lastMonthDay: __WEBPACK_IMPORTED_MODULE_2_date_fns__["isLastDayOfMonth"](d),
visible: true,
from: __WEBPACK_IMPORTED_MODULE_2_date_fns__["isSameDay"](_this.dateFrom, d),
to: __WEBPACK_IMPORTED_MODULE_2_date_fns__["isSameDay"](_this.dateTo, d),
isWithinRange: __WEBPACK_IMPORTED_MODULE_2_date_fns__["isWithinRange"](d, _this.dateFrom, _this.dateTo)
};
});
var prevMonthDayNum = __WEBPACK_IMPORTED_MODULE_2_date_fns__["getDay"](start) - 1;
var prevMonthDays = [];
if (prevMonthDayNum > 0) {
prevMonthDays = Array.from(Array(prevMonthDayNum).keys()).map(function (i) {
var d = __WEBPACK_IMPORTED_MODULE_2_date_fns__["subDays"](start, prevMonthDayNum - i);
return {
date: d,
day: __WEBPACK_IMPORTED_MODULE_2_date_fns__["getDate"](d),
weekday: __WEBPACK_IMPORTED_MODULE_2_date_fns__["getDay"](d),
firstMonthDay: __WEBPACK_IMPORTED_MODULE_2_date_fns__["isFirstDayOfMonth"](d),
lastMonthDay: __WEBPACK_IMPORTED_MODULE_2_date_fns__["isLastDayOfMonth"](d),
today: false,
visible: false,
from: false,
to: false,
isWithinRange: false
};
});
}
this.days = prevMonthDays.concat(days);
this.value = __WEBPACK_IMPORTED_MODULE_2_date_fns__["format"](this.dateFrom, this.options.outputFormat) + "-" + __WEBPACK_IMPORTED_MODULE_2_date_fns__["format"](this.dateTo, this.options.outputFormat);
};
NgDateRangePickerComponent.prototype.toggleCalendar = function (e, selection) {
if (this.opened && this.opened !== selection) {
this.opened = selection;
}
else {
this.opened = this.opened ? false : selection;
}
};
NgDateRangePickerComponent.prototype.closeCalendar = function (e) {
this.opened = false;
};
NgDateRangePickerComponent.prototype.selectDate = function (e, index) {
e.preventDefault();
var selectedDate = this.days[index].date;
if ((this.opened === 'from' && __WEBPACK_IMPORTED_MODULE_2_date_fns__["isAfter"](selectedDate, this.dateTo)) ||
(this.opened === 'to' && __WEBPACK_IMPORTED_MODULE_2_date_fns__["isBefore"](selectedDate, this.dateFrom))) {
return;
}
if (this.opened === 'from') {
this.dateFrom = selectedDate;
this.opened = 'to';
}
else if (this.opened === 'to') {
this.dateTo = selectedDate;
this.opened = 'from';
}
this.generateCalendar();
};
NgDateRangePickerComponent.prototype.prevMonth = function () {
this.date = __WEBPACK_IMPORTED_MODULE_2_date_fns__["subMonths"](this.date, 1);
this.dateFormat = __WEBPACK_IMPORTED_MODULE_3_date_fns_format__(this.date, 'MMMM YYYY ', { locale: this.locale });
this.generateCalendar();
};
NgDateRangePickerComponent.prototype.nextMonth = function () {
this.date = __WEBPACK_IMPORTED_MODULE_2_date_fns__["addMonths"](this.date, 1);
this.dateFormat = __WEBPACK_IMPORTED_MODULE_3_date_fns_format__(this.date, 'MMMM YYYY ', { locale: this.locale });
this.generateCalendar();
};
NgDateRangePickerComponent.prototype.selectRange = function (range) {
var today = __WEBPACK_IMPORTED_MODULE_2_date_fns__["startOfDay"](new Date());
switch (range) {
case 'tm':
this.dateFrom = __WEBPACK_IMPORTED_MODULE_2_date_fns__["startOfMonth"](today);
this.dateTo = __WEBPACK_IMPORTED_MODULE_2_date_fns__["endOfMonth"](today);
break;
case 'lm':
today = __WEBPACK_IMPORTED_MODULE_2_date_fns__["subMonths"](today, 1);
this.dateFrom = __WEBPACK_IMPORTED_MODULE_2_date_fns__["startOfMonth"](today);
this.dateTo = __WEBPACK_IMPORTED_MODULE_2_date_fns__["endOfMonth"](today);
break;
case 'lw':
today = __WEBPACK_IMPORTED_MODULE_2_date_fns__["subWeeks"](today, 1);
this.dateFrom = __WEBPACK_IMPORTED_MODULE_2_date_fns__["startOfWeek"](today, { weekStartsOn: this.options.startOfWeek });
this.dateTo = __WEBPACK_IMPORTED_MODULE_2_date_fns__["endOfWeek"](today, { weekStartsOn: this.options.startOfWeek });
break;
case 'tw':
this.dateFrom = __WEBPACK_IMPORTED_MODULE_2_date_fns__["startOfWeek"](today, { weekStartsOn: this.options.startOfWeek });
this.dateTo = __WEBPACK_IMPORTED_MODULE_2_date_fns__["endOfWeek"](today, { weekStartsOn: this.options.startOfWeek });
break;
case 'ty':
this.dateFrom = __WEBPACK_IMPORTED_MODULE_2_date_fns__["startOfYear"](today);
this.dateTo = __WEBPACK_IMPORTED_MODULE_2_date_fns__["endOfYear"](today);
break;
case 'ly':
today = __WEBPACK_IMPORTED_MODULE_2_date_fns__["subYears"](today, 1);
this.dateFrom = __WEBPACK_IMPORTED_MODULE_2_date_fns__["startOfYear"](today);
this.dateTo = __WEBPACK_IMPORTED_MODULE_2_date_fns__["endOfYear"](today);
break;
case 'td':
this.dateFrom = __WEBPACK_IMPORTED_MODULE_2_date_fns__["startOfToday"]();
this.dateTo = __WEBPACK_IMPORTED_MODULE_2_date_fns__["endOfToday"]();
break;
}
this.range = range;
this.generateCalendar();
};
NgDateRangePickerComponent.prototype.handleBlurClick = function (e) {
var target = e.srcElement || e.target;
if (!this.elementRef.nativeElement.contains(e.target) && !target.classList.contains('day-num')) {
this.opened = false;
}
};
__decorate([
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Input"])(),
__metadata("design:type", Object)
], NgDateRangePickerComponent.prototype, "options", void 0);
__decorate([
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["HostListener"])('document:click', ['$event']),
__metadata("design:type", Function),
__metadata("design:paramtypes", [MouseEvent]),
__metadata("design:returntype", void 0)
], NgDateRangePickerComponent.prototype, "handleBlurClick", null);
NgDateRangePickerComponent = __decorate([
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Component"])({
selector: 'ng-daterangepicker',
template: __webpack_require__(9),
styles: [__webpack_require__(10)],
providers: [DATERANGEPICKER_VALUE_ACCESSOR]
}),
__metadata("design:paramtypes", [__WEBPACK_IMPORTED_MODULE_0__angular_core__["ElementRef"]])
], NgDateRangePickerComponent);
return NgDateRangePickerComponent;
}());
/***/ }),
/* 1 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_1__;
/***/ }),
/* 2 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_2__;
/***/ }),
/* 3 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__src_ng_daterangepicker__ = __webpack_require__(5);
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__src_ng_daterangepicker__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_0__src_ng_daterangepicker__["b"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "c", function() { return __WEBPACK_IMPORTED_MODULE_0__src_ng_daterangepicker__["c"]; });
/***/ }),
/* 4 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__index__ = __webpack_require__(3);
/* harmony namespace reexport (by provided) */ __webpack_require__.d(__webpack_exports__, "DATERANGEPICKER_VALUE_ACCESSOR", function() { return __WEBPACK_IMPORTED_MODULE_0__index__["a"]; });
/* harmony namespace reexport (by provided) */ __webpack_require__.d(__webpack_exports__, "NgDateRangePickerComponent", function() { return __WEBPACK_IMPORTED_MODULE_0__index__["b"]; });
/* harmony namespace reexport (by provided) */ __webpack_require__.d(__webpack_exports__, "NgDateRangePickerModule", function() { return __WEBPACK_IMPORTED_MODULE_0__index__["c"]; });
/***/ }),
/* 5 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__ng_daterangepicker_component__ = __webpack_require__(0);
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__ng_daterangepicker_component__["a"]; });
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_0__ng_daterangepicker_component__["b"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__ng_daterangepicker_module__ = __webpack_require__(6);
/* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "c", function() { return __WEBPACK_IMPORTED_MODULE_1__ng_daterangepicker_module__["a"]; });
/***/ }),
/* 6 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return NgDateRangePickerModule; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__angular_core__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_common__ = __webpack_require__(11);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_common___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__angular_common__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__angular_forms__ = __webpack_require__(2);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__angular_forms___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2__angular_forms__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__ng_daterangepicker_component__ = __webpack_require__(0);
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var NgDateRangePickerModule = /** @class */ (function () {
function NgDateRangePickerModule() {
}
NgDateRangePickerModule = __decorate([
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["NgModule"])({
declarations: [__WEBPACK_IMPORTED_MODULE_3__ng_daterangepicker_component__["b" /* NgDateRangePickerComponent */]],
imports: [__WEBPACK_IMPORTED_MODULE_1__angular_common__["CommonModule"], __WEBPACK_IMPORTED_MODULE_2__angular_forms__["FormsModule"]],
exports: [__WEBPACK_IMPORTED_MODULE_3__ng_daterangepicker_component__["b" /* NgDateRangePickerComponent */], __WEBPACK_IMPORTED_MODULE_1__angular_common__["CommonModule"], __WEBPACK_IMPORTED_MODULE_2__angular_forms__["FormsModule"]]
})
], NgDateRangePickerModule);
return NgDateRangePickerModule;
}());
/***/ }),
/* 7 */
/***/ (function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__(8)();
// imports
// module
exports.push([module.i, ".ng-daterangepicker {\n width: 300px;\n height: 50px;\n background: #FFFFFF;\n display: inline-block;\n border: 1px solid #9da3a6;\n border-radius: 7px;\n position: relative; }\n .ng-daterangepicker.is-active {\n border: 1px solid #0070ba; }\n .ng-daterangepicker .input-section {\n width: calc(100% / 2);\n height: 50px;\n display: block;\n float: left;\n outline: none;\n padding: 7px 10px;\n color: #2c2e2f;\n cursor: pointer;\n position: relative; }\n .ng-daterangepicker .input-section:first-child {\n border-right: 1px solid #D4DADE; }\n .ng-daterangepicker .input-section .label-txt, .ng-daterangepicker .input-section .value-txt {\n display: block; }\n .ng-daterangepicker .input-section .label-txt {\n color: #0070ba;\n font-size: 11px; }\n .ng-daterangepicker .input-section .value-txt {\n color: #2c2e2f;\n font-size: 13px;\n border-bottom: 1px solid transparent; }\n .ng-daterangepicker .input-section .cal-icon {\n position: absolute;\n display: block;\n right: 10px;\n bottom: 5px; }\n .ng-daterangepicker .input-section .cal-icon svg {\n width: 20px;\n height: 20px; }\n .ng-daterangepicker .input-section .cal-icon svg path {\n fill: #0D79B1; }\n .ng-daterangepicker .calendar {\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n width: 500px;\n border: 1px solid #0070ba;\n border-radius: 7px;\n background: #FFFFFF;\n position: absolute;\n top: 75px;\n left: 0;\n z-index: 100;\n display: none; }\n .ng-daterangepicker .calendar:after {\n content: '';\n position: absolute;\n display: block;\n width: 30px;\n height: 30px;\n top: -16px;\n left: 65px;\n transform: rotate(45deg);\n border-top: 1px solid #0070ba;\n border-left: 1px solid #0070ba;\n background: #FFFFFF;\n transition: left 0.5s; }\n .ng-daterangepicker .calendar.is-opened {\n display: block; }\n .ng-daterangepicker .calendar.is-to:after {\n left: 215px; }\n .ng-daterangepicker .calendar .calendar-container {\n display: inline-block;\n width: 340px;\n height: 100%;\n padding: 20px;\n border-right: 1px solid #D4DADE;\n float: left; }\n .ng-daterangepicker .calendar .calendar-container .controls {\n width: 100%;\n height: 20px;\n display: flex;\n justify-content: space-between;\n align-items: center; }\n .ng-daterangepicker .calendar .calendar-container .controls .control-icon {\n display: block;\n width: 12px;\n height: 20px;\n cursor: pointer; }\n .ng-daterangepicker .calendar .calendar-container .controls .control-title {\n font-size: 17px;\n color: #2c2e2f; }\n .ng-daterangepicker .calendar .calendar-container .day-names {\n display: inline-block;\n width: 300px;\n margin-top: 30px;\n margin-bottom: 20px; }\n .ng-daterangepicker .calendar .calendar-container .day-names .day-name {\n width: calc(300px / 7);\n font-size: 13px;\n color: #9CA3A6;\n display: block;\n float: left;\n text-align: center;\n font-weight: bold; }\n .ng-daterangepicker .calendar .calendar-container .days {\n display: inline-block;\n width: 300px; }\n .ng-daterangepicker .calendar .calendar-container .days .day {\n width: calc(300px / 7);\n font-size: 13px;\n color: #9CA3A6;\n display: block;\n float: left;\n text-align: center;\n margin-bottom: 15px;\n cursor: pointer;\n font-weight: bold; }\n .ng-daterangepicker .calendar .calendar-container .days .day.is-within-range {\n background: #ACD5ED;\n color: #333333; }\n .ng-daterangepicker .calendar .calendar-container .days .day.is-from, .ng-daterangepicker .calendar .calendar-container .days .day.is-first-weekday {\n border-top-left-radius: 50%;\n border-bottom-left-radius: 50%; }\n .ng-daterangepicker .calendar .calendar-container .days .day.is-to, .ng-daterangepicker .calendar .calendar-container .days .day.is-last-weekday {\n border-top-right-radius: 50%;\n border-bottom-right-radius: 50%; }\n .ng-daterangepicker .calendar .calendar-container .days .day .day-num {\n display: flex;\n justify-content: center;\n align-items: center;\n float: left;\n width: calc(300px / 7);\n height: 100%;\n border-radius: 50%;\n padding: 10px 15px; }\n .ng-daterangepicker .calendar .calendar-container .days .day .day-num:hover, .ng-daterangepicker .calendar .calendar-container .days .day .day-num.is-active {\n background: #0070ba;\n color: #FFFFFF; }\n .ng-daterangepicker .calendar .side-container {\n width: 158px;\n min-height: 390px;\n padding: 10px;\n display: flex;\n align-items: center;\n position: relative; }\n .ng-daterangepicker .calendar .side-container .side-container-buttons {\n width: 138px; }\n .ng-daterangepicker .calendar .side-container .side-container-buttons .side-button {\n background: #FFFFFF;\n border-radius: 15px;\n border: 1px solid #0070ba;\n height: 30px;\n width: 138px;\n display: block;\n text-align: center;\n outline: none;\n margin-bottom: 15px;\n color: #6B737C;\n font-size: 13px;\n cursor: pointer; }\n .ng-daterangepicker .calendar .side-container .side-container-buttons .side-button:hover, .ng-daterangepicker .calendar .side-container .side-container-buttons .side-button.is-active {\n background: #0070ba;\n color: #FFFFFF; }\n .ng-daterangepicker .calendar .side-container .close-icon {\n position: absolute;\n width: 20px;\n height: 20px;\n top: 20px;\n right: 15px;\n cursor: pointer; }\n .ng-daterangepicker.theme-green.is-active {\n border-color: #0b7285; }\n .ng-daterangepicker.theme-green .input-section .label-txt {\n color: #0b7285; }\n .ng-daterangepicker.theme-green .input-section .cal-icon svg path {\n fill: #0b7285; }\n .ng-daterangepicker.theme-green .calendar {\n border-color: #0b7285; }\n .ng-daterangepicker.theme-green .calendar:after {\n border-top-color: #0b7285;\n border-left-color: #0b7285; }\n .ng-daterangepicker.theme-green .calendar .calendar-container .days .day.is-within-range {\n background: #13c3e3; }\n .ng-daterangepicker.theme-green .calendar .calendar-container .days .day .day-num:hover, .ng-daterangepicker.theme-green .calendar .calendar-container .days .day .day-num.is-active {\n background: #0b7285; }\n .ng-daterangepicker.theme-green .calendar .side-container .side-container-buttons .side-button {\n border-color: #0b7285; }\n .ng-daterangepicker.theme-green .calendar .side-container .side-container-buttons .side-button:hover, .ng-daterangepicker.theme-green .calendar .side-container .side-container-buttons .side-button.is-active {\n background: #0b7285; }\n .ng-daterangepicker.theme-teal.is-active {\n border-color: #087f5b; }\n .ng-daterangepicker.theme-teal .input-section .label-txt {\n color: #087f5b; }\n .ng-daterangepicker.theme-teal .input-section .cal-icon svg path {\n fill: #087f5b; }\n .ng-daterangepicker.theme-teal .calendar {\n border-color: #087f5b; }\n .ng-daterangepicker.theme-teal .calendar:after {\n border-top-color: #087f5b;\n border-left-color: #087f5b; }\n .ng-daterangepicker.theme-teal .calendar .calendar-container .days .day.is-within-range {\n background: #0edfa0; }\n .ng-daterangepicker.theme-teal .calendar .calendar-container .days .day .day-num:hover, .ng-daterangepicker.theme-teal .calendar .calendar-container .days .day .day-num.is-active {\n background: #087f5b; }\n .ng-daterangepicker.theme-teal .calendar .side-container .side-container-buttons .side-button {\n border-color: #087f5b; }\n .ng-daterangepicker.theme-teal .calendar .side-container .side-container-buttons .side-button:hover, .ng-daterangepicker.theme-teal .calendar .side-container .side-container-buttons .side-button.is-active {\n background: #087f5b; }\n .ng-daterangepicker.theme-cyan.is-active {\n border-color: #0b7285; }\n .ng-daterangepicker.theme-cyan .input-section .label-txt {\n color: #0b7285; }\n .ng-daterangepicker.theme-cyan .input-section .cal-icon svg path {\n fill: #0b7285; }\n .ng-daterangepicker.theme-cyan .calendar {\n border-color: #0b7285; }\n .ng-daterangepicker.theme-cyan .calendar:after {\n border-top-color: #0b7285;\n border-left-color: #0b7285; }\n .ng-daterangepicker.theme-cyan .calendar .calendar-container .days .day.is-within-range {\n background: #13c3e3; }\n .ng-daterangepicker.theme-cyan .calendar .calendar-container .days .day .day-num:hover, .ng-daterangepicker.theme-cyan .calendar .calendar-container .days .day .day-num.is-active {\n background: #0b7285; }\n .ng-daterangepicker.theme-cyan .calendar .side-container .side-container-buttons .side-button {\n border-color: #0b7285; }\n .ng-daterangepicker.theme-cyan .calendar .side-container .side-container-buttons .side-button:hover, .ng-daterangepicker.theme-cyan .calendar .side-container .side-container-buttons .side-button.is-active {\n background: #0b7285; }\n .ng-daterangepicker.theme-grape.is-active {\n border-color: #862e9c; }\n .ng-daterangepicker.theme-grape .input-section .label-txt {\n color: #862e9c; }\n .ng-daterangepicker.theme-grape .input-section .cal-icon svg path {\n fill: #862e9c; }\n .ng-daterangepicker.theme-grape .calendar {\n border-color: #862e9c; }\n .ng-daterangepicker.theme-grape .calendar:after {\n border-top-color: #862e9c;\n border-left-color: #862e9c; }\n .ng-daterangepicker.theme-grape .calendar .calendar-container .days .day.is-within-range {\n background: #ba60d0; }\n .ng-daterangepicker.theme-grape .calendar .calendar-container .days .day .day-num:hover, .ng-daterangepicker.theme-grape .calendar .calendar-container .days .day .day-num.is-active {\n background: #862e9c; }\n .ng-daterangepicker.theme-grape .calendar .side-container .side-container-buttons .side-button {\n border-color: #862e9c; }\n .ng-daterangepicker.theme-grape .calendar .side-container .side-container-buttons .side-button:hover, .ng-daterangepicker.theme-grape .calendar .side-container .side-container-buttons .side-button.is-active {\n background: #862e9c; }\n .ng-daterangepicker.theme-red.is-active {\n border-color: #c92a2a; }\n .ng-daterangepicker.theme-red .input-section .label-txt {\n color: #c92a2a; }\n .ng-daterangepicker.theme-red .input-section .cal-icon svg path {\n fill: #c92a2a; }\n .ng-daterangepicker.theme-red .calendar {\n border-color: #c92a2a; }\n .ng-daterangepicker.theme-red .calendar:after {\n border-top-color: #c92a2a;\n border-left-color: #c92a2a; }\n .ng-daterangepicker.theme-red .calendar .calendar-container .days .day.is-within-range {\n background: #e27777; }\n .ng-daterangepicker.theme-red .calendar .calendar-container .days .day .day-num:hover, .ng-daterangepicker.theme-red .calendar .calendar-container .days .day .day-num.is-active {\n background: #c92a2a; }\n .ng-daterangepicker.theme-red .calendar .side-container .side-container-buttons .side-button {\n border-color: #c92a2a; }\n .ng-daterangepicker.theme-red .calendar .side-container .side-container-buttons .side-button:hover, .ng-daterangepicker.theme-red .calendar .side-container .side-container-buttons .side-button.is-active {\n background: #c92a2a; }\n .ng-daterangepicker.theme-gray.is-active {\n border-color: #212529; }\n .ng-daterangepicker.theme-gray .input-section .label-txt {\n color: #212529; }\n .ng-daterangepicker.theme-gray .input-section .cal-icon svg path {\n fill: #212529; }\n .ng-daterangepicker.theme-gray .calendar {\n border-color: #212529; }\n .ng-daterangepicker.theme-gray .calendar:after {\n border-top-color: #212529;\n border-left-color: #212529; }\n .ng-daterangepicker.theme-gray .calendar .calendar-container .days .day.is-within-range {\n background: #4e5862; }\n .ng-daterangepicker.theme-gray .calendar .calendar-container .days .day .day-num:hover, .ng-daterangepicker.theme-gray .calendar .calendar-container .days .day .day-num.is-active {\n background: #212529; }\n .ng-daterangepicker.theme-gray .calendar .side-container .side-container-buttons .side-button {\n border-color: #212529; }\n .ng-daterangepicker.theme-gray .calendar .side-container .side-container-buttons .side-button:hover, .ng-daterangepicker.theme-gray .calendar .side-container .side-container-buttons .side-button.is-active {\n background: #212529; }\n", ""]);
// exports
/***/ }),
/* 8 */
/***/ (function(module, exports) {
/*
MIT License http://www.opensource.org/licenses/mit-license.php
Author Tobias Koppers @sokra
*/
// css base code, injected by the css-loader
module.exports = function() {
var list = [];
// return the list of modules as css string
list.toString = function toString() {
var result = [];
for(var i = 0; i < this.length; i++) {
var item = this[i];
if(item[2]) {
result.push("@media " + item[2] + "{" + item[1] + "}");
} else {
result.push(item[1]);
}
}
return result.join("");
};
// import a list of modules into the list
list.i = function(modules, mediaQuery) {
if(typeof modules === "string")
modules = [[null, modules, ""]];
var alreadyImportedModules = {};
for(var i = 0; i < this.length; i++) {
var id = this[i][0];
if(typeof id === "number")
alreadyImportedModules[id] = true;
}
for(i = 0; i < modules.length; i++) {
var item = modules[i];
// skip already imported module
// this implementation is not 100% perfect for weird media query combinations
// when a module is imported multiple times with different media queries.
// I hope this will never occur (Hey this way we have smaller bundles)
if(typeof item[0] !== "number" || !alreadyImportedModules[item[0]]) {
if(mediaQuery && !item[2]) {
item[2] = mediaQuery;
} else if(mediaQuery) {
item[2] = "(" + item[2] + ") and (" + mediaQuery + ")";
}
list.push(item);
}
}
};
return list;
};
/***/ }),
/* 9 */
/***/ (function(module, exports) {
module.exports = "<div class=\"ng-daterangepicker\"\n [ngClass]=\"{ 'is-active': !!opened,\n 'theme-green': options.theme === 'green',\n 'theme-teal': options.theme === 'teal',\n 'theme-cyan': options.theme === 'cyan',\n 'theme-grape': options.theme === 'grape',\n 'theme-red': options.theme === 'red',\n 'theme-gray': options.theme === 'gray' }\">\n\n <div class=\"input-section\" (click)=\"toggleCalendar($event, 'from')\">\n <span class=\"label-txt\">{{options.presetNames[7]}}</span>\n <span class=\"value-txt\">{{ dateFrom | date:options.dateFormat }}</span>\n <span class=\"cal-icon\">\n <svg width=\"94px\" height=\"94px\" viewBox=\"3 3 94 94\" version=\"1.1\">\n <g id=\"Group\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(3.000000, 3.000000)\">\n <path d=\"M67.166,20.168 C69.238,20.168 70.916,18.489 70.916,16.418 L70.916,4.085 C70.916,2.014 69.238,0.335 67.166,0.335 C65.096,0.335 63.416,2.014 63.416,4.085 L63.416,16.418 C63.416,18.489 65.096,20.168 67.166,20.168 Z M26.834,20.168 C28.904,20.168 30.584,18.489 30.584,16.418 L30.584,4.085 C30.584,2.014 28.904,0.335 26.834,0.335 C24.762,0.335 23.084,2.014 23.084,4.085 L23.084,16.418 C23.084,18.489 24.762,20.168 26.834,20.168 Z M88.833,9.5 L75.416,9.5 L75.416,16.418 C75.416,20.967 71.715,24.668 67.166,24.668 C62.617,24.668 58.916,20.967 58.916,16.418 L58.916,9.5 L35.084,9.5 L35.084,16.418 C35.084,20.967 31.383,24.668 26.834,24.668 C22.285,24.668 18.584,20.967 18.584,16.418 L18.584,9.5 L5.167,9.5 C2.405,9.5 0.167,11.738 0.167,14.5 L0.167,35 L93.833,35 L93.833,14.5 C93.833,11.738 91.595,9.5 88.833,9.5 Z M0.167,88.167 C0.167,90.929 2.405,93.167 5.167,93.167 L88.833,93.167 C91.595,93.167 93.833,90.929 93.833,88.167 L93.833,39 L0.167,39 L0.167,88.167 Z M69.387,50.875 L82.179,50.875 L82.179,63.667 L69.387,63.667 L69.387,50.875 Z M69.387,69.125 L82.179,69.125 L82.179,81.917 L69.387,81.917 L69.387,69.125 Z M50.198,50.875 L62.99,50.875 L62.99,63.667 L50.198,63.667 L50.198,50.875 Z M50.198,69.125 L62.99,69.125 L62.99,81.917 L50.198,81.917 L50.198,69.125 Z M31.01,50.875 L43.802,50.875 L43.802,63.667 L31.01,63.667 L31.01,50.875 Z M31.01,69.125 L43.802,69.125 L43.802,81.917 L31.01,81.917 L31.01,69.125 Z M11.821,50.875 L24.613,50.875 L24.613,63.667 L11.821,63.667 L11.821,50.875 Z M11.821,69.125 L24.613,69.125 L24.613,81.917 L11.821,81.917 L11.821,69.125 Z\" id=\"Shape\" fill=\"#000000\" fill-rule=\"nonzero\"></path>\n </g>\n </svg>\n </span>\n </div>\n\n <div class=\"input-section\" (click)=\"toggleCalendar($event, 'to')\">\n <span class=\"label-txt\">{{options.presetNames[8]}}</span>\n <span class=\"value-txt\">{{ dateTo | date:options.dateFormat }}</span>\n <span class=\"cal-icon\">\n <svg width=\"94px\" height=\"94px\" viewBox=\"3 3 94 94\" version=\"1.1\">\n <g id=\"Group\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(3.000000, 3.000000)\">\n <path d=\"M67.166,20.168 C69.238,20.168 70.916,18.489 70.916,16.418 L70.916,4.085 C70.916,2.014 69.238,0.335 67.166,0.335 C65.096,0.335 63.416,2.014 63.416,4.085 L63.416,16.418 C63.416,18.489 65.096,20.168 67.166,20.168 Z M26.834,20.168 C28.904,20.168 30.584,18.489 30.584,16.418 L30.584,4.085 C30.584,2.014 28.904,0.335 26.834,0.335 C24.762,0.335 23.084,2.014 23.084,4.085 L23.084,16.418 C23.084,18.489 24.762,20.168 26.834,20.168 Z M88.833,9.5 L75.416,9.5 L75.416,16.418 C75.416,20.967 71.715,24.668 67.166,24.668 C62.617,24.668 58.916,20.967 58.916,16.418 L58.916,9.5 L35.084,9.5 L35.084,16.418 C35.084,20.967 31.383,24.668 26.834,24.668 C22.285,24.668 18.584,20.967 18.584,16.418 L18.584,9.5 L5.167,9.5 C2.405,9.5 0.167,11.738 0.167,14.5 L0.167,35 L93.833,35 L93.833,14.5 C93.833,11.738 91.595,9.5 88.833,9.5 Z M0.167,88.167 C0.167,90.929 2.405,93.167 5.167,93.167 L88.833,93.167 C91.595,93.167 93.833,90.929 93.833,88.167 L93.833,39 L0.167,39 L0.167,88.167 Z M69.387,50.875 L82.179,50.875 L82.179,63.667 L69.387,63.667 L69.387,50.875 Z M69.387,69.125 L82.179,69.125 L82.179,81.917 L69.387,81.917 L69.387,69.125 Z M50.198,50.875 L62.99,50.875 L62.99,63.667 L50.198,63.667 L50.198,50.875 Z M50.198,69.125 L62.99,69.125 L62.99,81.917 L50.198,81.917 L50.198,69.125 Z M31.01,50.875 L43.802,50.875 L43.802,63.667 L31.01,63.667 L31.01,50.875 Z M31.01,69.125 L43.802,69.125 L43.802,81.917 L31.01,81.917 L31.01,69.125 Z M11.821,50.875 L24.613,50.875 L24.613,63.667 L11.821,63.667 L11.821,50.875 Z M11.821,69.125 L24.613,69.125 L24.613,81.917 L11.821,81.917 L11.821,69.125 Z\" id=\"Shape\" fill=\"#000000\" fill-rule=\"nonzero\"></path>\n </g>\n </svg>\n </span>\n </div>\n\n <div class=\"calendar\" [ngClass]=\"{ 'is-opened': !!opened, 'is-to': opened === 'to' }\">\n <div class=\"calendar-container\">\n <div class=\"controls\">\n <span class=\"control-icon\" (click)=\"prevMonth()\">\n <svg width=\"13px\" height=\"20px\" viewBox=\"0 44 13 20\" version=\"1.1\">\n <path d=\"M11.7062895,64 C11.6273879,64 11.5477012,63.9744846 11.480576,63.921491 L0.139160349,54.9910879 C0.0551556781,54.9247477 0.00451734852,54.8250413 0.000199351429,54.7174839 C-0.00333355528,54.6107116 0.0402389608,54.5074722 0.119140544,54.4356364 L11.4605562,44.095211 C11.6093308,43.9589979 11.8401474,43.9707742 11.9751829,44.1187637 C12.1110036,44.2675384 12.1004048,44.4983549 11.9516302,44.6333905 L0.928176181,54.6841175 L11.9323955,63.3491601 C12.0905912,63.4735969 12.1176768,63.7028433 11.9928475,63.861039 C11.9206191,63.9521095 11.8138469,64 11.7062895,64 Z\" id=\"Shape\" stroke=\"none\" fill=\"#000000\" fill-rule=\"nonzero\"></path>\n </svg>\n </span>\n <span class=\"control-title\">\n {{ dateFormat }}\n </span>\n <span class=\"control-icon\" (click)=\"nextMonth()\">\n <svg width=\"13px\" height=\"20px\" viewBox=\"21 44 13 20\">\n <path d=\"M32.7062895,64 C32.6273879,64 32.5477012,63.9744846 32.480576,63.921491 L21.1391603,54.9910879 C21.0551557,54.9247477 21.0045173,54.8250413 21.0001994,54.7174839 C20.9966664,54.6107116 21.040239,54.5074722 21.1191405,54.4356364 L32.4605562,44.095211 C32.6093308,43.9589979 32.8401474,43.9707742 32.9751829,44.1187637 C33.1110036,44.2675384 33.1004048,44.4983549 32.9516302,44.6333905 L21.9281762,54.6841175 L32.9323955,63.3491601 C33.0905912,63.4735969 33.1176768,63.7028433 32.9928475,63.861039 C32.9206191,63.9521095 32.8138469,64 32.7062895,64 Z\" id=\"Shape\" stroke=\"none\" fill=\"#000000\" fill-rule=\"nonzero\" transform=\"translate(27.035642, 54.000000) scale(-1, 1) translate(-27.035642, -54.000000) \"></path>\n </svg>\n </span>\n </div>\n <div class=\"day-names\">\n <span class=\"day-name\" *ngFor=\"let name of dayNames\">{{ name }}</span>\n </div>\n <div class=\"days\">\n <div class=\"day\"\n *ngFor=\"let d of days; let i = index;\"\n [ngClass]=\"{\n 'is-within-range': d.isWithinRange,\n 'is-from': d.from,\n 'is-to': d.to,\n 'is-first-weekday': d.weekday === 1 || d.firstMonthDay,\n 'is-last-weekday': d.weekday === 0 || d.lastMonthDay }\"\n (click)=\"selectDate($event, i)\">\n <span *ngIf=\"d.visible\" class=\"day-num\" [class.is-active]=\"d.from || d.to\">{{ d.day }}</span>\n </div>\n </div>\n </div>\n <div class=\"side-container\">\n <div class=\"side-container-buttons\">\n <button type=\"button\" class=\"side-button\" (click)=\"selectRange('tm')\" [class.is-active]=\"range === 'tm'\">{{options.presetNames[0]}}</button>\n <button type=\"button\" class=\"side-button\" (click)=\"selectRange('lm')\" [class.is-active]=\"range === 'lm'\">{{options.presetNames[1]}}</button>\n <button type=\"button\" class=\"side-button\" (click)=\"selectRange('tw')\" [class.is-active]=\"range === 'tw'\">{{options.presetNames[2]}}</button>\n <button type=\"button\" class=\"side-button\" (click)=\"selectRange('lw')\" [class.is-active]=\"range === 'lw'\">{{options.presetNames[3]}}</button>\n <button type=\"button\" class=\"side-button\" (click)=\"selectRange('ty')\" [class.is-active]=\"range === 'ty'\">{{options.presetNames[4]}}</button>\n <button type=\"button\" class=\"side-button\" (click)=\"selectRange('ly')\" [class.is-active]=\"range === 'ly'\">{{options.presetNames[5]}}</button>\n <button type=\"button\" class=\"side-button\" (click)=\"selectRange('td')\" [class.is-active]=\"range === 'td'\">{{options.presetNames[6]}}</button>\n </div>\n <span class=\"close-icon\" (click)=\"closeCalendar($event)\">\n <svg width=\"20px\" height=\"20px\" viewBox=\"47 44 20 20\" version=\"1.1\">\n <g id=\"Group\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(48.000000, 44.000000)\">\n <path d=\"M19.6876399,20 C19.6047542,19.999927 19.52529,19.9669423 19.4667175,19.9082976 L0.0839056416,0.525743396 C-0.0308734765,0.402566324 -0.0274867013,0.210616527 0.0915663128,0.0915650956 C0.210619327,-0.0274863359 0.402571676,-0.030873066 0.525750385,0.0839045261 L19.9085623,19.4664587 C19.9978567,19.5558631 20.0245499,19.6902301 19.9762091,19.8069762 C19.9278683,19.9237223 19.8139998,19.9998889 19.6876399,20 Z\" id=\"Shape\" fill=\"#000000\" fill-rule=\"nonzero\"></path>\n <path d=\"M0.312360116,20 C0.186000167,19.9998889 0.0721317315,19.9237223 0.0237909073,19.8069762 C-0.0245499168,19.6902301 0.0021432967,19.5558631 0.0914377445,19.4664587 L19.4742496,0.0839045261 C19.5974283,-0.030873066 19.7893807,-0.0274863359 19.9084337,0.0915650956 C20.0274867,0.210616527 20.0308735,0.402566324 19.9160944,0.525743396 L0.533282488,19.9082976 C0.474709982,19.9669423 0.395245751,19.999927 0.312360116,20 L0.312360116,20 Z\" id=\"Shape\" fill=\"#000000\" fill-rule=\"nonzero\"></path>\n </g>\n </svg>\n </span>\n </div>\n </div>\n</div>"
/***/ }),
/* 10 */
/***/ (function(module, exports, __webpack_require__) {
var result = __webpack_require__(7);
if (typeof result === "string") {
module.exports = result;
} else {
module.exports = result.toString();
}
/***/ }),
/* 11 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_11__;
/***/ }),
/* 12 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_12__;
/***/ }),
/* 13 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_13__;
/***/ }),
/* 14 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_14__;
/***/ }),
/* 15 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_15__;
/***/ }),
/* 16 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_16__;
/***/ }),
/* 17 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_17__;
/***/ }),
/* 18 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_18__;
/***/ }),
/* 19 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_19__;
/***/ }),
/* 20 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_20__;
/***/ }),
/* 21 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_21__;
/***/ }),
/* 22 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_22__;
/***/ }),
/* 23 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_23__;
/***/ }),
/* 24 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_24__;
/***/ }),
/* 25 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_25__;
/***/ }),
/* 26 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_26__;
/***/ }),
/* 27 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_27__;
/***/ }),
/* 28 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_28__;
/***/ }),
/* 29 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_29__;
/***/ }),
/* 30 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_30__;
/***/ }),
/* 31 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_31__;
/***/ }),
/* 32 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_32__;
/***/ }),
/* 33 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_33__;
/***/ }),
/* 34 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_34__;
/***/ }),
/* 35 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_35__;
/***/ }),
/* 36 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_36__;
/***/ }),
/* 37 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_37__;
/***/ }),
/* 38 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_38__;
/***/ }),
/* 39 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_39__;
/***/ }),
/* 40 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_40__;
/***/ }),
/* 41 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_41__;
/***/ }),
/* 42 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_42__;
/***/ }),
/* 43 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_43__;
/***/ })
/******/ ]);
});