@cocreate/element-prototype 1.11.8 → 1.13.0

package/CHANGELOG.md

@@ -1,3 +1,30 @@
+# [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)
+
+
+### Bug Fixes
+
+* favicon.ico path ([7570a08](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/7570a0887e2aefac5f8f52d8b98a33f377c49183))
+* update dependencies to the lates versions ([871484a](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/871484ab69816515ca968599c72bc23432e1f6e0))
+
+
+### Features
+
+* converts input type date to systems local date timezone ([4235ceb](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/4235ceb2ddb1a9aca026864a53c2418ff47b3d52))
+
 ## [1.11.8](https://github.com/CoCreate-app/CoCreate-element-prototype/compare/v1.11.7...v1.11.8) (2023-10-25)
 
 

package/demo/index.html

@@ -6,9 +6,9 @@
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <link
             rel="icon"
-            href="https://cdn.cocreate.app/favicon.ico"
-            type="image/ico"
-            sizes="16x16" />
+            type="image/png"
+            sizes="32x32"
+            href="../assets/favicon.ico" />
         <title>element-prototype | CoCreateJS</title>
         <link rel="manifest" href="/manifest.webmanifest" />
     </head>

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.11.8",
+  "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",
@@ -58,6 +58,6 @@
     "webpack-log": "^3.0.1"
   },
   "dependencies": {
-    "@cocreate/utils": "^1.26.1"
+    "@cocreate/utils": "^1.26.2"
   }
 }

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)