@bigbinary/neetoui 6.1.0 → 6.1.2

package/index.d.ts

@@ -210,11 +210,14 @@ export type DateTimePickerProps = {
   size?: "small" | "medium" | "large";
   dropdownClassName?: string;
   dateFormat?: string;
-  onChange?: (dateTime: Dayjs) => void;
+  onChange?: (dateTime: Dayjs, changeType: "date" | "time") => void;
   nakedInput?: boolean;
   error?: string;
   id?: string;
   labelProps?: LabelProps;
+  datePickerProps?: { [key: string]: any };
+  timePickerProps?: { [key: string]: any };
+  onTimeInputBlur?: () => void;
   [key: string]: any;
 };
 
@@ -290,6 +293,7 @@ export interface MultiEmailInputProps {
   required?: boolean;
   maxHeight?: number;
   labelProps?: LabelProps;
+  isCreateable?: boolean;
   [key: string]: any;
 }
 
@@ -726,6 +730,7 @@ export type TimePickerInputProps = {
   className?: string;
   error?: string;
   required?: boolean;
+  onBlur?: () => void;
 };
 
 // components

package/index.js

@@ -9382,14 +9382,14 @@ function _objectWithoutProperties$1(source, excluded) {
   return target;
 }
 
-var _excluded$M = ["open", "children", "className"];
+var _excluded$L = ["open", "children", "className"];
 var Collapse = function Collapse(_ref) {
   var _ref$open = _ref.open,
     open = _ref$open === void 0 ? false : _ref$open,
     children = _ref.children,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$M);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$L);
   return /*#__PURE__*/React__default.createElement(AnimatePresence, null, open && /*#__PURE__*/React__default.createElement(motion.div, _extends$4({
     animate: {
       opacity: 1,
@@ -11728,10 +11728,10 @@ var buildUrl = function buildUrl(route, params) {
   return isEmpty(queryParams) ? route : "".concat(route, "?").concat(queryParams);
 };
 
-var _excluded$L = ["children"];
+var _excluded$K = ["children"];
 var Portal$1 = function Portal(_ref, ref) {
   var children = _ref.children,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$L);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$K);
   return /*#__PURE__*/React__default.createElement("div", _extends$4({
     "data-cy": "neeto-backdrop",
     "data-testid": "neeto-backdrop",
@@ -15681,11 +15681,11 @@ var forwardRef = (function (Tippy, defaultProps) {
     );
   });
 });
-var index$1 = /*#__PURE__*/forwardRef( /*#__PURE__*/TippyGenerator(tippy));
+var index$2 = /*#__PURE__*/forwardRef( /*#__PURE__*/TippyGenerator(tippy));
 
 var ARROW = "<svg width='12' height='6' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10 5H0.926697L3.95208 1.63847C4.74227 0.760478 6.11722 0.754951 6.91445 1.62656L10 5Z' /></svg>";
 
-var _excluded$K = ["content", "children", "theme", "disabled", "position", "interactive", "hideAfter", "hideOnTargetExit"];
+var _excluded$J = ["content", "children", "theme", "disabled", "position", "interactive", "hideAfter", "hideOnTargetExit"];
 var Tooltip = function Tooltip(_ref) {
   var content = _ref.content,
     children = _ref.children,
@@ -15701,7 +15701,7 @@ var Tooltip = function Tooltip(_ref) {
     hideAfter = _ref$hideAfter === void 0 ? -1 : _ref$hideAfter,
     _ref$hideOnTargetExit = _ref.hideOnTargetExit,
     hideOnTargetExit = _ref$hideOnTargetExit === void 0 ? false : _ref$hideOnTargetExit,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$K);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$J);
   var _useState = useState(null),
     _useState2 = _slicedToArray$3(_useState, 2),
     instance = _useState2[0],
@@ -15728,7 +15728,7 @@ var Tooltip = function Tooltip(_ref) {
     }
     return undefined;
   }, [instance, hideOnTargetExit]);
-  return /*#__PURE__*/React__default.createElement(index$1, _extends$4({
+  return /*#__PURE__*/React__default.createElement(index$2, _extends$4({
     animation: "scale-subtle",
     arrow: ARROW,
     content: content,
@@ -15748,7 +15748,7 @@ var Tooltip = function Tooltip(_ref) {
   }, localProps, otherProps), /*#__PURE__*/React__default.isValidElement(children) ? children : /*#__PURE__*/React__default.createElement("span", null, children));
 };
 
-var _excluded$J = ["icon", "iconPosition", "iconSize", "label", "loading", "onClick", "to", "type", "style", "fullWidth", "className", "disabled", "size", "href", "tooltipProps", "children"];
+var _excluded$I = ["icon", "iconPosition", "iconSize", "label", "loading", "onClick", "to", "type", "style", "fullWidth", "className", "disabled", "size", "href", "tooltipProps", "children"];
 function ownKeys$p(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$o(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$p(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var BUTTON_STYLES = {
@@ -15805,7 +15805,7 @@ var Button = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     _ref$tooltipProps = _ref.tooltipProps,
     tooltipProps = _ref$tooltipProps === void 0 ? null : _ref$tooltipProps,
     children = _ref.children,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$J);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$I);
   var Parent = motion.button;
   var elementSpecificProps = {
     type: type
@@ -15895,22 +15895,22 @@ var Divider$1 = function Divider(props) {
   }, props));
 };
 
-var _excluded$I = ["children", "className"];
+var _excluded$H = ["children", "className"];
 var Menu$3 = function Menu(_ref) {
   var children = _ref.children,
     className = _ref.className,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$I);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$H);
   return /*#__PURE__*/React__default.createElement("ul", _extends$4({
     className: classnames$1("neeto-ui-dropdown__popup-menu", className)
   }, otherProps), children);
 };
 
-var _excluded$H = ["children", "className", "tooltipProps"];
+var _excluded$G = ["children", "className", "tooltipProps"];
 var MenuItem$1 = function MenuItem(_ref) {
   var children = _ref.children,
     className = _ref.className,
     tooltipProps = _ref.tooltipProps,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$H);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$G);
   var renderMenuItem = function renderMenuItem() {
     return /*#__PURE__*/React__default.createElement("li", _extends$4({
       className: classnames$1("neeto-ui-dropdown__popup-menu-item", className)
@@ -15922,7 +15922,7 @@ var MenuItem$1 = function MenuItem(_ref) {
   return renderMenuItem();
 };
 
-var _excluded$G = ["children", "className", "isActive", "isDisabled", "style", "prefix", "suffix", "type", "to", "href", "tooltipProps"];
+var _excluded$F = ["children", "className", "isActive", "isDisabled", "style", "prefix", "suffix", "type", "to", "href", "tooltipProps"];
 function ownKeys$o(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$o(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ITEM_BTN_STYLES = {
@@ -15950,7 +15950,7 @@ var MenuItemButton = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
     _ref$href = _ref.href,
     href = _ref$href === void 0 ? "" : _ref$href,
     tooltipProps = _ref.tooltipProps,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$G);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$F);
   var Parent, elementSpecificProps;
   if (to) {
     Parent = Link;
@@ -15989,7 +15989,7 @@ MenuItemButton.displayName = "MenuItemButton";
 
 MenuItem$1.Button = MenuItemButton;
 
-var _excluded$F = ["style", "size"],
+var _excluded$E = ["style", "size"],
   _excluded2$4 = ["icon", "label", "isOpen", "onClose", "dropdownProps", "position", "children", "className", "buttonStyle", "buttonSize", "buttonProps", "customTarget", "disabled", "closeOnEsc", "closeOnSelect", "closeOnOutsideClick", "dropdownModifiers", "trigger", "strategy", "onClick"],
   _excluded3 = ["classNames"];
 var BTN_STYLES$1 = {
@@ -16071,7 +16071,7 @@ var Dropdown = function Dropdown(_ref2) {
     _ref2$buttonProps2 = _ref2$buttonProps === void 0 ? {} : _ref2$buttonProps,
     style = _ref2$buttonProps2.style,
     size = _ref2$buttonProps2.size,
-    buttonProps = _objectWithoutProperties$1(_ref2$buttonProps2, _excluded$F),
+    buttonProps = _objectWithoutProperties$1(_ref2$buttonProps2, _excluded$E),
     customTarget = _ref2.customTarget,
     _ref2$disabled = _ref2.disabled,
     disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
@@ -16110,7 +16110,7 @@ var Dropdown = function Dropdown(_ref2) {
   var close = function close() {
     return instance.hide();
   };
-  return /*#__PURE__*/React__default.createElement(index$1, _extends$4({
+  return /*#__PURE__*/React__default.createElement(index$2, _extends$4({
     interactive: true,
     animation: false,
     arrow: false,
@@ -16164,7 +16164,7 @@ Dropdown.Menu = Menu$3;
 Dropdown.MenuItem = MenuItem$1;
 Dropdown.Divider = Divider$1;
 
-var _excluded$E = ["style", "size"];
+var _excluded$D = ["style", "size"];
 var BTN_STYLES = {
   primary: "primary",
   secondary: "secondary"
@@ -16189,7 +16189,7 @@ var ActionDropdown = function ActionDropdown(_ref) {
     _ref$buttonProps2 = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
     style = _ref$buttonProps2.style,
     size = _ref$buttonProps2.size,
-    buttonProps = _objectWithoutProperties$1(_ref$buttonProps2, _excluded$E),
+    buttonProps = _objectWithoutProperties$1(_ref$buttonProps2, _excluded$D),
     _ref$dropdownProps = _ref.dropdownProps,
     dropdownProps = _ref$dropdownProps === void 0 ? {} : _ref$dropdownProps,
     _ref$className = _ref.className,
@@ -20360,7 +20360,7 @@ var Footer$1 = function Footer(_ref) {
   }, children);
 };
 
-var _excluded$D = ["style", "weight", "lineHeight", "component", "children", "textTransform", "className"];
+var _excluded$C = ["style", "weight", "lineHeight", "component", "children", "textTransform", "className"];
 var FONT_WEIGHTS = {
   thin: "thin",
   extralight: "extralight",
@@ -20448,7 +20448,7 @@ var Typography = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     textTransform = _ref.textTransform,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$D);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$C);
   var Component = component ? COMPONENTS[component] : style ? DEFAULT_COMPONENTS[style] : "p";
   return /*#__PURE__*/React__default.createElement(Component, _extends$4({
     ref: ref,
@@ -20511,7 +20511,7 @@ var Header$1 = function Header(_ref) {
   }, description)));
 };
 
-var _excluded$C = ["size", "isOpen", "onClose", "children", "finalFocusRef", "initialFocusRef", "className", "closeOnEsc", "closeButton", "backdropClassName", "blockScrollOnMount", "closeOnOutsideClick"];
+var _excluded$B = ["size", "isOpen", "onClose", "children", "finalFocusRef", "initialFocusRef", "className", "closeOnEsc", "closeButton", "backdropClassName", "blockScrollOnMount", "closeOnOutsideClick"];
 var SIZES$7 = {
   small: "small",
   medium: "medium",
@@ -20540,7 +20540,7 @@ var Modal = function Modal(_ref) {
     blockScrollOnMount = _ref$blockScrollOnMou === void 0 ? true : _ref$blockScrollOnMou,
     _ref$closeOnOutsideCl = _ref.closeOnOutsideClick,
     closeOnOutsideClick = _ref$closeOnOutsideCl === void 0 ? true : _ref$closeOnOutsideCl,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$C);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$B);
   var _useState = useState(false),
     _useState2 = _slicedToArray$3(_useState, 2),
     hasTransitionCompleted = _useState2[0],
@@ -20707,7 +20707,7 @@ var FallbackAvatar = /*@__PURE__*/getDefaultExportFromCjs$1(build.exports);
 var COLOR_PALLETE = ["#ffb5a7", "#fcd5ce", "#f8edeb", "#f9dcc4", "#fec89a"];
 var AVATAR_VARIANT = "beam";
 
-var _excluded$B = ["size", "user", "status", "onClick", "className", "showTooltip", "tooltipProps"];
+var _excluded$A = ["size", "user", "status", "onClick", "className", "showTooltip", "tooltipProps"];
 var SIZE = {
   small: 24,
   medium: 32,
@@ -20729,7 +20729,7 @@ var Avatar = function Avatar(_ref) {
     showTooltip = _ref$showTooltip === void 0 ? false : _ref$showTooltip,
     _ref$tooltipProps = _ref.tooltipProps,
     tooltipProps = _ref$tooltipProps === void 0 ? {} : _ref$tooltipProps,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$B);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$A);
   var _useState = useState(false),
     _useState2 = _slicedToArray$3(_useState, 2),
     isLoadingFailed = _useState2[0],
@@ -20788,7 +20788,7 @@ var Avatar = function Avatar(_ref) {
   })));
 };
 
-var _excluded$A = ["icon", "style", "className", "children"];
+var _excluded$z = ["icon", "style", "className", "children"];
 var STYLES$2 = {
   info: "info",
   warning: "warning",
@@ -20803,7 +20803,7 @@ var Callout = function Callout(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     children = _ref.children,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$A);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$z);
   var Icon = icon;
   return /*#__PURE__*/React__default.createElement("div", _extends$4({
     className: classnames$1("neeto-ui-callout", _defineProperty$7({
@@ -20818,7 +20818,7 @@ var Callout = function Callout(_ref) {
   }, /*#__PURE__*/React__default.createElement(Icon, null)), children);
 };
 
-var _excluded$z = ["children", "className", "required", "helpIconProps"],
+var _excluded$y = ["children", "className", "required", "helpIconProps"],
   _excluded2$3 = ["onClick", "icon", "tooltipProps", "className"];
 var Label = function Label(_ref) {
   var children = _ref.children,
@@ -20828,7 +20828,7 @@ var Label = function Label(_ref) {
     required = _ref$required === void 0 ? false : _ref$required,
     _ref$helpIconProps = _ref.helpIconProps,
     helpIconProps = _ref$helpIconProps === void 0 ? null : _ref$helpIconProps,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$z);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$y);
   var _ref2 = helpIconProps || {},
     onClick = _ref2.onClick,
     icon = _ref2.icon,
@@ -20850,7 +20850,7 @@ var Label = function Label(_ref) {
   }, otherHelpIconProps)))));
 };
 
-var _excluded$y = ["label", "error", "className", "required", "labelProps", "children"];
+var _excluded$x = ["label", "error", "className", "required", "labelProps", "children"];
 var Checkbox = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
   var _ref$label = _ref.label,
     label = _ref$label === void 0 ? "" : _ref$label,
@@ -20862,7 +20862,7 @@ var Checkbox = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
     required = _ref$required === void 0 ? false : _ref$required,
     labelProps = _ref.labelProps,
     children = _ref.children,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$y);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$x);
   var id = useId(otherProps.id);
   var errorId = "error_".concat(id);
   var renderLabel = label || children;
@@ -22650,7 +22650,7 @@ var ColorPicker = function ColorPicker(_ref) {
   }, /*#__PURE__*/React__default.createElement(Palette, colorPaletteProps))));
 };
 
-var _excluded$x = ["className", "label", "size", "dropdownClassName", "popupClassName", "dateFormat", "timeFormat", "onChange", "onOk", "picker", "showTime", "type", "nakedInput", "error", "defaultValue", "value", "labelProps", "required"];
+var _excluded$w = ["className", "label", "size", "dropdownClassName", "popupClassName", "dateFormat", "timeFormat", "onChange", "onOk", "picker", "showTime", "type", "nakedInput", "error", "defaultValue", "value", "labelProps", "required"];
 function ownKeys$m(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$m(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var INPUT_SIZES$2 = {
@@ -22706,7 +22706,7 @@ var DatePicker = /*#__PURE__*/forwardRef$1(function (_ref2, ref) {
     labelProps = _ref2.labelProps,
     _ref2$required = _ref2.required,
     required = _ref2$required === void 0 ? false : _ref2$required,
-    otherProps = _objectWithoutProperties$1(_ref2, _excluded$x);
+    otherProps = _objectWithoutProperties$1(_ref2, _excluded$w);
   var id = useId(otherProps.id);
   var datePickerRef = useSyncedRef(ref);
   var Component = datePickerTypes[type === null || type === void 0 ? void 0 : type.toLowerCase()];
@@ -22831,7 +22831,6 @@ var customParseFormat$1 = {exports: {}};
 
 var customParseFormat = customParseFormat$1.exports;
 
-var _excluded$w = ["className", "label", "size", "dropdownClassName", "popupClassName", "dateFormat", "onChange", "nakedInput", "error", "defaultValue", "value", "labelProps", "required"];
 function ownKeys$l(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$l(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 dayjs.extend(customParseFormat);
@@ -22855,35 +22854,42 @@ var DateTimePicker = function DateTimePicker(_ref) {
     labelProps = _ref.labelProps,
     _ref$required = _ref.required,
     required = _ref$required === void 0 ? false : _ref$required,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$w);
+    id = _ref.id,
+    _ref$onTimeInputBlur = _ref.onTimeInputBlur,
+    onTimeInputBlur = _ref$onTimeInputBlur === void 0 ? noop$3 : _ref$onTimeInputBlur,
+    datePickerProps = _ref.datePickerProps,
+    timePickerProps = _ref.timePickerProps;
   var _React$useState = React__default.useState(false),
     _React$useState2 = _slicedToArray$3(_React$useState, 2),
     open = _React$useState2[0],
     setOpen = _React$useState2[1];
-  var _useState = useState(),
+  var _useState = useState(value),
     _useState2 = _slicedToArray$3(_useState, 2),
-    date = _useState2[0],
-    setDate = _useState2[1];
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray$3(_useState3, 2),
-    time = _useState4[0],
-    setTime = _useState4[1];
+    time = _useState2[0],
+    setTime = _useState2[1];
   var timeRef = React__default.useRef(null);
-  var id = useId(otherProps.id);
-  var errorId = "error_".concat(id);
+  var defaultId = useId(id);
+  var errorId = "error_".concat(defaultId);
+  useEffect(function () {
+    if (dayjs(value).isSame(time)) return;
+    setTime(value);
+  }, [value]);
   var handleDateChange = function handleDateChange(date) {
     var _timeRef$current;
-    setDate(date);
-    setTime(date);
+    if (!time) setTime(date);
     setOpen(false);
-    onChange(date);
-    (_timeRef$current = timeRef.current) === null || _timeRef$current === void 0 || _timeRef$current.querySelector(".react-time-picker__inputGroup__hour").focus();
+    onChange(date, "date");
+    (_timeRef$current = timeRef.current) === null || _timeRef$current === void 0 || (_timeRef$current = _timeRef$current.querySelector(".react-time-picker__inputGroup__hour")) === null || _timeRef$current === void 0 || _timeRef$current.focus();
   };
-  var handleTimeChange = function handleTimeChange(_, value) {
-    var currentTime = dayjs(value, "HH:mm");
-    setTime(value ? currentTime : null);
-    var dateTIme = dayjs("".concat(date === null || date === void 0 ? void 0 : date.format("YYYY-MM-DD"), " ").concat(value || ""));
-    onChange(dateTIme);
+  var handleTimeChange = function handleTimeChange(_, timeValue) {
+    if (!timeValue) {
+      setTime(null);
+      return;
+    }
+    var currentDate = dayjs(value);
+    var dateTime = dayjs("".concat(currentDate === null || currentDate === void 0 ? void 0 : currentDate.format("YYYY-MM-DD"), "\n    ").concat(timeValue || ""));
+    setTime(dateTime);
+    onChange(dateTime, "time");
   };
   return /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-ui-input__wrapper"
@@ -22891,7 +22897,7 @@ var DateTimePicker = function DateTimePicker(_ref) {
     required: required
   }, labelProps), label), /*#__PURE__*/React__default.createElement("div", {
     className: classnames$1("neeto-ui-date-time-input", className)
-  }, /*#__PURE__*/React__default.createElement(DatePicker, {
+  }, /*#__PURE__*/React__default.createElement(DatePicker, _extends$4({
     dateFormat: dateFormat,
     defaultValue: defaultValue,
     dropdownClassName: dropdownClassName,
@@ -22911,17 +22917,18 @@ var DateTimePicker = function DateTimePicker(_ref) {
     onFocus: function onFocus() {
       return setOpen(true);
     }
-  }), /*#__PURE__*/React__default.createElement(TimePickerInput, _defineProperty$7(_defineProperty$7(_defineProperty$7(_defineProperty$7({
+  }, datePickerProps)), /*#__PURE__*/React__default.createElement(TimePickerInput, _extends$4(_defineProperty$7(_defineProperty$7(_defineProperty$7(_defineProperty$7(_defineProperty$7({
     error: error,
     nakedInput: nakedInput,
     size: size
-  }, "error", !!error), "ref", timeRef), "value", time), "onChange", handleTimeChange))), !!error && /*#__PURE__*/React__default.createElement("p", {
+  }, "error", !!error), "ref", timeRef), "value", time), "onBlur", onTimeInputBlur), "onChange", handleTimeChange), timePickerProps))), !!error && /*#__PURE__*/React__default.createElement("p", {
     className: "neeto-ui-input__error",
     "data-cy": "".concat(hyphenize(label), "-input-error"),
     id: errorId
   }, error));
 };
 DateTimePicker.displayName = "DateTimePicker";
+var index$1 = /*#__PURE__*/React__default.memo(DateTimePicker);
 
 var _excluded$v = ["size", "type", "label", "error", "suffix", "prefix", "disabled", "helpText", "className", "nakedInput", "contentSize", "required", "maxLength", "unlimitedChars", "labelProps", "rejectCharsRegex", "onBlur", "disableTrimOnBlur"];
 function ownKeys$k(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -29936,7 +29943,7 @@ var renderDefaultText = function renderDefaultText(count) {
   return count === 1 ? "email" : "emails";
 };
 
-var _excluded$n = ["label", "placeholder", "helpText", "value", "onChange", "error", "onBlur", "filterInvalidEmails", "counter", "disabled", "maxHeight", "required", "labelProps", "visibleEmailsCount"];
+var _excluded$n = ["label", "placeholder", "helpText", "value", "onChange", "error", "onBlur", "filterInvalidEmails", "counter", "disabled", "maxHeight", "required", "labelProps", "visibleEmailsCount", "isCreateable"];
 function ownKeys$h(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$h(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$h(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var MultiEmailInput = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
@@ -29965,6 +29972,8 @@ var MultiEmailInput = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
     labelProps = _ref.labelProps,
     _ref$visibleEmailsCou = _ref.visibleEmailsCount,
     visibleEmailsCount = _ref$visibleEmailsCou === void 0 ? 3 : _ref$visibleEmailsCou,
+    _ref$isCreateable = _ref.isCreateable,
+    isCreateable = _ref$isCreateable === void 0 ? true : _ref$isCreateable,
     otherProps = _objectWithoutProperties$1(_ref, _excluded$n);
   var _useState = useState(""),
     _useState2 = _slicedToArray$3(_useState, 2),
@@ -30021,6 +30030,7 @@ var MultiEmailInput = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
   var overrideProps = {};
   if (isOptionsPresent) {
     var isValidNewOption = function isValidNewOption(inputValue, _, selectOptions) {
+      if (!isCreateable) return false;
       var isInputEmpty = isEmpty(inputValue.trim());
       var doesInputContainSeparator = inputValue.includes(",") || inputValue.includes(" ");
       var isInputPresentInOptions = selectOptions.find(function (option) {
@@ -38927,7 +38937,7 @@ var HoverIcon = function HoverIcon(_ref) {
   }));
 };
 
-var _excluded$2 = ["className", "label", "labelProps", "size", "nakedInput", "required", "value", "onChange", "error"];
+var _excluded$2 = ["className", "label", "labelProps", "size", "nakedInput", "required", "value", "onChange", "error", "onBlur"];
 function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 dayjs.extend(customParseFormat);
@@ -38952,20 +38962,14 @@ var TimePickerInput = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
     onChange = _ref.onChange,
     _ref$error = _ref.error,
     error = _ref$error === void 0 ? "" : _ref$error,
+    _ref$onBlur = _ref.onBlur,
+    onBlur = _ref$onBlur === void 0 ? noop$3 : _ref$onBlur,
     otherProps = _objectWithoutProperties$1(_ref, _excluded$2);
-  var _useState = useState(value),
-    _useState2 = _slicedToArray$3(_useState, 2),
-    time = _useState2[0],
-    setTime = _useState2[1];
   var id = useId(otherProps.id);
   var errorId = "error_".concat(id);
-  useEffect(function () {
-    setTime(value);
-  }, [value]);
   var handleChange = function handleChange(value) {
-    var date = dayjs(value, "HH:mm:ss");
-    setTime(value);
-    onChange(date, value);
+    var time = dayjs(value, "HH:mm");
+    onChange(time, value);
   };
   return /*#__PURE__*/React__default.createElement("div", {
     ref: ref,
@@ -38976,8 +38980,9 @@ var TimePickerInput = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
     id: id,
     disableClock: true,
     clearIcon: /*#__PURE__*/React__default.createElement(HoverIcon, {
-      time: time
+      time: !!value
     }),
+    format: "hh:mm a",
     hourPlaceholder: "HH",
     minutePlaceholder: "mm",
     secondAriaLabel: "ss",
@@ -38990,6 +38995,12 @@ var TimePickerInput = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
       "neeto-ui-time-picker--naked": nakedInput,
       "neeto-ui-time-picker--error": !!error
     }),
+    shouldCloseClock: function shouldCloseClock(_ref2) {
+      var reason = _ref2.reason;
+      if (reason !== "outsideAction") return true;
+      onBlur();
+      return true;
+    },
     onChange: handleChange
   }, otherProps)), !!error && typeof error === "string" && /*#__PURE__*/React__default.createElement("p", {
     className: "neeto-ui-input__error",
@@ -41141,5 +41152,5 @@ var TreeSelect = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
 });
 TreeSelect.displayName = "TreeSelect";
 
-export { Accordion, ActionDropdown, Alert, Avatar, Button, Callout, Checkbox, ColorPicker, DatePicker, DateTimePicker, Dropdown, Input$3 as Input, Kbd, Label, Modal, MultiEmailInput, NoData, Pagination, Pane, Popover, Radio, Select, Slider, Spinner, Stepper, Switch, Tab, Table, Tag, Textarea, TimePicker$1 as TimePicker, TimePickerInput, Toastr, Tooltip, Tree, TreeSelect, Typography };
+export { Accordion, ActionDropdown, Alert, Avatar, Button, Callout, Checkbox, ColorPicker, DatePicker, index$1 as DateTimePicker, Dropdown, Input$3 as Input, Kbd, Label, Modal, MultiEmailInput, NoData, Pagination, Pane, Popover, Radio, Select, Slider, Spinner, Stepper, Switch, Tab, Table, Tag, Textarea, TimePicker$1 as TimePicker, TimePickerInput, Toastr, Tooltip, Tree, TreeSelect, Typography };
 //# sourceMappingURL=index.js.map