diff --git a/src/Umbraco.Web.UI.Client/lib/datetimepicker/bootstrap-datetimepicker.js b/src/Umbraco.Web.UI.Client/lib/datetimepicker/bootstrap-datetimepicker.js
deleted file mode 100644
index 1ec2e9374d..0000000000
--- a/src/Umbraco.Web.UI.Client/lib/datetimepicker/bootstrap-datetimepicker.js
+++ /dev/null
@@ -1,1436 +0,0 @@
-/*
-//! version : 3.1.3
-=========================================================
-bootstrap-datetimepicker.js
-https://github.com/Eonasdan/bootstrap-datetimepicker
-=========================================================
-The MIT License (MIT)
-
-Copyright (c) 2014 Jonathan Peterson
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.
-*/
-;(function (root, factory) {
- 'use strict';
- if (typeof define === 'function' && define.amd) {
- // AMD is used - Register as an anonymous module.
- define(['jquery', 'moment'], factory);
- } else if (typeof exports === 'object') {
- factory(require('jquery'), require('moment'));
- }
- else {
- // Neither AMD or CommonJS used. Use global variables.
- if (!jQuery) {
- throw new Error('bootstrap-datetimepicker requires jQuery to be loaded first');
- }
- if (!moment) {
- throw new Error('bootstrap-datetimepicker requires moment.js to be loaded first');
- }
- factory(root.jQuery, moment);
- }
-}(this, function ($, moment) {
- 'use strict';
- if (typeof moment === 'undefined') {
- throw new Error('momentjs is required');
- }
-
- var dpgId = 0,
-
- DateTimePicker = function (element, options) {
- var defaults = $.fn.datetimepicker.defaults,
-
- icons = {
- time: 'glyphicon glyphicon-time',
- date: 'glyphicon glyphicon-calendar',
- up: 'glyphicon glyphicon-chevron-up',
- down: 'glyphicon glyphicon-chevron-down'
- },
-
- picker = this,
- errored = false,
- dDate,
-
- init = function () {
- var icon = false, localeData, rInterval;
- picker.options = $.extend({}, defaults, options);
- picker.options.icons = $.extend({}, icons, picker.options.icons);
-
- picker.element = $(element);
-
- dataToOptions();
-
- if (!(picker.options.pickTime || picker.options.pickDate)) {
- throw new Error('Must choose at least one picker');
- }
-
- picker.id = dpgId++;
- moment.locale(picker.options.language);
- picker.date = moment();
- picker.unset = false;
- picker.isInput = picker.element.is('input');
- picker.component = false;
-
- if (picker.element.hasClass('input-group')) {
- if (picker.element.find('.datepickerbutton').size() === 0) {//in case there is more then one 'input-group-addon' Issue #48
- picker.component = picker.element.find('[class^="input-group-"]');
- }
- else {
- picker.component = picker.element.find('.datepickerbutton');
- }
- }
- picker.format = picker.options.format;
-
- localeData = moment().localeData();
-
- if (!picker.format) {
- picker.format = (picker.options.pickDate ? localeData.longDateFormat('L') : '');
- if (picker.options.pickDate && picker.options.pickTime) {
- picker.format += ' ';
- }
- picker.format += (picker.options.pickTime ? localeData.longDateFormat('LT') : '');
- if (picker.options.useSeconds) {
- if (localeData.longDateFormat('LT').indexOf(' A') !== -1) {
- picker.format = picker.format.split(' A')[0] + ':ss A';
- }
- else {
- picker.format += ':ss';
- }
- }
- }
- picker.use24hours = (picker.format.toLowerCase().indexOf('a') < 0 && picker.format.indexOf('h') < 0);
-
- if (picker.component) {
- icon = picker.component.find('span');
- }
-
- if (picker.options.pickTime) {
- if (icon) {
- icon.addClass(picker.options.icons.time);
- }
- }
- if (picker.options.pickDate) {
- if (icon) {
- icon.removeClass(picker.options.icons.time);
- icon.addClass(picker.options.icons.date);
- }
- }
-
- picker.options.widgetParent =
- typeof picker.options.widgetParent === 'string' && picker.options.widgetParent ||
- picker.element.parents().filter(function () {
- return 'scroll' === $(this).css('overflow-y');
- }).get(0) ||
- 'body';
-
- picker.widget = $(getTemplate()).appendTo(picker.options.widgetParent);
-
- picker.minViewMode = picker.options.minViewMode || 0;
- if (typeof picker.minViewMode === 'string') {
- switch (picker.minViewMode) {
- case 'months':
- picker.minViewMode = 1;
- break;
- case 'years':
- picker.minViewMode = 2;
- break;
- default:
- picker.minViewMode = 0;
- break;
- }
- }
- picker.viewMode = picker.options.viewMode || 0;
- if (typeof picker.viewMode === 'string') {
- switch (picker.viewMode) {
- case 'months':
- picker.viewMode = 1;
- break;
- case 'years':
- picker.viewMode = 2;
- break;
- default:
- picker.viewMode = 0;
- break;
- }
- }
-
- picker.viewMode = Math.max(picker.viewMode, picker.minViewMode);
-
- picker.options.disabledDates = indexGivenDates(picker.options.disabledDates);
- picker.options.enabledDates = indexGivenDates(picker.options.enabledDates);
-
- picker.startViewMode = picker.viewMode;
- picker.setMinDate(picker.options.minDate);
- picker.setMaxDate(picker.options.maxDate);
- fillDow();
- fillMonths();
- fillHours();
- fillMinutes();
- fillSeconds();
- update();
- showMode();
- if (!getPickerInput().prop('disabled')) {
- attachDatePickerEvents();
- }
- if (picker.options.defaultDate !== '' && getPickerInput().val() === '') {
- picker.setValue(picker.options.defaultDate);
- }
- if (picker.options.minuteStepping !== 1) {
- rInterval = picker.options.minuteStepping;
- picker.date.minutes((Math.round(picker.date.minutes() / rInterval) * rInterval) % 60).seconds(0);
- }
- },
-
- getPickerInput = function () {
- var input;
-
- if (picker.isInput) {
- return picker.element;
- }
- input = picker.element.find('.datepickerinput');
- if (input.size() === 0) {
- input = picker.element.find('input');
- }
- else if (!input.is('input')) {
- throw new Error('CSS class "datepickerinput" cannot be applied to non input element');
- }
- return input;
- },
-
- dataToOptions = function () {
- var eData;
- if (picker.element.is('input')) {
- eData = picker.element.data();
- }
- else {
- eData = picker.element.find('input').data();
- }
- if (eData.dateFormat !== undefined) {
- picker.options.format = eData.dateFormat;
- }
- if (eData.datePickdate !== undefined) {
- picker.options.pickDate = eData.datePickdate;
- }
- if (eData.datePicktime !== undefined) {
- picker.options.pickTime = eData.datePicktime;
- }
- if (eData.dateUseminutes !== undefined) {
- picker.options.useMinutes = eData.dateUseminutes;
- }
- if (eData.dateUseseconds !== undefined) {
- picker.options.useSeconds = eData.dateUseseconds;
- }
- if (eData.dateUsecurrent !== undefined) {
- picker.options.useCurrent = eData.dateUsecurrent;
- }
- if (eData.calendarWeeks !== undefined) {
- picker.options.calendarWeeks = eData.calendarWeeks;
- }
- if (eData.dateMinutestepping !== undefined) {
- picker.options.minuteStepping = eData.dateMinutestepping;
- }
- if (eData.dateMindate !== undefined) {
- picker.options.minDate = eData.dateMindate;
- }
- if (eData.dateMaxdate !== undefined) {
- picker.options.maxDate = eData.dateMaxdate;
- }
- if (eData.dateShowtoday !== undefined) {
- picker.options.showToday = eData.dateShowtoday;
- }
- if (eData.dateCollapse !== undefined) {
- picker.options.collapse = eData.dateCollapse;
- }
- if (eData.dateLanguage !== undefined) {
- picker.options.language = eData.dateLanguage;
- }
- if (eData.dateDefaultdate !== undefined) {
- picker.options.defaultDate = eData.dateDefaultdate;
- }
- if (eData.dateDisableddates !== undefined) {
- picker.options.disabledDates = eData.dateDisableddates;
- }
- if (eData.dateEnableddates !== undefined) {
- picker.options.enabledDates = eData.dateEnableddates;
- }
- if (eData.dateIcons !== undefined) {
- picker.options.icons = eData.dateIcons;
- }
- if (eData.dateUsestrict !== undefined) {
- picker.options.useStrict = eData.dateUsestrict;
- }
- if (eData.dateDirection !== undefined) {
- picker.options.direction = eData.dateDirection;
- }
- if (eData.dateSidebyside !== undefined) {
- picker.options.sideBySide = eData.dateSidebyside;
- }
- if (eData.dateDaysofweekdisabled !== undefined) {
- picker.options.daysOfWeekDisabled = eData.dateDaysofweekdisabled;
- }
- },
-
- place = function () {
- var position = 'absolute',
- offset = picker.component ? picker.component.offset() : picker.element.offset(),
- $window = $(window),
- placePosition;
-
- picker.width = picker.component ? picker.component.outerWidth() : picker.element.outerWidth();
- offset.top = offset.top + picker.element.outerHeight();
-
- if (picker.options.direction === 'up') {
- placePosition = 'top';
- } else if (picker.options.direction === 'bottom') {
- placePosition = 'bottom';
- } else if (picker.options.direction === 'auto') {
- if (offset.top + picker.widget.height() > $window.height() + $window.scrollTop() && picker.widget.height() + picker.element.outerHeight() < offset.top) {
- placePosition = 'top';
- } else {
- placePosition = 'bottom';
- }
- }
- if (placePosition === 'top') {
- offset.bottom = $window.height() - offset.top + picker.element.outerHeight() + 3;
- picker.widget.addClass('top').removeClass('bottom');
- } else {
- offset.top += 1;
- picker.widget.addClass('bottom').removeClass('top');
- }
-
- if (picker.options.width !== undefined) {
- picker.widget.width(picker.options.width);
- }
-
- if (picker.options.orientation === 'left') {
- picker.widget.addClass('left-oriented');
- offset.left = offset.left - picker.widget.width() + 20;
- }
-
- if (isInFixed()) {
- position = 'fixed';
- offset.top -= $window.scrollTop();
- offset.left -= $window.scrollLeft();
- }
-
- if ($window.width() < offset.left + picker.widget.outerWidth()) {
- offset.right = $window.width() - offset.left - picker.width;
- offset.left = 'auto';
- picker.widget.addClass('pull-right');
- } else {
- offset.right = 'auto';
- picker.widget.removeClass('pull-right');
- }
-
- if (placePosition === 'top') {
- picker.widget.css({
- position: position,
- bottom: offset.bottom,
- top: 'auto',
- left: offset.left,
- right: offset.right
- });
- } else {
- picker.widget.css({
- position: position,
- top: offset.top,
- bottom: 'auto',
- left: offset.left,
- right: offset.right
- });
- }
- },
-
- notifyChange = function (oldDate, eventType) {
- if (moment(picker.date).isSame(moment(oldDate)) && !errored) {
- return;
- }
- errored = false;
- picker.element.trigger({
- type: 'dp.change',
- date: moment(picker.date),
- oldDate: moment(oldDate)
- });
-
- if (eventType !== 'change') {
- picker.element.change();
- }
-
- ////////MODIFICATION FOR COMPATIBILITY WITH OLD DATEPICKER
- //The old datepicker doesn't handle timezones occrectly.
- //This forces the new datepicker to mimick the incorrect values from the old datepicker
- //To do this it formats the datetime to a string *without* timezone info and then parses that as UTC (even though it is not), then adds the timezone afterwards.
- picker.element.trigger({
- type: 'changeDate',
- date: moment.utc(picker.date.format("YYYY-MM-DD HH:mm:ss")).local().toDate(),
- localDate: moment(picker.date).toDate()
- });
- ///////END MODIFICATION FOR COMPATIBILTIY
- },
-
- notifyError = function (date) {
- errored = true;
- picker.element.trigger({
- type: 'dp.error',
- date: moment(date, picker.format, picker.options.useStrict)
- });
- },
-
- update = function (newDate) {
- moment.locale(picker.options.language);
- var dateStr = newDate;
- if (!dateStr) {
- dateStr = getPickerInput().val();
- if (dateStr) {
- picker.date = moment(dateStr, picker.format, picker.options.useStrict);
- }
- if (!picker.date) {
- picker.date = moment();
- }
- }
- picker.viewDate = moment(picker.date).startOf('month');
- fillDate();
- fillTime();
- },
-
- fillDow = function () {
- moment.locale(picker.options.language);
- var html = $(''), weekdaysMin = moment.weekdaysMin(), i;
- if (picker.options.calendarWeeks === true) {
- html.append('# ');
- }
- if (moment().localeData()._week.dow === 0) { // starts on Sunday
- for (i = 0; i < 7; i++) {
- html.append('' + weekdaysMin[i] + ' ');
- }
- } else {
- for (i = 1; i < 8; i++) {
- if (i === 7) {
- html.append('' + weekdaysMin[0] + ' ');
- } else {
- html.append('' + weekdaysMin[i] + ' ');
- }
- }
- }
- picker.widget.find('.datepicker-days thead').append(html);
- },
-
- fillMonths = function () {
- moment.locale(picker.options.language);
- var html = '', i, monthsShort = moment.monthsShort();
- for (i = 0; i < 12; i++) {
- html += '' + monthsShort[i] + ' ';
- }
- picker.widget.find('.datepicker-months td').append(html);
- },
-
- fillDate = function () {
- if (!picker.options.pickDate) {
- return;
- }
- moment.locale(picker.options.language);
- var year = picker.viewDate.year(),
- month = picker.viewDate.month(),
- startYear = picker.options.minDate.year(),
- startMonth = picker.options.minDate.month(),
- endYear = picker.options.maxDate.year(),
- endMonth = picker.options.maxDate.month(),
- currentDate,
- prevMonth, nextMonth, html = [], row, clsName, i, days, yearCont, currentYear, months = moment.months();
-
- picker.widget.find('.datepicker-days').find('.disabled').removeClass('disabled');
- picker.widget.find('.datepicker-months').find('.disabled').removeClass('disabled');
- picker.widget.find('.datepicker-years').find('.disabled').removeClass('disabled');
-
- picker.widget.find('.datepicker-days th:eq(1)').text(
- months[month] + ' ' + year);
-
- prevMonth = moment(picker.viewDate, picker.format, picker.options.useStrict).subtract(1, 'months');
- days = prevMonth.daysInMonth();
- prevMonth.date(days).startOf('week');
- if ((year === startYear && month <= startMonth) || year < startYear) {
- picker.widget.find('.datepicker-days th:eq(0)').addClass('disabled');
- }
- if ((year === endYear && month >= endMonth) || year > endYear) {
- picker.widget.find('.datepicker-days th:eq(2)').addClass('disabled');
- }
-
- nextMonth = moment(prevMonth).add(42, 'd');
- while (prevMonth.isBefore(nextMonth)) {
- if (prevMonth.weekday() === moment().startOf('week').weekday()) {
- row = $(' ');
- html.push(row);
- if (picker.options.calendarWeeks === true) {
- row.append('' + prevMonth.week() + ' ');
- }
- }
- clsName = '';
- if (prevMonth.year() < year || (prevMonth.year() === year && prevMonth.month() < month)) {
- clsName += ' old';
- } else if (prevMonth.year() > year || (prevMonth.year() === year && prevMonth.month() > month)) {
- clsName += ' new';
- }
- if (prevMonth.isSame(moment({y: picker.date.year(), M: picker.date.month(), d: picker.date.date()}))) {
- clsName += ' active';
- }
- if (isInDisableDates(prevMonth, 'day') || !isInEnableDates(prevMonth)) {
- clsName += ' disabled';
- }
- if (picker.options.showToday === true) {
- if (prevMonth.isSame(moment(), 'day')) {
- clsName += ' today';
- }
- }
- if (picker.options.daysOfWeekDisabled) {
- for (i = 0; i < picker.options.daysOfWeekDisabled.length; i++) {
- if (prevMonth.day() === picker.options.daysOfWeekDisabled[i]) {
- clsName += ' disabled';
- break;
- }
- }
- }
- row.append('' + prevMonth.date() + ' ');
-
- currentDate = prevMonth.date();
- prevMonth.add(1, 'd');
-
- if (currentDate === prevMonth.date()) {
- prevMonth.add(1, 'd');
- }
- }
- picker.widget.find('.datepicker-days tbody').empty().append(html);
- currentYear = picker.date.year();
- months = picker.widget.find('.datepicker-months').find('th:eq(1)').text(year).end().find('span').removeClass('active');
- if (currentYear === year) {
- months.eq(picker.date.month()).addClass('active');
- }
- if (year - 1 < startYear) {
- picker.widget.find('.datepicker-months th:eq(0)').addClass('disabled');
- }
- if (year + 1 > endYear) {
- picker.widget.find('.datepicker-months th:eq(2)').addClass('disabled');
- }
- for (i = 0; i < 12; i++) {
- if ((year === startYear && startMonth > i) || (year < startYear)) {
- $(months[i]).addClass('disabled');
- } else if ((year === endYear && endMonth < i) || (year > endYear)) {
- $(months[i]).addClass('disabled');
- }
- }
-
- html = '';
- year = parseInt(year / 10, 10) * 10;
- yearCont = picker.widget.find('.datepicker-years').find(
- 'th:eq(1)').text(year + '-' + (year + 9)).parents('table').find('td');
- picker.widget.find('.datepicker-years').find('th').removeClass('disabled');
- if (startYear > year) {
- picker.widget.find('.datepicker-years').find('th:eq(0)').addClass('disabled');
- }
- if (endYear < year + 9) {
- picker.widget.find('.datepicker-years').find('th:eq(2)').addClass('disabled');
- }
- year -= 1;
- for (i = -1; i < 11; i++) {
- html += '' + year + ' ';
- year += 1;
- }
- yearCont.html(html);
- },
-
- fillHours = function () {
- moment.locale(picker.options.language);
- var table = picker.widget.find('.timepicker .timepicker-hours table'), html = '', current, i, j;
- table.parent().hide();
- if (picker.use24hours) {
- current = 0;
- for (i = 0; i < 6; i += 1) {
- html += ' ';
- for (j = 0; j < 4; j += 1) {
- html += '' + padLeft(current.toString()) + ' ';
- current++;
- }
- html += ' ';
- }
- }
- else {
- current = 1;
- for (i = 0; i < 3; i += 1) {
- html += '';
- for (j = 0; j < 4; j += 1) {
- html += '' + padLeft(current.toString()) + ' ';
- current++;
- }
- html += ' ';
- }
- }
- table.html(html);
- },
-
- fillMinutes = function () {
- var table = picker.widget.find('.timepicker .timepicker-minutes table'), html = '', current = 0, i, j, step = picker.options.minuteStepping;
- table.parent().hide();
- if (step === 1) {
- step = 5;
- }
- for (i = 0; i < Math.ceil(60 / step / 4) ; i++) {
- html += '';
- for (j = 0; j < 4; j += 1) {
- if (current < 60) {
- html += '' + padLeft(current.toString()) + ' ';
- current += step;
- } else {
- html += ' ';
- }
- table.html(html);
- },
-
- fillSeconds = function () {
- var table = picker.widget.find('.timepicker .timepicker-seconds table'), html = '', current = 0, i, j;
- table.parent().hide();
- for (i = 0; i < 3; i++) {
- html += '';
- for (j = 0; j < 4; j += 1) {
- html += '' + padLeft(current.toString()) + ' ';
- current += 5;
- }
- html += ' ';
- }
- table.html(html);
- },
-
- fillTime = function () {
- if (!picker.date) {
- return;
- }
- var timeComponents = picker.widget.find('.timepicker span[data-time-component]'),
- hour = picker.date.hours(),
- period = picker.date.format('A');
- if (!picker.use24hours) {
- if (hour === 0) {
- hour = 12;
- } else if (hour !== 12) {
- hour = hour % 12;
- }
- picker.widget.find('.timepicker [data-action=togglePeriod]').text(period);
- }
- timeComponents.filter('[data-time-component=hours]').text(padLeft(hour));
- timeComponents.filter('[data-time-component=minutes]').text(padLeft(picker.date.minutes()));
- timeComponents.filter('[data-time-component=seconds]').text(padLeft(picker.date.second()));
- },
-
- click = function (e) {
- e.stopPropagation();
- e.preventDefault();
- picker.unset = false;
- var target = $(e.target).closest('span, td, th'), month, year, step, day, oldDate = moment(picker.date);
- if (target.length === 1) {
- if (!target.is('.disabled')) {
- switch (target[0].nodeName.toLowerCase()) {
- case 'th':
- switch (target[0].className) {
- case 'picker-switch':
- showMode(1);
- break;
- case 'prev':
- case 'next':
- step = dpGlobal.modes[picker.viewMode].navStep;
- if (target[0].className === 'prev') {
- step = step * -1;
- }
- picker.viewDate.add(step, dpGlobal.modes[picker.viewMode].navFnc);
- fillDate();
- break;
- }
- break;
- case 'span':
- if (target.is('.month')) {
- month = target.parent().find('span').index(target);
- picker.viewDate.month(month);
- } else {
- year = parseInt(target.text(), 10) || 0;
- picker.viewDate.year(year);
- }
- if (picker.viewMode === picker.minViewMode) {
- picker.date = moment({
- y: picker.viewDate.year(),
- M: picker.viewDate.month(),
- d: picker.viewDate.date(),
- h: picker.date.hours(),
- m: picker.date.minutes(),
- s: picker.date.seconds()
- });
- set();
- notifyChange(oldDate, e.type);
- }
- showMode(-1);
- fillDate();
- break;
- case 'td':
- if (target.is('.day')) {
- day = parseInt(target.text(), 10) || 1;
- month = picker.viewDate.month();
- year = picker.viewDate.year();
- if (target.is('.old')) {
- if (month === 0) {
- month = 11;
- year -= 1;
- } else {
- month -= 1;
- }
- } else if (target.is('.new')) {
- if (month === 11) {
- month = 0;
- year += 1;
- } else {
- month += 1;
- }
- }
- picker.date = moment({
- y: year,
- M: month,
- d: day,
- h: picker.date.hours(),
- m: picker.date.minutes(),
- s: picker.date.seconds()
- }
- );
- picker.viewDate = moment({
- y: year, M: month, d: Math.min(28, day)
- });
- fillDate();
- set();
- notifyChange(oldDate, e.type);
- }
- break;
- }
- }
- }
- },
-
- actions = {
- incrementHours: function () {
- checkDate('add', 'hours', 1);
- },
-
- incrementMinutes: function () {
- checkDate('add', 'minutes', picker.options.minuteStepping);
- },
-
- incrementSeconds: function () {
- checkDate('add', 'seconds', 1);
- },
-
- decrementHours: function () {
- checkDate('subtract', 'hours', 1);
- },
-
- decrementMinutes: function () {
- checkDate('subtract', 'minutes', picker.options.minuteStepping);
- },
-
- decrementSeconds: function () {
- checkDate('subtract', 'seconds', 1);
- },
-
- togglePeriod: function () {
- var hour = picker.date.hours();
- if (hour >= 12) {
- hour -= 12;
- } else {
- hour += 12;
- }
- picker.date.hours(hour);
- },
-
- showPicker: function () {
- picker.widget.find('.timepicker > div:not(.timepicker-picker)').hide();
- picker.widget.find('.timepicker .timepicker-picker').show();
- },
-
- showHours: function () {
- picker.widget.find('.timepicker .timepicker-picker').hide();
- picker.widget.find('.timepicker .timepicker-hours').show();
- },
-
- showMinutes: function () {
- picker.widget.find('.timepicker .timepicker-picker').hide();
- picker.widget.find('.timepicker .timepicker-minutes').show();
- },
-
- showSeconds: function () {
- picker.widget.find('.timepicker .timepicker-picker').hide();
- picker.widget.find('.timepicker .timepicker-seconds').show();
- },
-
- selectHour: function (e) {
- var hour = parseInt($(e.target).text(), 10);
- if (!picker.use24hours) {
- if (picker.date.hours() >= 12) {
- if (hour !== 12) {
- hour += 12;
- }
- } else {
- if (hour === 12) {
- hour = 0;
- }
- }
- }
- picker.date.hours(hour);
- actions.showPicker.call(picker);
- },
-
- selectMinute: function (e) {
- picker.date.minutes(parseInt($(e.target).text(), 10));
- actions.showPicker.call(picker);
- },
-
- selectSecond: function (e) {
- picker.date.seconds(parseInt($(e.target).text(), 10));
- actions.showPicker.call(picker);
- }
- },
-
- doAction = function (e) {
- var oldDate = moment(picker.date),
- action = $(e.currentTarget).data('action'),
- rv = actions[action].apply(picker, arguments);
- stopEvent(e);
- if (!picker.date) {
- picker.date = moment({y: 1970});
- }
- set();
- fillTime();
- notifyChange(oldDate, e.type);
- return rv;
- },
-
- stopEvent = function (e) {
- e.stopPropagation();
- e.preventDefault();
- },
-
- keydown = function (e) {
- if (e.keyCode === 27) { // allow escape to hide picker
- picker.hide();
- }
- },
-
- change = function (e) {
- moment.locale(picker.options.language);
- var input = $(e.target), oldDate = moment(picker.date), newDate = moment(input.val(), picker.format, picker.options.useStrict);
- if (newDate.isValid() && !isInDisableDates(newDate) && isInEnableDates(newDate)) {
- update();
- picker.setValue(newDate);
- notifyChange(oldDate, e.type);
- set();
- }
- else {
- picker.viewDate = oldDate;
- picker.unset = true;
- notifyChange(oldDate, e.type);
- notifyError(newDate);
- }
- },
-
- showMode = function (dir) {
- if (dir) {
- picker.viewMode = Math.max(picker.minViewMode, Math.min(2, picker.viewMode + dir));
- }
- picker.widget.find('.datepicker > div').hide().filter('.datepicker-' + dpGlobal.modes[picker.viewMode].clsName).show();
- },
-
- attachDatePickerEvents = function () {
- var $this, $parent, expanded, closed, collapseData;
- picker.widget.on('click', '.datepicker *', $.proxy(click, this)); // this handles date picker clicks
- picker.widget.on('click', '[data-action]', $.proxy(doAction, this)); // this handles time picker clicks
- picker.widget.on('mousedown', $.proxy(stopEvent, this));
- picker.element.on('keydown', $.proxy(keydown, this));
- if (picker.options.pickDate && picker.options.pickTime) {
- picker.widget.on('click.togglePicker', '.accordion-toggle', function (e) {
- e.stopPropagation();
- $this = $(this);
- $parent = $this.closest('ul');
- expanded = $parent.find('.in');
- closed = $parent.find('.collapse:not(.in)');
-
- if (expanded && expanded.length) {
- collapseData = expanded.data('collapse');
- if (collapseData && collapseData.transitioning) {
- return;
- }
- expanded.collapse('hide');
- closed.collapse('show');
- $this.find('span').toggleClass(picker.options.icons.time + ' ' + picker.options.icons.date);
- if (picker.component) {
- picker.component.find('span').toggleClass(picker.options.icons.time + ' ' + picker.options.icons.date);
- }
- }
- });
- }
- if (picker.isInput) {
- picker.element.on({
- 'click': $.proxy(picker.show, this),
- 'focus': $.proxy(picker.show, this),
- 'change': $.proxy(change, this),
- 'blur': $.proxy(picker.hide, this)
- });
- } else {
- picker.element.on({
- 'change': $.proxy(change, this)
- }, 'input');
- if (picker.component) {
- picker.component.on('click', $.proxy(picker.show, this));
- picker.component.on('mousedown', $.proxy(stopEvent, this));
- } else {
- picker.element.on('click', $.proxy(picker.show, this));
- }
- }
- },
-
- attachDatePickerGlobalEvents = function () {
- $(window).on(
- 'resize.datetimepicker' + picker.id, $.proxy(place, this));
- if (!picker.isInput) {
- $(document).on(
- 'mousedown.datetimepicker' + picker.id, $.proxy(picker.hide, this));
- }
- },
-
- detachDatePickerEvents = function () {
- picker.widget.off('click', '.datepicker *', picker.click);
- picker.widget.off('click', '[data-action]');
- picker.widget.off('mousedown', picker.stopEvent);
- if (picker.options.pickDate && picker.options.pickTime) {
- picker.widget.off('click.togglePicker');
- }
- if (picker.isInput) {
- picker.element.off({
- 'focus': picker.show,
- 'change': change,
- 'click': picker.show,
- 'blur' : picker.hide
- });
- } else {
- picker.element.off({
- 'change': change
- }, 'input');
- if (picker.component) {
- picker.component.off('click', picker.show);
- picker.component.off('mousedown', picker.stopEvent);
- } else {
- picker.element.off('click', picker.show);
- }
- }
- },
-
- detachDatePickerGlobalEvents = function () {
- $(window).off('resize.datetimepicker' + picker.id);
- if (!picker.isInput) {
- $(document).off('mousedown.datetimepicker' + picker.id);
- }
- },
-
- isInFixed = function () {
- if (picker.element) {
- var parents = picker.element.parents(), inFixed = false, i;
- for (i = 0; i < parents.length; i++) {
- if ($(parents[i]).css('position') === 'fixed') {
- inFixed = true;
- break;
- }
- }
- return inFixed;
- } else {
- return false;
- }
- },
-
- set = function () {
- moment.locale(picker.options.language);
- var formatted = '';
- if (!picker.unset) {
- formatted = moment(picker.date).format(picker.format);
- }
- getPickerInput().val(formatted);
- picker.element.data('date', formatted);
- if (!picker.options.pickTime) {
- picker.hide();
- }
- },
-
- checkDate = function (direction, unit, amount) {
- moment.locale(picker.options.language);
- var newDate;
- if (direction === 'add') {
- newDate = moment(picker.date);
- if (newDate.hours() === 23) {
- newDate.add(amount, unit);
- }
- newDate.add(amount, unit);
- }
- else {
- newDate = moment(picker.date).subtract(amount, unit);
- }
- if (isInDisableDates(moment(newDate.subtract(amount, unit))) || isInDisableDates(newDate)) {
- notifyError(newDate.format(picker.format));
- return;
- }
-
- if (direction === 'add') {
- picker.date.add(amount, unit);
- }
- else {
- picker.date.subtract(amount, unit);
- }
- picker.unset = false;
- },
-
- isInDisableDates = function (date, timeUnit) {
- moment.locale(picker.options.language);
- var maxDate = moment(picker.options.maxDate, picker.format, picker.options.useStrict),
- minDate = moment(picker.options.minDate, picker.format, picker.options.useStrict);
-
- if (timeUnit) {
- maxDate = maxDate.endOf(timeUnit);
- minDate = minDate.startOf(timeUnit);
- }
-
- if (date.isAfter(maxDate) || date.isBefore(minDate)) {
- return true;
- }
- if (picker.options.disabledDates === false) {
- return false;
- }
- return picker.options.disabledDates[date.format('YYYY-MM-DD')] === true;
- },
- isInEnableDates = function (date) {
- moment.locale(picker.options.language);
- if (picker.options.enabledDates === false) {
- return true;
- }
- return picker.options.enabledDates[date.format('YYYY-MM-DD')] === true;
- },
-
- indexGivenDates = function (givenDatesArray) {
- // Store given enabledDates and disabledDates as keys.
- // This way we can check their existence in O(1) time instead of looping through whole array.
- // (for example: picker.options.enabledDates['2014-02-27'] === true)
- var givenDatesIndexed = {}, givenDatesCount = 0, i;
- for (i = 0; i < givenDatesArray.length; i++) {
- if (moment.isMoment(givenDatesArray[i]) || givenDatesArray[i] instanceof Date) {
- dDate = moment(givenDatesArray[i]);
- } else {
- dDate = moment(givenDatesArray[i], picker.format, picker.options.useStrict);
- }
- if (dDate.isValid()) {
- givenDatesIndexed[dDate.format('YYYY-MM-DD')] = true;
- givenDatesCount++;
- }
- }
- if (givenDatesCount > 0) {
- return givenDatesIndexed;
- }
- return false;
- },
-
- padLeft = function (string) {
- string = string.toString();
- if (string.length >= 2) {
- return string;
- }
- return '0' + string;
- },
-
- getTemplate = function () {
- var
- headTemplate =
- '' +
- '' +
- '‹ › ' +
- ' ' +
- ' ',
- contTemplate =
- '' +
- '
' + headTemplate + contTemplate + '
' +
- '
' +
- '
' + headTemplate + contTemplate + '
' +
- '
' +
- '
' +
- '' +
- '' + (picker.options.useMinutes ? ' ' +
- (picker.options.useSeconds ?
- ' ' +
- '' +
- '' + tpGlobal.hourTemplate + ' ' +
- ': ' +
- '' + (picker.options.useMinutes ? tpGlobal.minuteTemplate : '00 ') + ' ' +
- (picker.options.useSeconds ?
- ': ' + tpGlobal.secondTemplate + ' ' : '') +
- (picker.use24hours ? '' : ' ' +
- '' +
- '' + (picker.options.useMinutes ? ' ' +
- (picker.options.useSeconds ?
- ' ' +
- '
' +
- '
Added in Umbraco version 7.6
-This directive is a wrapper of the bootstrap datetime picker version 3.1.3. Use it to render a date time picker.
-For extra details about options and events take a look here: https://eonasdan.github.io/bootstrap-datetimepicker/
-
-Use this directive to render a date time picker
-
-Markup example
-
-
-
-
-
-
-
-
-
-Controller example
-
- (function () {
- "use strict";
-
- function Controller() {
-
- var vm = this;
-
- vm.date = "";
-
- vm.config = {
- pickDate: true,
- pickTime: true,
- useSeconds: true,
- format: "YYYY-MM-DD HH:mm:ss",
- icons: {
- time: "icon-time",
- date: "icon-calendar",
- up: "icon-chevron-up",
- down: "icon-chevron-down"
- }
- };
-
- vm.datePickerChange = datePickerChange;
- vm.datePickerError = datePickerError;
-
- function datePickerChange(event) {
- // handle change
- if(event.date && event.date.isValid()) {
- var date = event.date.format(vm.datePickerConfig.format);
- }
- }
-
- function datePickerError(event) {
- // handle error
- }
-
- }
-
- angular.module("umbraco").controller("My.Controller", Controller);
-
- })();
-
-
-@param {object} options (binding): Config object for the date picker.
-@param {callback} onHide (callback): Hide callback.
-@param {callback} onShow (callback): Show callback.
-@param {callback} onChange (callback): Change callback.
-@param {callback} onError (callback): Error callback.
-@param {callback} onUpdate (callback): Update callback.
-**/
-
-(function () {
- 'use strict';
-
- function DateTimePickerDirective(assetsService) {
-
- function link(scope, element, attrs, ctrl) {
-
- scope.hasTranscludedContent = false;
-
- function onInit() {
-
- // check for transcluded content so we can hide the defualt markup
- scope.hasTranscludedContent = element.find('.js-datePicker__transcluded-content')[0].children.length > 0;
-
- // load css file for the date picker
- assetsService.loadCss('lib/datetimepicker/bootstrap-datetimepicker.min.css', scope);
-
- // load the js file for the date picker
- assetsService.loadJs('lib/datetimepicker/bootstrap-datetimepicker.js', scope).then(function () {
- // init date picker
- initDatePicker();
- });
- }
-
- function onHide(event) {
- if (scope.onHide) {
- scope.$apply(function(){
- // callback
- scope.onHide({event: event});
- });
- }
- }
-
- function onShow() {
- if (scope.onShow) {
- scope.$apply(function(){
- // callback
- scope.onShow();
- });
- }
- }
-
- function onChange(event) {
- if (scope.onChange && event.date && event.date.isValid()) {
- scope.$apply(function(){
- // callback
- scope.onChange({event: event});
- });
- }
- }
-
- function onError(event) {
- if (scope.onError) {
- scope.$apply(function(){
- // callback
- scope.onError({event:event});
- });
- }
- }
-
- function onUpdate(event) {
- if (scope.onUpdate) {
- scope.$apply(function(){
- // callback
- scope.onUpdate({event: event});
- });
- }
- }
-
- function initDatePicker() {
- // Open the datepicker and add a changeDate eventlistener
- element
- .datetimepicker(scope.options)
- .on("dp.hide", onHide)
- .on("dp.show", onShow)
- .on("dp.change", onChange)
- .on("dp.error", onError)
- .on("dp.update", onUpdate);
- }
-
- onInit();
-
- }
-
- var directive = {
- restrict: 'E',
- replace: true,
- transclude: true,
- templateUrl: 'views/components/umb-date-time-picker.html',
- scope: {
- options: "=",
- onHide: "&",
- onShow: "&",
- onChange: "&",
- onError: "&",
- onUpdate: "&"
- },
- link: link
- };
-
- return directive;
-
- }
-
- angular.module('umbraco.directives').directive('umbDateTimePicker', DateTimePickerDirective);
-
-})();