@cocreate/element-prototype 1.12.0 → 1.13.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [1.13.0](https://github.com/CoCreate-app/CoCreate-element-prototype/compare/v1.12.0...v1.13.0) (2023-11-09)
+
+
+### Bug Fixes
+
+* date updated to ISO format ([8ec67ff](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/8ec67ffef140da947d04c8536020cea5fc6f52aa))
+* meta name typo ([c06c126](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/c06c12612b00e97b5b34f199dbc53e0754175ca5))
+* typo el to element ([66a53cb](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/66a53cb65b2069fd5eae5b5dafdd3a2b77c9c2ba))
+
+
+### Features
+
+* input date types are automatically converted to ISO format with UTC timezone Z and rendered in inputs in users local time ([c628140](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/c628140baedeb85ea54da98267ea751bd3026258))
+
 # [1.12.0](https://github.com/CoCreate-app/CoCreate-element-prototype/compare/v1.11.8...v1.12.0) (2023-11-03)
 
 

package/docs/index.html

@@ -11,10 +11,10 @@
             sizes="32x32"
             href="https://cocreate.app/images/favicon.ico" />
         <meta
-            key="description"
+            name="description"
             content="A simple HTML5 and pure javascript component. Easy configuration using data-attributes and highly styleable." />
         <meta
-            key="keywords"
+            name="keywords"
             content="helper classes, utility classes, css framework, css library, inline style classes" />
         <meta name="robots" content="index,follow" />
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/element-prototype",
-  "version": "1.12.0",
+  "version": "1.13.0",
   "description": "A simple element-prototype component in vanilla javascript. Easily configured using HTML5 data-attributes and/or JavaScript API.",
   "keywords": [
     "element-prototype",

package/src/getValue.js

@@ -70,6 +70,10 @@ const getValue = (element) => {
                 optionValue = prefix + optionValue + suffix;
             value.push(optionValue);
         }
+    } else if (["time", "datetime", "datetime-local"].includes(element.type)) {
+        value = new Date(value).toISOString();
+        if (el.type === 'time')
+            value = value.substring(11, 8) + 'Z';
     } else if (element.tagName == 'INPUT' || element.tagName == 'SELECT') {
         value = element.value;
     } else if (element.tagName == 'TEXTAREA') {

package/src/setValue.js

@@ -22,6 +22,9 @@ const setValue = (el, value) => {
     else if (typeof value === 'object')
         value = JSON.stringify(value, null, 2)
 
+    if (["time", "datetime", "datetime-local"].includes(el.type))
+        value = new Date(el.value).toLocalString();
+
     let valueType = el.getAttribute('value-type');
     let prefix = el.getAttribute('value-prefix') || "";
     if (prefix)
@@ -61,10 +64,6 @@ const setValue = (el, value) => {
             el.value == value ? el.checked = true : el.checked = false;
         } else if (el.type === 'password') {
             el.value = __decryptPassword(value);
-        } else if (["date", "time", "datetime", "datetime-local", "month", "week"].includes(el.type)) {
-            let date = new Date(el.value);
-            date = new Date(date.getTime() - date.getTimezoneOffset() * 60000);
-            el.value = date.toISOString();
         } else if (el.tagName == "SELECT" && el.hasAttribute('multiple') && Array.isArray(value)) {
             let options = el.options;
             for (let i = 0; i < options.length; i++) {