@simai-studio/ui 5.20261022.1534 → 5.20261022.1814

package/distr/smart/datepicker/smart.manifest.json

@@ -1,7 +1,7 @@
 {
   "schema_version": 2,
   "id": "smart.datepicker",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "title": "Datepicker",
   "summary": "Accessible date and date-range picker with popup and inline presentation, calendar navigation and host-owned values.",
   "kind": "composite",
@@ -49,12 +49,12 @@
       "value": {
         "type": "string",
         "default": "",
-        "description": "The ISO date (yyyy-mm-dd). As a property, [start, end] for a range; the attribute is the same as date."
+        "description": "The ISO date (yyyy-mm-dd). As a property, [start, end] for a range. The attribute is the initial value: once the date is cleared it stays empty."
       },
       "date": {
         "type": "string",
         "default": "",
-        "description": "The ISO date (yyyy-mm-dd) chosen; value is read when date is absent."
+        "description": "The ISO date (yyyy-mm-dd) chosen; value is read only when date is absent, so date=\"\" is a cleared value."
       },
       "start-value": {
         "type": "string",
@@ -114,7 +114,7 @@
       "format": {
         "type": "string",
         "default": "DD.MM.YYYY",
-        "description": "How the date is shown in the field, e.g. DD.MM.YYYY. The value stays ISO."
+        "description": "How the date is shown in the field and read when typed, e.g. DD.MM.YYYY: the whole text one date, a four-digit year from 1000 to 9999. The value stays ISO."
       },
       "root-class": {
         "type": "string",
@@ -191,6 +191,16 @@
         "default": false,
         "description": "Mark the field required in its form."
       },
+      "invalid": {
+        "type": "boolean",
+        "default": false,
+        "description": "Draw the field invalid: the error border and aria-invalid on the native input. Removing it restores the valid field."
+      },
+      "error-message": {
+        "type": "string",
+        "default": "",
+        "description": "The message under an invalid field; ignored while the field is valid."
+      },
       "icon-start": {
         "type": "string",
         "default": "calendar_today",
@@ -578,11 +588,11 @@
     "source_artifacts": [
       {
         "path": "src/smart/datepicker/index.js",
-        "sha256": "c53d7dbd5777a4d6810986deca039ff4d4d79872685452e3164e9a97470f6afd"
+        "sha256": "3d5194c8215b86e834b21cd5ed46925ae18d0aa524c06fbf54cef03113a47085"
       },
       {
         "path": "src/smart/datepicker/js/templates/default.js",
-        "sha256": "27489e37090e6bb0f21cdb36de5777f7a05808159011e00187dd54678e7803a2"
+        "sha256": "7c9b379eda8911e7e31ce7ed3076121fcb98b5d688d53eeca1af9e2f8bd98492"
       },
       {
         "path": "src/smart/datepicker/rule.js",
@@ -590,7 +600,7 @@
       },
       {
         "path": "src/smart/datepicker/docs/smart-datepicker-guide.md",
-        "sha256": "4618d75ee7e3f01ed2405ebfa2ed59704815cef34234b957672173d7a733d582"
+        "sha256": "6186dd8f081883431b8ce6292ee936dee08afaf7ce7a22ec914f9254fda0eeec"
       }
     ],
     "generated_runtime": [

package/distr/smart/datepicker/template/default.js

@@ -84,7 +84,8 @@ function renderDatepickerInput(context) {
             aria-label=${context.label ? nothing : (context.ariaLabel || nothing)}
             placeholder=${context.placeholder || nothing} icon-start=${context.iconStart || nothing}
             root-class=${context.inputRootClass || nothing} value=${context.displayValue || ''}
-            ?disabled=${context.disabled} ?required=${context.required} ?mask=${context.mask}
+            ?disabled=${context.disabled} ?required=${context.required} ?invalid=${context.invalid}
+            error-message=${context.errorMessage || nothing} ?mask=${context.mask}
             mask-pattern=${context.maskPattern || nothing} mask-lazy=${String(context.maskLazy)}
             mask-placeholder-char=${context.maskPlaceholderChar || nothing}
             mask-options=${context.maskOptions || nothing} ?readonly=${context.readonly}