@linzjs/lui 20.0.0 → 20.0.1

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [20.0.1](https://github.com/linz/lui/compare/v20.0.0...v20.0.1) (2023-09-20)
+
+
+### Bug Fixes
+
+* **LuiDateInput:** fire onChange upon valid paste ([#1009](https://github.com/linz/lui/issues/1009)) ([3b15b3e](https://github.com/linz/lui/commit/3b15b3e28b13011eacc5a06504733b5280db4c76))
+
 # [20.0.0](https://github.com/linz/lui/compare/v19.0.0...v20.0.0) (2023-09-18)
 
 # [19.0.0](https://github.com/linz/lui/compare/v18.11.2...v19.0.0) (2023-09-14)

package/dist/components/LuiFormElements/LuiDateInput/FireDateChange.d.ts

@@ -0,0 +1 @@
+export declare const fireDateChange: (e: React.ClipboardEvent<HTMLInputElement>) => void;

package/dist/index.js

@@ -28263,14 +28263,24 @@ var parseTextDate = function (value, options) {
     }
 };
 
+var fireDateChange = function (e) {
+    var input = e.currentTarget;
+    var clipboard = e.clipboardData.getData('text');
+    var parsedValue = parseTextDate(clipboard, { allowTwoDigitYear: true });
+    if (parsedValue) {
+        var change = new InputEvent('change', {
+            bubbles: true,
+            cancelable: true
+        });
+        input.valueAsDate = new Date(parsedValue);
+        input.dispatchEvent(change);
+    }
+};
+
 var DateInput = React.forwardRef(function (props, ref) {
     var valueProp = props.value, onChangeProp = props.onChange, onPasteProp = props.onPaste, inputProps = __rest(props, ["value", "onChange", "onPaste"]);
-    return (React__default["default"].createElement("input", __assign({}, inputProps, { ref: ref, pattern: "d{2}/d{2}/d{4}", placeholder: "dd/mm/yyyy", type: 'date', value: valueProp, onChange: function (e) { return onChangeProp === null || onChangeProp === void 0 ? void 0 : onChangeProp(e); }, onPaste: function (e) {
-            var data = e.clipboardData.getData('text');
-            var parsedValue = parseTextDate(data, { allowTwoDigitYear: true });
-            if (parsedValue) {
-                e.currentTarget.value = parsedValue;
-            }
+    return (React__default["default"].createElement("input", __assign({}, inputProps, { ref: ref, pattern: "d{2}/d{2}/d{4}", placeholder: "dd/mm/yyyy", type: "date", value: valueProp, onChange: onChangeProp, onPaste: function (e) {
+            fireDateChange(e);
             onPasteProp === null || onPasteProp === void 0 ? void 0 : onPasteProp(e);
         } })));
 });