From cf4a283af81bcd0af8dd91cad1f66ea9e90fbca4 Mon Sep 17 00:00:00 2001
From: francesco <frankabbruzzese@gmail.com>
Date: Fri, 3 Feb 2017 16:49:30 +0100
Subject: [PATCH] Added timezone handling Now original type of a falled back
 input is stored in the new input

---
 bower.json            |  2 +-
 mvcct.enhancer.js     | 64 +++++++++++++++++++++++++++++++++++++++----
 mvcct.enhancer.min.js | 22 ++++++++-------
 package.json          |  2 +-
 4 files changed, 72 insertions(+), 18 deletions(-)

diff --git a/bower.json b/bower.json
index 25ff938..aefd1ae 100644
--- a/bower.json
+++ b/bower.json
@@ -1,6 +1,6 @@
 {
     "name":  "mvcct-enhancer",
-    "version": "1.0.1",
+    "version": "1.0.2",
     "homepage": "https://github.com/MvcControlsToolkit/mvcct-enhancer",
     "description": "a javascript package to handle standard html enhancements",
     "main": [
diff --git a/mvcct.enhancer.js b/mvcct.enhancer.js
index 9b9da43..feab596 100644
--- a/mvcct.enhancer.js
+++ b/mvcct.enhancer.js
@@ -170,7 +170,9 @@
                 //html5 enhancement
                 (function (enhancer) {
                     var originalSupport = autodetect();
-                    var processedSupport = {};
+                    var processedSupport = {
+                            "clientTimeZoneOffset": new Date().getTimezoneOffset()
+                    };
                     var html5Infos = {
                         "Html5InputOriginalSupport": originalSupport,
                         "Html5InputSupport": processedSupport
@@ -212,7 +214,7 @@
                     function copyAttrs(elm, mains) {
                         for (var iAttr = 0; iAttr < elm.attributes.length; iAttr++) {
                             var attribute = elm.attributes[iAttr].name;
-                            if (attribute === "min" || attribute === "max" || attribute === "type" || attribute === "value") continue;
+                            if (attribute === "min" || attribute === "max" || attribute == "step" || attribute === "type" || attribute === "value") continue;
                             else mains.setAttribute(attribute, elm.attributes[iAttr].value);
                         }
                     }
@@ -302,16 +304,64 @@
                     }
                     function processAllNodes(ancestor) {
                         if(!html5ProcessInfos["fallbackHtml5"]) return;
-                        if (ancestor.tagName == "INPUT") process(ancestor);
+                        var parse = enhancer["parse"];
+                        var format = enhancer["format"];
+                        if(format && parse){
+                            format = function(x){return enhancer["format"]("datetime", x, true);};
+                            parse = function(x){return enhancer["parse"]("datetime", x, true);};
+                        }
+                        if (ancestor.tagName == "INPUT") process(ancestor, parse, format);
                         else {
                             var allInputs = ancestor.querySelectorAll("input");
-                            for (var i = 0; i < allInputs.length; i++) process(allInputs[i]);
+                            for (var i = 0; i < allInputs.length; i++) process(allInputs[i], parse, format);
                         }
                     }
-                    function process(node) {
+                    function addClientOffset(x, parse, format, ret)
+                    {
+                        if(!x) return x;
+                        x=x.trim();
+                        if(!x) return x;
+                        var din = parse(x);
+                        var off = -din.getTimezoneOffset();
+                        if (ret) ret["off"]=off;
+                        return format(new Date(din.getTime()+off*1000*60));
+                    }
+                    function addOffsetDetectStandard(evt){
+                                 var el=evt["target"];
+                                 var date = enhancer["parse"]("datetime", el.value);
+                                 if(date)
+                                    el.nextElementSibling.value=-date.getTimezoneOffset();
+                             }
+                    function addOffsetDetect (node)
+                    {
+                        
+                        node.addEventListener('blur', addOffsetDetectStandard);
+                    }
+                    function process(node, parse, format) {
                         var type = node.getAttribute("type");
                         var stype = type == "datetime-local" ? "datetime" : type;
-                        if (processedSupport[stype] > 3) return;
+                        var addListener =false;
+                        if (stype == "datetime" && parse && format && node.getAttribute("data-is-utc")){
+                             var toOff = {"off": 0};
+                             node.value = addClientOffset(node.value, parse, format, toOff);
+                             node.setAttribute('value', node.value);
+                             node.nextElementSibling.value=toOff["off"];
+                             var min = node.getAttribute("min");
+                             if (min) node.setAttribute("min", addClientOffset(min, parse, format));
+                             min = node.getAttribute("data-val-range-min");
+                             if (min) node.setAttribute("data-val-range-min", addClientOffset(min, parse, format));
+                             var max = node.getAttribute("max");
+                             if (max) node.setAttribute("max", addClientOffset(max, parse, format));
+                             max = node.getAttribute("data-val-range-max");
+                             if (max) node.setAttribute("data-val-range-max", addClientOffset(max, parse, format));
+                             addListener = true;
+                             
+                        }
+                        if (processedSupport[stype] > 3) 
+                        {
+                            if(addListener) addOffsetDetect (node);
+                            return;
+                        }
                         var replace = handlers["replace"](type, processedSupport);
                         if (replace == type) return;
                         if (handlers["fullReplace"]) {
@@ -321,9 +371,11 @@
                         var input = document.createElement("input");
                         input.setAttribute("type", replace);
                         input.setAttribute("value", handlers["translateVal"](node.getAttribute("value"), stype, replace));
+                        input.setAttribute("data-original-type", type);
                         copyAttrs(node, input);
                         if(type == "range") input.setAttribute("data-is-range", "true");
                         node.parentNode.replaceChild(input, node);
+                        if(addListener) addOffsetDetect (input);
                         if (handlers["enhance"] && handlers["enhance"][stype]) handlers["enhance"][stype](input, node);
                     }
                     enhancer["register"](null, false, function (options) { options = options || {}; preProcessOptions(options["browserSupport"]) }, "html5 support");
diff --git a/mvcct.enhancer.min.js b/mvcct.enhancer.min.js
index bce8067..4010e28 100644
--- a/mvcct.enhancer.min.js
+++ b/mvcct.enhancer.min.js
@@ -1,10 +1,12 @@
-(function(){(function(t){var r=this||(0,eval)("this");(function(g){if("function"===typeof define&&define.amd)define(["exports","require"],g);else if("object"===typeof exports&&"object"===typeof module)g(module.exports||exports);else{var n=r.mvcct=r.mvcct||{};g(n.enhancer={})}})(function(g){function n(c){for(var b=0;b<f.length;b++){var d=f[b];if(d.b)try{d.b(c,d)}catch(q){alert(q+". "+d.name)}}for(b=0;b<f.length;b++)if(d=f[b],d.c)try{d.c(c,d)}catch(q){alert(q+". "+d.name)}for(var h=[],b=0;b<f.length;b++)if(d=
-f[b],d.a&&(!d.g||c.o))try{d.transform?(d.transform(document.querySelector("body"),!0),h.push(d)):d.a(document.querySelector("body"))}catch(q){alert(q+". "+d.name)}f=h}var e="undefined"!==typeof g?g:{},f=[],v=!1,u=null,w=null,k=r.jQuery;k&&(w=k.fn.ready,k.fn.ready=function(c){f.push({transform:null,a:c,c:null,name:"document.ready: "+c.constructor.name,b:null,g:!0})});e.init=function(c){c=c||{};k?(k.fn.ready=w,k(document).ready(function(){n(c)})):n(c)};e.asyncReady=function(){u&&e.init(u);v=!0};e.waitAsync=
-function(c){v&&e.init(c);u=c||{}};e.register=function(c,b,d,h,q){f.push({transform:c,a:b,c:d,name:h,b:q})};e.transform=function(c){for(var b=0;b<f.length;b++){var d=f[b];if(d.transform)try{d.transform(c,!1)}catch(h){alert(h+". "+d.name)}}};e.dependency=function(c,b,d,h,f){function e(){var d=document.createEvent("Event");d.initEvent("_enhancer.dependency."+c,!1,!0);b.dispatchEvent(d)}function g(){if(!b.getAttribute("data-enhancer-dependency"))try{b.setAttribute("data-enhancer-dependency","true");f(d,
-b);var e=document.createEvent("Event");e.initEvent("_enhancer.dependency."+c,!1,!0);d.dispatchEvent(e)}finally{b.setAttribute("data-enhancer-dependency","")}}b.addEventListener("_enhancer.dependency."+c,g);for(var p=0;p<h.length;p++)b.addEventListener(h[p],e);return{h:g,j:e,name:"_enhancer.dependency."+c,f:h,node:b}};e.removeDependency=function(c){for(var b=c.f,d=0;d<b.length;d++)c.i.removeEventListener(b[d],c.j);c.i.removeEventListener(c.name,c.h)};(function(c){function b(a){try{var b=document.createElement("input");
-b.setAttribute("type",a);return b.type===a?(b.setAttribute("value","1illegal"),"1illegal"===b.value):!0}catch(d){return!0}}function d(a,b,d){for(var c in b){var e=b[c],e="boolean"===typeof e?e?"True":"False":""+e;b.hasOwnProperty(c)&&d.push({Key:a?a+"."+c:c,Value:e})}}function e(){var a=[];d("Html5InputSupport",n.Html5InputSupport,a);d("Html5InputOriginalSupport",n.Html5InputOriginalSupport,a);a=JSON.stringify(a);if(m.forms)for(var b=document.querySelectorAll("form"),c=0;c<b.length;c++){var f=document.createElement("input");
-f.setAttribute("type","hidden");f.setAttribute("name",m.forms);f.setAttribute("value",a);b[c].appendChild(f)}m.cookie&&(document.cookie=m.cookie+"="+encodeURIComponent(a)+"; path=/")}function f(a){a=a||{};m={fallbackHtml5:a.fallbackHtml5===t?!1:a.fallbackHtml5,cookie:a.cookie===t?r.cookie:a.cookie,forms:a.forms===t?r.forms:a.forms,fallbacks:a.fallbacks||{},handlers:{}};m.handlers.replace=a.handlers&&a.handlers.replace?a.handlers.replace:function(a,b){return"number"==a||"date"==a||"datetime-local"==
-a||"month"==a||"time"==a||"week"==a||"color"==a?"text":"range"==a?2<b.m||4>b.l?"text":"number":a};m.handlers.translateVal=a.handlers&&a.handlers.translateVal?a.handlers.translateVal:function(a){return a};l=m.handlers;l.fullReplace=a&&a.handlers?a.handlers.fullReplace:null;l.enhance=a&&a.handlers?a.handlers.enhance:{};e()}function g(a){var b=a.getAttribute("type"),c="datetime-local"==b?"datetime":b;if(!(3<p[c])){var d=l.replace(b,p);if(d!=b)if(l.fullReplace)l.fullReplace(a);else{var e=document.createElement("input");
-e.setAttribute("type",d);e.setAttribute("value",l.translateVal(a.getAttribute("value"),c,d));for(d=0;d<a.attributes.length;d++){var f=a.attributes[d].name;"min"!==f&&"max"!==f&&"type"!==f&&"value"!==f&&e.setAttribute(f,a.attributes[d].value)}"range"==b&&e.setAttribute("data-is-range","true");a.parentNode.replaceChild(e,a);if(l.enhance&&l.enhance[c])l.enhance[c](e,a)}}}var k={number:!b("number"),range:!b("range"),date:!b("date"),month:!b("month"),week:!b("week"),time:!b("time"),datetime:!b("datetime-local"),
-email:!b("email"),search:!b("search"),tel:!b("tel"),url:!b("url"),color:!b("color")},p={},n={Html5InputOriginalSupport:k,Html5InputSupport:p},m=null,r={cookie:"_browser_basic_capabilities",forms:null},l=null;c.getSupport=function(){return n};c.register(null,!1,function(a){a=a||{};a=a.browserSupport.fallbacks;for(var b in k){var c=a[b];p[b]=!k[b]||c&&c.force?c?c.type:1:4}},"html5 support");c.register(function(a){if(m.fallbackHtml5)if("INPUT"==a.tagName)g(a);else{a=a.querySelectorAll("input");for(var b=
-0;b<a.length;b++)g(a[b])}},!0,function(a){a=a||{};f(a.browserSupport)},"html5 enhance")})(e)})})()})();
+(function(){(function(w){var p=this||(0,eval)("this");(function(k){if("function"===typeof define&&define.amd)define(["exports","require"],k);else if("object"===typeof exports&&"object"===typeof module)k(module.exports||exports);else{var q=p.mvcct=p.mvcct||{};k(q.enhancer={})}})(function(k){function q(c){for(var b=0;b<e.length;b++){var d=e[b];if(d.b)try{d.b(c,d)}catch(r){alert(r+". "+d.name)}}for(b=0;b<e.length;b++)if(d=e[b],d.c)try{d.c(c,d)}catch(r){alert(r+". "+d.name)}for(var g=[],b=0;b<e.length;b++)if(d=
+e[b],d.a&&(!d.g||c.o))try{d.transform?(d.transform(document.querySelector("body"),!0),g.push(d)):d.a(document.querySelector("body"))}catch(r){alert(r+". "+d.name)}e=g}var f="undefined"!==typeof k?k:{},e=[],u=!1,t=null,x=null,h=p.jQuery;h&&(x=h.fn.ready,h.fn.ready=function(c){e.push({transform:null,a:c,c:null,name:"document.ready: "+c.constructor.name,b:null,g:!0})});f.init=function(c){c=c||{};h?(h.fn.ready=x,h(document).ready(function(){q(c)})):q(c)};f.asyncReady=function(){t&&f.init(t);u=!0};f.waitAsync=
+function(c){u&&f.init(c);t=c||{}};f.register=function(c,b,d,g,r){e.push({transform:c,a:b,c:d,name:g,b:r})};f.transform=function(c){for(var b=0;b<e.length;b++){var d=e[b];if(d.transform)try{d.transform(c,!1)}catch(g){alert(g+". "+d.name)}}};f.dependency=function(c,b,d,g,e){function f(){var d=document.createEvent("Event");d.initEvent("_enhancer.dependency."+c,!1,!0);b.dispatchEvent(d)}function k(){if(!b.getAttribute("data-enhancer-dependency"))try{b.setAttribute("data-enhancer-dependency","true");e(d,
+b);var f=document.createEvent("Event");f.initEvent("_enhancer.dependency."+c,!1,!0);d.dispatchEvent(f)}finally{b.setAttribute("data-enhancer-dependency","")}}b.addEventListener("_enhancer.dependency."+c,k);for(var h=0;h<g.length;h++)b.addEventListener(g[h],f);return{h:k,j:f,name:"_enhancer.dependency."+c,f:g,node:b}};f.removeDependency=function(c){for(var b=c.f,d=0;d<b.length;d++)c.i.removeEventListener(b[d],c.j);c.i.removeEventListener(c.name,c.h)};(function(c){function b(a){try{var l=document.createElement("input");
+l.setAttribute("type",a);return l.type===a?(l.setAttribute("value","1illegal"),"1illegal"===l.value):!0}catch(b){return!0}}function d(a,l,b){for(var c in l){var d=l[c],d="boolean"===typeof d?d?"True":"False":""+d;l.hasOwnProperty(c)&&b.push({Key:a?a+"."+c:c,Value:d})}}function f(){var a=[];d("Html5InputSupport",t.Html5InputSupport,a);d("Html5InputOriginalSupport",t.Html5InputOriginalSupport,a);a=JSON.stringify(a);if(n.forms)for(var l=document.querySelectorAll("form"),b=0;b<l.length;b++){var c=document.createElement("input");
+c.setAttribute("type","hidden");c.setAttribute("name",n.forms);c.setAttribute("value",a);l[b].appendChild(c)}n.cookie&&(document.cookie=n.cookie+"="+encodeURIComponent(a)+"; path=/")}function e(a){a=a||{};n={fallbackHtml5:a.fallbackHtml5===w?!1:a.fallbackHtml5,cookie:a.cookie===w?u.cookie:a.cookie,forms:a.forms===w?u.forms:a.forms,fallbacks:a.fallbacks||{},handlers:{}};n.handlers.replace=a.handlers&&a.handlers.replace?a.handlers.replace:function(a,c){return"number"==a||"date"==a||"datetime-local"==
+a||"month"==a||"time"==a||"week"==a||"color"==a?"text":"range"==a?2<c.m||4>c.l?"text":"number":a};n.handlers.translateVal=a.handlers&&a.handlers.translateVal?a.handlers.translateVal:function(a){return a};m=n.handlers;m.fullReplace=a&&a.handlers?a.handlers.fullReplace:null;m.enhance=a&&a.handlers?a.handlers.enhance:{};f()}function h(a,c,b,d){if(!a)return a;a=a.trim();if(!a)return a;a=c(a);c=-a.getTimezoneOffset();d&&(d.off=c);return b(new Date(a.getTime()+6E4*c))}function k(a){a=a.target;var b=c.parse("datetime",
+a.value);b&&(a.nextElementSibling.value=-b.getTimezoneOffset())}function q(a,c,b){var d=a.getAttribute("type"),f="datetime-local"==d?"datetime":d,e=!1;"datetime"==f&&c&&b&&a.getAttribute("data-is-utc")&&(e={off:0},a.value=h(a.value,c,b,e),a.setAttribute("value",a.value),a.nextElementSibling.value=e.off,(e=a.getAttribute("min"))&&a.setAttribute("min",h(e,c,b)),(e=a.getAttribute("data-val-range-min"))&&a.setAttribute("data-val-range-min",h(e,c,b)),(e=a.getAttribute("max"))&&a.setAttribute("max",h(e,
+c,b)),(e=a.getAttribute("data-val-range-max"))&&a.setAttribute("data-val-range-max",h(e,c,b)),e=!0);if(3<v[f])e&&a.addEventListener("blur",k);else if(b=m.replace(d,v),b!=d)if(m.fullReplace)m.fullReplace(a);else{c=document.createElement("input");c.setAttribute("type",b);c.setAttribute("value",m.translateVal(a.getAttribute("value"),f,b));c.setAttribute("data-original-type",d);for(b=0;b<a.attributes.length;b++){var g=a.attributes[b].name;"min"!==g&&"max"!==g&&"step"!=g&&"type"!==g&&"value"!==g&&c.setAttribute(g,
+a.attributes[b].value)}"range"==d&&c.setAttribute("data-is-range","true");a.parentNode.replaceChild(c,a);e&&c.addEventListener("blur",k);if(m.enhance&&m.enhance[f])m.enhance[f](c,a)}}var p={number:!b("number"),range:!b("range"),date:!b("date"),month:!b("month"),week:!b("week"),time:!b("time"),datetime:!b("datetime-local"),email:!b("email"),search:!b("search"),tel:!b("tel"),url:!b("url"),color:!b("color")},v={clientTimeZoneOffset:(new Date).getTimezoneOffset()},t={Html5InputOriginalSupport:p,Html5InputSupport:v},
+n=null,u={cookie:"_browser_basic_capabilities",forms:null},m=null;c.getSupport=function(){return t};c.register(null,!1,function(a){a=a||{};a=a.browserSupport.fallbacks;for(var c in p){var b=a[c];v[c]=!p[c]||b&&b.force?b?b.type:1:4}},"html5 support");c.register(function(a){if(n.fallbackHtml5){var b=c.parse,d=c.format;d&&b&&(d=function(a){return c.format("datetime",a,!0)},b=function(a){return c.parse("datetime",a,!0)});if("INPUT"==a.tagName)q(a,b,d);else{a=a.querySelectorAll("input");for(var e=0;e<
+a.length;e++)q(a[e],b,d)}}},!0,function(a){a=a||{};e(a.browserSupport)},"html5 enhance")})(f)})})()})();
diff --git a/package.json b/package.json
index f7a2c51..00e1e8e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "mvcct-enhancer",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "a javascript package to handle standard html enhancements",
   "main": "mvcct.enhancer.min.js",
   "repository": {