@skedulo/sked-ui 21.6.0 → 21.6.2

package/dist/components/datepicker/Datepicker.d.ts

@@ -108,15 +108,16 @@ export interface DatepickerProps {
      * onCalendarClose fuction
      */
     onCalendarClose?: () => void;
+    inputRef?: React.MutableRefObject<HTMLInputElement>;
 }
 declare type CustomInputType = React.InputHTMLAttributes<HTMLInputElement> & {
-    onBlurCustom: () => void;
+    onBlurCustom: (event?: React.FocusEvent<HTMLInputElement>) => void;
     openCalendar: (open: boolean) => void;
     onBackspace: () => void;
     Component: (props: React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>) => JSX.Element;
 };
 export declare const CustomInput: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
-    onBlurCustom: () => void;
+    onBlurCustom: (event?: React.FocusEvent<HTMLInputElement>) => void;
     openCalendar: (open: boolean) => void;
     onBackspace: () => void;
     Component: (props: React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>) => JSX.Element;

package/dist/index.js

@@ -17849,7 +17849,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var _excluded = ["onClick", "disabled", "placeholder", "value", "onChange", "onBlur", "onKeyDown"],
     _excluded2 = ["openCalendar", "onBlurCustom", "onBackspace", "Component", "onKeyDown", "onBlur"],
-    _excluded3 = ["onChange", "onWeekSelect", "highlightWeek", "selected", "selectWeek", "selectedRange", "customInput", "highlightDates", "locale", "dateFormat", "inline", "clearable"];
+    _excluded3 = ["onChange", "onWeekSelect", "highlightWeek", "selected", "selectWeek", "selectedRange", "customInput", "highlightDates", "locale", "dateFormat", "inline", "clearable", "inputRef"];
 
 
 
@@ -17949,7 +17949,7 @@ var CustomInput = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["forwardRef"](
   };
 
   var blurEvents = function blurEvents(event) {
-    onBlurCustom();
+    onBlurCustom(event);
     onBlur(event);
   };
 
@@ -17976,6 +17976,7 @@ var Datepicker = function Datepicker(_ref3) {
       inline = _ref3.inline,
       _ref3$clearable = _ref3.clearable,
       clearable = _ref3$clearable === void 0 ? true : _ref3$clearable,
+      inputRef = _ref3.inputRef,
       pickerProps = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3___default()(_ref3, _excluded3);
 
   var calendarRef = react__WEBPACK_IMPORTED_MODULE_4__["useRef"](null);
@@ -18025,7 +18026,7 @@ var Datepicker = function Datepicker(_ref3) {
       date = _React$useState6[0],
       setDate = _React$useState6[1];
 
-  var callOnChangeFunctions = function callOnChangeFunctions() {
+  var callOnChangeFunctions = function callOnChangeFunctions(event) {
     if (calendarRef !== null && calendarRef !== void 0 && calendarRef.current.isCalendarOpen() && !inline) {
       return;
     }
@@ -18033,7 +18034,15 @@ var Datepicker = function Datepicker(_ref3) {
     if (selectWeek && !!onWeekSelect) {
       onWeekSelect(weekDates(date ? new Date(date) : date, selectedRange));
     } else if (formatDateValue(date) !== inputDateValue || date === null) {
-      onChange(date ? new Date(date) : date);
+      var parsedDate = Object(date_fns__WEBPACK_IMPORTED_MODULE_11__["parse"])(event === null || event === void 0 ? void 0 : event.target.value, dateFormat, new Date(), {
+        locale: localeObject
+      });
+
+      if (parsedDate && Object(date_fns__WEBPACK_IMPORTED_MODULE_11__["isValid"])(parsedDate)) {
+        onChange(parsedDate);
+      } else {
+        onChange(date ? new Date(date) : date);
+      }
     }
 
     setInputDateValue(formatDateValue(date));
@@ -18096,7 +18105,13 @@ var Datepicker = function Datepicker(_ref3) {
       onBackspace: handleOnBackspace,
       Component: customInput || DefaultInput
     }),
-    ref: calendarRef,
+    ref: function ref(datepickerRef) {
+      calendarRef.current = datepickerRef;
+
+      if (inputRef) {
+        inputRef.current = datepickerRef === null || datepickerRef === void 0 ? void 0 : datepickerRef.input;
+      }
+    },
     highlightDates: highlightedDates,
     locale: localeObject,
     isClearable: true,
@@ -64809,7 +64824,9 @@ var IntersectionObserverWrapper = function IntersectionObserverWrapper(_ref) {
     });
     observer.observe(domRef.current);
     return function () {
-      observer.unobserve(domRef.current);
+      if (domRef.current) {
+        observer.unobserve(domRef.current);
+      }
     };
   }, [root, rootMargin, threshold]);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](as, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skedulo/sked-ui",
-  "version": "21.6.0",
+  "version": "21.6.2",
   "license": "UNLICENSED",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",