85 lines
4.1 KiB
JavaScript
85 lines
4.1 KiB
JavaScript
|
(function (global, factory) {
|
||
|
|
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
|
||
|
|
typeof define === 'function' && define.amd ? define(factory) :
|
||
|
|
(global = global || self, global.confirmDatePlugin = factory());
|
||
|
|
}(this, function () { 'use strict';
|
||
|
|
|
||
|
|
/*! *****************************************************************************
|
||
|
|
Copyright (c) Microsoft Corporation. All rights reserved.
|
||
|
|
Licensed under the Apache License, Version 2.0 (the "License"); you may not use
|
||
|
|
this file except in compliance with the License. You may obtain a copy of the
|
||
|
|
License at http://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
|
||
|
|
THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
||
|
|
KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
|
||
|
|
WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
|
||
|
|
MERCHANTABLITY OR NON-INFRINGEMENT.
|
||
|
|
|
||
|
|
See the Apache Version 2.0 License for specific language governing permissions
|
||
|
|
and limitations under the License.
|
||
|
|
***************************************************************************** */
|
||
|
|
|
||
|
|
var __assign = function() {
|
||
|
|
__assign = Object.assign || function __assign(t) {
|
||
|
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
|
|
s = arguments[i];
|
||
|
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
|
|
}
|
||
|
|
return t;
|
||
|
|
};
|
||
|
|
return __assign.apply(this, arguments);
|
||
|
|
};
|
||
|
|
|
||
|
|
var defaultConfig = {
|
||
|
|
confirmIcon: "<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='17' height='17' viewBox='0 0 17 17'> <g> </g> <path d='M15.418 1.774l-8.833 13.485-4.918-4.386 0.666-0.746 4.051 3.614 8.198-12.515 0.836 0.548z' fill='#000000' /> </svg>",
|
||
|
|
confirmText: "OK ",
|
||
|
|
showAlways: false,
|
||
|
|
theme: "light"
|
||
|
|
};
|
||
|
|
function confirmDatePlugin(pluginConfig) {
|
||
|
|
var config = __assign({}, defaultConfig, pluginConfig);
|
||
|
|
var confirmContainer;
|
||
|
|
var confirmButtonCSSClass = "flatpickr-confirm";
|
||
|
|
return function (fp) {
|
||
|
|
if (fp.config.noCalendar || fp.isMobile)
|
||
|
|
return {};
|
||
|
|
return __assign({ onKeyDown: function (_, __, ___, e) {
|
||
|
|
if (fp.config.enableTime && e.key === "Tab" && e.target === fp.amPM) {
|
||
|
|
e.preventDefault();
|
||
|
|
confirmContainer.focus();
|
||
|
|
}
|
||
|
|
else if (e.key === "Enter" && e.target === confirmContainer)
|
||
|
|
fp.close();
|
||
|
|
},
|
||
|
|
onReady: function () {
|
||
|
|
confirmContainer = fp._createElement("div", confirmButtonCSSClass + " " + (config.showAlways ? "visible" : "") + " " + config.theme + "Theme", config.confirmText);
|
||
|
|
confirmContainer.tabIndex = -1;
|
||
|
|
confirmContainer.innerHTML += config.confirmIcon;
|
||
|
|
confirmContainer.addEventListener("click", fp.close);
|
||
|
|
fp.calendarContainer.appendChild(confirmContainer);
|
||
|
|
fp.loadedPlugins.push("confirmDate");
|
||
|
|
} }, (!config.showAlways
|
||
|
|
? {
|
||
|
|
onChange: function (_, dateStr) {
|
||
|
|
var showCondition = fp.config.enableTime ||
|
||
|
|
fp.config.mode === "multiple" ||
|
||
|
|
fp.loadedPlugins.indexOf("monthSelect") !== -1;
|
||
|
|
var localConfirmContainer = fp.calendarContainer.querySelector("." + confirmButtonCSSClass);
|
||
|
|
if (!localConfirmContainer)
|
||
|
|
return;
|
||
|
|
if (dateStr &&
|
||
|
|
!fp.config.inline &&
|
||
|
|
showCondition &&
|
||
|
|
localConfirmContainer)
|
||
|
|
return localConfirmContainer.classList.add("visible");
|
||
|
|
localConfirmContainer.classList.remove("visible");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
: {}));
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
return confirmDatePlugin;
|
||
|
|
|
||
|
|
}));
|