@bigbinary/neetoui 5.2.41 → 5.2.42

package/index.d.ts

@@ -1,3 +1,4 @@
+import { Dayjs } from "dayjs";
 import React from "react";
 
 export interface AccordionProps {
@@ -201,6 +202,22 @@ export type DatePickerProps = {
   [key: string]: any;
 };
 
+export type DateTimePickerProps = {
+  value: any;
+  defaultValue?: any;
+  className?: string;
+  label?: string;
+  size?: "small" | "medium" | "large";
+  dropdownClassName?: string;
+  dateFormat?: string;
+  onChange?: (dateTime: Dayjs) => void;
+  nakedInput?: boolean;
+  error?: string;
+  id?: string;
+  labelProps?: LabelProps;
+  [key: string]: any;
+};
+
 export interface DropdownProps {
   icon?: string | any;
   label?: React.ReactNode;
@@ -755,6 +772,7 @@ export const Button: React.FC<ButtonProps>;
 export const Callout: React.FC<CalloutProps>;
 export const Checkbox: React.FC<CheckboxProps>;
 export const DatePicker: React.FC<DatePickerProps>;
+export const DateTimePicker: React.FC<DateTimePickerProps>;
 export const Dropdown: React.FC<DropdownProps> & {
   Menu: React.FC<
     React.DetailedHTMLProps<

package/index.js

@@ -9382,14 +9382,14 @@ function _objectWithoutProperties$1(source, excluded) {
   return target;
 }
 
-var _excluded$I = ["open", "children", "className"];
+var _excluded$J = ["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$I);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$J);
   return /*#__PURE__*/React__default.createElement(AnimatePresence, null, open && /*#__PURE__*/React__default.createElement(motion.div, _extends$4({
     animate: {
       opacity: 1,
@@ -11734,10 +11734,10 @@ var buildUrl = function buildUrl(route, params) {
   return isEmpty(queryParams) ? route : "".concat(route, "?").concat(queryParams);
 };
 
-var _excluded$H = ["children"];
+var _excluded$I = ["children"];
 var Portal$1 = function Portal(_ref, ref) {
   var children = _ref.children,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$H);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$I);
   return /*#__PURE__*/React__default.createElement("div", _extends$4({
     "data-cy": "neeto-backdrop",
     "data-testid": "neeto-backdrop",
@@ -15691,7 +15691,7 @@ var index$1 = /*#__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$G = ["content", "children", "theme", "disabled", "position", "interactive", "hideAfter", "hideOnTargetExit"];
+var _excluded$H = ["content", "children", "theme", "disabled", "position", "interactive", "hideAfter", "hideOnTargetExit"];
 var Tooltip = function Tooltip(_ref) {
   var content = _ref.content,
     children = _ref.children,
@@ -15707,7 +15707,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$G);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$H);
   var _useState = useState(null),
     _useState2 = _slicedToArray$2(_useState, 2),
     instance = _useState2[0],
@@ -15754,7 +15754,7 @@ var Tooltip = function Tooltip(_ref) {
   }, localProps, otherProps), /*#__PURE__*/React__default.isValidElement(children) ? children : /*#__PURE__*/React__default.createElement("span", null, children));
 };
 
-var _excluded$F = ["icon", "iconPosition", "iconSize", "label", "loading", "onClick", "to", "type", "style", "fullWidth", "className", "disabled", "size", "href", "tooltipProps", "children"];
+var _excluded$G = ["icon", "iconPosition", "iconSize", "label", "loading", "onClick", "to", "type", "style", "fullWidth", "className", "disabled", "size", "href", "tooltipProps", "children"];
 var BUTTON_STYLES = {
   primary: "primary",
   secondary: "secondary",
@@ -15809,7 +15809,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$F);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$G);
   var Parent = motion.button;
   var elementSpecificProps = {
     type: type
@@ -15905,22 +15905,22 @@ var Divider$1 = function Divider(props) {
   }, props));
 };
 
-var _excluded$E = ["children", "className"];
+var _excluded$F = ["children", "className"];
 var Menu$2 = function Menu(_ref) {
   var children = _ref.children,
     className = _ref.className,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$E);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$F);
   return /*#__PURE__*/React__default.createElement("ul", _extends$4({
     className: classnames$1("neeto-ui-dropdown__popup-menu", className)
   }, otherProps), children);
 };
 
-var _excluded$D = ["children", "className", "tooltipProps"];
+var _excluded$E = ["children", "className", "tooltipProps"];
 var MenuItem = function MenuItem(_ref) {
   var children = _ref.children,
     className = _ref.className,
     tooltipProps = _ref.tooltipProps,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$D);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$E);
   var renderMenuItem = function renderMenuItem() {
     return /*#__PURE__*/React__default.createElement("li", _extends$4({
       className: classnames$1("neeto-ui-dropdown__popup-menu-item", className)
@@ -15932,7 +15932,7 @@ var MenuItem = function MenuItem(_ref) {
   return renderMenuItem();
 };
 
-var _excluded$C = ["children", "className", "isActive", "isDisabled", "style", "prefix", "suffix", "type", "to", "href", "tooltipProps"];
+var _excluded$D = ["children", "className", "isActive", "isDisabled", "style", "prefix", "suffix", "type", "to", "href", "tooltipProps"];
 var ITEM_BTN_STYLES = {
   "default": "default",
   danger: "danger"
@@ -15958,7 +15958,7 @@ var MenuItemButton = function MenuItemButton(_ref) {
     _ref$href = _ref.href,
     href = _ref$href === void 0 ? "" : _ref$href,
     tooltipProps = _ref.tooltipProps,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$C);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$D);
   var Parent, elementSpecificProps;
   if (to) {
     Parent = Link;
@@ -15994,7 +15994,7 @@ var MenuItemButton = function MenuItemButton(_ref) {
 
 MenuItem.Button = MenuItemButton;
 
-var _excluded$B = ["style", "size"],
+var _excluded$C = ["style", "size"],
   _excluded2$5 = ["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 = {
@@ -16076,7 +16076,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$B),
+    buttonProps = _objectWithoutProperties$1(_ref2$buttonProps2, _excluded$C),
     customTarget = _ref2.customTarget,
     _ref2$disabled = _ref2.disabled,
     disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
@@ -16169,7 +16169,7 @@ Dropdown.Menu = Menu$2;
 Dropdown.MenuItem = MenuItem;
 Dropdown.Divider = Divider$1;
 
-var _excluded$A = ["style", "size"];
+var _excluded$B = ["style", "size"];
 var BTN_STYLES = {
   primary: "primary",
   secondary: "secondary"
@@ -16194,7 +16194,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$A),
+    buttonProps = _objectWithoutProperties$1(_ref$buttonProps2, _excluded$B),
     _ref$dropdownProps = _ref.dropdownProps,
     dropdownProps = _ref$dropdownProps === void 0 ? {} : _ref$dropdownProps,
     _ref$className = _ref.className,
@@ -18571,12 +18571,12 @@ var useOverlayManager = function useOverlayManager(ref, isOpen) {
   }, [isOpen, ref]);
 };
 
-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; }
+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 useQueryParams = function useQueryParams() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var location = useLocation();
-  return lib.parse(location.search, _objectSpread$k({
+  return lib.parse(location.search, _objectSpread$l({
     ignoreQueryPrefix: true
   }, options));
 };
@@ -18632,7 +18632,7 @@ var Footer$1 = function Footer(_ref) {
   }, children);
 };
 
-var _excluded$z = ["style", "weight", "lineHeight", "component", "children", "textTransform", "className"];
+var _excluded$A = ["style", "weight", "lineHeight", "component", "children", "textTransform", "className"];
 var FONT_WEIGHTS = {
   thin: "thin",
   extralight: "extralight",
@@ -18720,7 +18720,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$z);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$A);
   var Component = component ? COMPONENTS[component] : style ? DEFAULT_COMPONENTS[style] : "p";
   return /*#__PURE__*/React__default.createElement(Component, _extends$4({
     ref: ref,
@@ -18783,7 +18783,7 @@ var Header$1 = function Header(_ref) {
   }, description)));
 };
 
-var _excluded$y = ["size", "isOpen", "onClose", "children", "finalFocusRef", "initialFocusRef", "className", "closeOnEsc", "closeButton", "backdropClassName", "blockScrollOnMount", "closeOnOutsideClick"];
+var _excluded$z = ["size", "isOpen", "onClose", "children", "finalFocusRef", "initialFocusRef", "className", "closeOnEsc", "closeButton", "backdropClassName", "blockScrollOnMount", "closeOnOutsideClick"];
 var SIZES$7 = {
   small: "small",
   medium: "medium",
@@ -18812,7 +18812,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$y);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$z);
   var _useState = useState(false),
     _useState2 = _slicedToArray$2(_useState, 2),
     hasTransitionCompleted = _useState2[0],
@@ -18978,7 +18978,7 @@ var FallbackAvatar = /*@__PURE__*/getDefaultExportFromCjs(build.exports);
 var COLOR_PALLETE = ["#ffb5a7", "#fcd5ce", "#f8edeb", "#f9dcc4", "#fec89a"];
 var AVATAR_VARIANT = "beam";
 
-var _excluded$x = ["size", "user", "status", "onClick", "className", "showTooltip", "tooltipProps"];
+var _excluded$y = ["size", "user", "status", "onClick", "className", "showTooltip", "tooltipProps"];
 var SIZE = {
   small: 24,
   medium: 32,
@@ -19000,7 +19000,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$x);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$y);
   var _useState = useState(false),
     _useState2 = _slicedToArray$2(_useState, 2),
     isLoadingFailed = _useState2[0],
@@ -19059,7 +19059,7 @@ var Avatar = function Avatar(_ref) {
   })));
 };
 
-var _excluded$w = ["icon", "style", "className", "children"];
+var _excluded$x = ["icon", "style", "className", "children"];
 var STYLES$2 = {
   info: "info",
   warning: "warning",
@@ -19074,7 +19074,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$w);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$x);
   var Icon = icon;
   return /*#__PURE__*/React__default.createElement("div", _extends$4({
     className: classnames$1("neeto-ui-callout", _defineProperty$7({
@@ -19091,7 +19091,7 @@ var Callout = function Callout(_ref) {
   })), children);
 };
 
-var _excluded$v = ["children", "className", "required", "helpIconProps"],
+var _excluded$w = ["children", "className", "required", "helpIconProps"],
   _excluded2$4 = ["onClick", "icon", "tooltipProps", "className"];
 var Label = function Label(_ref) {
   var children = _ref.children,
@@ -19101,7 +19101,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$v);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$w);
   var _ref2 = helpIconProps || {},
     onClick = _ref2.onClick,
     icon = _ref2.icon,
@@ -19123,7 +19123,7 @@ var Label = function Label(_ref) {
   }, otherHelpIconProps)))));
 };
 
-var _excluded$u = ["label", "error", "className", "required", "labelProps", "children"];
+var _excluded$v = ["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,
@@ -19135,7 +19135,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$u);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$v);
   var id = useId(otherProps.id);
   var errorId = "error_".concat(id);
   var renderLabel = label || children;
@@ -20923,9 +20923,9 @@ var ColorPicker = function ColorPicker(_ref) {
   }, /*#__PURE__*/React__default.createElement(Palette, colorPaletteProps))));
 };
 
-var _excluded$t = ["className", "label", "size", "dropdownClassName", "popupClassName", "dateFormat", "timeFormat", "onChange", "onOk", "picker", "showTime", "type", "nakedInput", "error", "defaultValue", "value", "labelProps", "required"];
-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; }
-function _objectSpread$j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$k(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var _excluded$u = ["className", "label", "size", "dropdownClassName", "popupClassName", "dateFormat", "timeFormat", "onChange", "onOk", "picker", "showTime", "type", "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; }
 var INPUT_SIZES$2 = {
   small: "small",
   medium: "medium",
@@ -20979,7 +20979,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$t);
+    otherProps = _objectWithoutProperties$1(_ref2, _excluded$u);
   var id = useId(otherProps.id);
   var datePickerRef = useSyncedRef(ref);
   var Component = datePickerTypes[type === null || type === void 0 ? void 0 : type.toLowerCase()];
@@ -20990,7 +20990,7 @@ var DatePicker = /*#__PURE__*/forwardRef$1(function (_ref2, ref) {
   };
   return /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-ui-input__wrapper"
-  }, label && /*#__PURE__*/React__default.createElement(Label, _objectSpread$j({
+  }, label && /*#__PURE__*/React__default.createElement(Label, _objectSpread$k({
     required: required
   }, labelProps), label), /*#__PURE__*/React__default.createElement(Component, _extends$4({
     format: format,
@@ -21037,7 +21037,7 @@ var DatePicker = /*#__PURE__*/forwardRef$1(function (_ref2, ref) {
         size: 16
       })
     }
-  })), !!error && /*#__PURE__*/React__default.createElement("p", {
+  })), !!error && typeof error === "string" && /*#__PURE__*/React__default.createElement("p", {
     className: "neeto-ui-input__error",
     "data-cy": "".concat(hyphenize(label), "-input-error"),
     id: errorId
@@ -21045,6 +21045,106 @@ var DatePicker = /*#__PURE__*/forwardRef$1(function (_ref2, ref) {
 });
 DatePicker.displayName = "DatePicker";
 
+var customParseFormat$1 = {exports: {}};
+
+(function (module, exports) {
+	!function(e,t){module.exports=t();}(commonjsGlobal,(function(){var e={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},t=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,n=/\d\d/,r=/\d\d?/,i=/\d*[^-_:/,()\s\d]+/,o={},s=function(e){return (e=+e)+(e>68?1900:2e3)};var a=function(e){return function(t){this[e]=+t;}},f=[/[+-]\d\d:?(\d\d)?|Z/,function(e){(this.zone||(this.zone={})).offset=function(e){if(!e)return 0;if("Z"===e)return 0;var t=e.match(/([+-]|\d\d)/g),n=60*t[1]+(+t[2]||0);return 0===n?0:"+"===t[0]?-n:n}(e);}],h=function(e){var t=o[e];return t&&(t.indexOf?t:t.s.concat(t.f))},u=function(e,t){var n,r=o.meridiem;if(r){for(var i=1;i<=24;i+=1)if(e.indexOf(r(i,0,t))>-1){n=i>12;break}}else n=e===(t?"pm":"PM");return n},d={A:[i,function(e){this.afternoon=u(e,!1);}],a:[i,function(e){this.afternoon=u(e,!0);}],S:[/\d/,function(e){this.milliseconds=100*+e;}],SS:[n,function(e){this.milliseconds=10*+e;}],SSS:[/\d{3}/,function(e){this.milliseconds=+e;}],s:[r,a("seconds")],ss:[r,a("seconds")],m:[r,a("minutes")],mm:[r,a("minutes")],H:[r,a("hours")],h:[r,a("hours")],HH:[r,a("hours")],hh:[r,a("hours")],D:[r,a("day")],DD:[n,a("day")],Do:[i,function(e){var t=o.ordinal,n=e.match(/\d+/);if(this.day=n[0],t)for(var r=1;r<=31;r+=1)t(r).replace(/\[|\]/g,"")===e&&(this.day=r);}],M:[r,a("month")],MM:[n,a("month")],MMM:[i,function(e){var t=h("months"),n=(h("monthsShort")||t.map((function(e){return e.slice(0,3)}))).indexOf(e)+1;if(n<1)throw new Error;this.month=n%12||n;}],MMMM:[i,function(e){var t=h("months").indexOf(e)+1;if(t<1)throw new Error;this.month=t%12||t;}],Y:[/[+-]?\d+/,a("year")],YY:[n,function(e){this.year=s(e);}],YYYY:[/\d{4}/,a("year")],Z:f,ZZ:f};function c(n){var r,i;r=n,i=o&&o.formats;for(var s=(n=r.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(t,n,r){var o=r&&r.toUpperCase();return n||i[r]||e[r]||i[o].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(e,t,n){return t||n.slice(1)}))}))).match(t),a=s.length,f=0;f<a;f+=1){var h=s[f],u=d[h],c=u&&u[0],l=u&&u[1];s[f]=l?{regex:c,parser:l}:h.replace(/^\[|\]$/g,"");}return function(e){for(var t={},n=0,r=0;n<a;n+=1){var i=s[n];if("string"==typeof i)r+=i.length;else {var o=i.regex,f=i.parser,h=e.slice(r),u=o.exec(h)[0];f.call(t,u),e=e.replace(u,"");}}return function(e){var t=e.afternoon;if(void 0!==t){var n=e.hours;t?n<12&&(e.hours+=12):12===n&&(e.hours=0),delete e.afternoon;}}(t),t}}return function(e,t,n){n.p.customParseFormat=!0,e&&e.parseTwoDigitYear&&(s=e.parseTwoDigitYear);var r=t.prototype,i=r.parse;r.parse=function(e){var t=e.date,r=e.utc,s=e.args;this.$u=r;var a=s[1];if("string"==typeof a){var f=!0===s[2],h=!0===s[3],u=f||h,d=s[2];h&&(d=s[2]),o=this.$locale(),!f&&d&&(o=n.Ls[d]),this.$d=function(e,t,n){try{if(["x","X"].indexOf(t)>-1)return new Date(("X"===t?1e3:1)*e);var r=c(t)(e),i=r.year,o=r.month,s=r.day,a=r.hours,f=r.minutes,h=r.seconds,u=r.milliseconds,d=r.zone,l=new Date,m=s||(i||o?1:l.getDate()),M=i||l.getFullYear(),Y=0;i&&!o||(Y=o>0?o-1:l.getMonth());var p=a||0,v=f||0,D=h||0,g=u||0;return d?new Date(Date.UTC(M,Y,m,p,v,D,g+60*d.offset*1e3)):n?new Date(Date.UTC(M,Y,m,p,v,D,g)):new Date(M,Y,m,p,v,D,g)}catch(e){return new Date("")}}(t,a,r),this.init(),d&&!0!==d&&(this.$L=this.locale(d).$L),u&&t!=this.format(a)&&(this.$d=new Date("")),o={};}else if(a instanceof Array)for(var l=a.length,m=1;m<=l;m+=1){s[1]=a[m-1];var M=n.apply(this,s);if(M.isValid()){this.$d=M.$d,this.$L=M.$L,this.init();break}m===l&&(this.$d=new Date(""));}else i.call(this,e);};}}));
+} (customParseFormat$1));
+
+var customParseFormat = customParseFormat$1.exports;
+
+var _excluded$t = ["className", "label", "size", "dropdownClassName", "popupClassName", "dateFormat", "onChange", "nakedInput", "error", "defaultValue", "value", "labelProps", "required"];
+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; }
+function _objectSpread$j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$k(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+dayjs.extend(customParseFormat);
+var DateTimePicker = function DateTimePicker(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? "" : _ref$label,
+    size = _ref.size,
+    dropdownClassName = _ref.dropdownClassName,
+    popupClassName = _ref.popupClassName,
+    dateFormat = _ref.dateFormat,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? noop$3 : _ref$onChange,
+    _ref$nakedInput = _ref.nakedInput,
+    nakedInput = _ref$nakedInput === void 0 ? false : _ref$nakedInput,
+    _ref$error = _ref.error,
+    error = _ref$error === void 0 ? "" : _ref$error,
+    defaultValue = _ref.defaultValue,
+    value = _ref.value,
+    labelProps = _ref.labelProps,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$t);
+  var _React$useState = React__default.useState(false),
+    _React$useState2 = _slicedToArray$2(_React$useState, 2),
+    open = _React$useState2[0],
+    setOpen = _React$useState2[1];
+  var _useState = useState(),
+    _useState2 = _slicedToArray$2(_useState, 2),
+    date = _useState2[0],
+    setDate = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray$2(_useState3, 2),
+    time = _useState4[0],
+    setTime = _useState4[1];
+  var timeRef = React__default.useRef(null);
+  var id = useId(otherProps.id);
+  var errorId = "error_".concat(id);
+  var handleDateChange = function handleDateChange(date) {
+    var _timeRef$current;
+    setDate(date);
+    setTime(date);
+    setOpen(false);
+    onChange(date);
+    (_timeRef$current = timeRef.current) === null || _timeRef$current === void 0 || _timeRef$current.querySelector(".react-time-picker__inputGroup__hour").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);
+  };
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-ui-input__wrapper"
+  }, label && /*#__PURE__*/React__default.createElement(Label, _objectSpread$j({
+    required: required
+  }, labelProps), label), /*#__PURE__*/React__default.createElement("div", {
+    className: classnames$1("neeto-ui-date-time-input flex", className)
+  }, /*#__PURE__*/React__default.createElement(DatePicker, {
+    dateFormat: dateFormat,
+    defaultValue: defaultValue,
+    dropdownClassName: dropdownClassName,
+    nakedInput: nakedInput,
+    open: open,
+    popupClassName: popupClassName,
+    size: size,
+    value: value,
+    error: !!error,
+    picker: "date",
+    showTime: false,
+    type: "date",
+    onBlur: function onBlur() {
+      return setOpen(false);
+    },
+    onChange: handleDateChange,
+    onFocus: function onFocus() {
+      return setOpen(true);
+    }
+  }), /*#__PURE__*/React__default.createElement(TimePickerInput, _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", {
+    className: "neeto-ui-input__error",
+    "data-cy": "".concat(hyphenize(label), "-input-error"),
+    id: errorId
+  }, error));
+};
+DateTimePicker.displayName = "DateTimePicker";
+
 var _excluded$s = ["size", "type", "label", "error", "suffix", "prefix", "disabled", "helpText", "className", "nakedInput", "contentSize", "required", "maxLength", "unlimitedChars", "labelProps", "rejectCharsRegex", "onBlur", "disableTrimOnBlur"];
 function ownKeys$j(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$i(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$j(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -34124,14 +34224,6 @@ var TimePicker$1 = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
 });
 TimePicker$1.displayName = "TimePicker";
 
-var customParseFormat$1 = {exports: {}};
-
-(function (module, exports) {
-	!function(e,t){module.exports=t();}(commonjsGlobal,(function(){var e={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},t=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,n=/\d\d/,r=/\d\d?/,i=/\d*[^-_:/,()\s\d]+/,o={},s=function(e){return (e=+e)+(e>68?1900:2e3)};var a=function(e){return function(t){this[e]=+t;}},f=[/[+-]\d\d:?(\d\d)?|Z/,function(e){(this.zone||(this.zone={})).offset=function(e){if(!e)return 0;if("Z"===e)return 0;var t=e.match(/([+-]|\d\d)/g),n=60*t[1]+(+t[2]||0);return 0===n?0:"+"===t[0]?-n:n}(e);}],h=function(e){var t=o[e];return t&&(t.indexOf?t:t.s.concat(t.f))},u=function(e,t){var n,r=o.meridiem;if(r){for(var i=1;i<=24;i+=1)if(e.indexOf(r(i,0,t))>-1){n=i>12;break}}else n=e===(t?"pm":"PM");return n},d={A:[i,function(e){this.afternoon=u(e,!1);}],a:[i,function(e){this.afternoon=u(e,!0);}],S:[/\d/,function(e){this.milliseconds=100*+e;}],SS:[n,function(e){this.milliseconds=10*+e;}],SSS:[/\d{3}/,function(e){this.milliseconds=+e;}],s:[r,a("seconds")],ss:[r,a("seconds")],m:[r,a("minutes")],mm:[r,a("minutes")],H:[r,a("hours")],h:[r,a("hours")],HH:[r,a("hours")],hh:[r,a("hours")],D:[r,a("day")],DD:[n,a("day")],Do:[i,function(e){var t=o.ordinal,n=e.match(/\d+/);if(this.day=n[0],t)for(var r=1;r<=31;r+=1)t(r).replace(/\[|\]/g,"")===e&&(this.day=r);}],M:[r,a("month")],MM:[n,a("month")],MMM:[i,function(e){var t=h("months"),n=(h("monthsShort")||t.map((function(e){return e.slice(0,3)}))).indexOf(e)+1;if(n<1)throw new Error;this.month=n%12||n;}],MMMM:[i,function(e){var t=h("months").indexOf(e)+1;if(t<1)throw new Error;this.month=t%12||t;}],Y:[/[+-]?\d+/,a("year")],YY:[n,function(e){this.year=s(e);}],YYYY:[/\d{4}/,a("year")],Z:f,ZZ:f};function c(n){var r,i;r=n,i=o&&o.formats;for(var s=(n=r.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(t,n,r){var o=r&&r.toUpperCase();return n||i[r]||e[r]||i[o].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(e,t,n){return t||n.slice(1)}))}))).match(t),a=s.length,f=0;f<a;f+=1){var h=s[f],u=d[h],c=u&&u[0],l=u&&u[1];s[f]=l?{regex:c,parser:l}:h.replace(/^\[|\]$/g,"");}return function(e){for(var t={},n=0,r=0;n<a;n+=1){var i=s[n];if("string"==typeof i)r+=i.length;else {var o=i.regex,f=i.parser,h=e.slice(r),u=o.exec(h)[0];f.call(t,u),e=e.replace(u,"");}}return function(e){var t=e.afternoon;if(void 0!==t){var n=e.hours;t?n<12&&(e.hours+=12):12===n&&(e.hours=0),delete e.afternoon;}}(t),t}}return function(e,t,n){n.p.customParseFormat=!0,e&&e.parseTwoDigitYear&&(s=e.parseTwoDigitYear);var r=t.prototype,i=r.parse;r.parse=function(e){var t=e.date,r=e.utc,s=e.args;this.$u=r;var a=s[1];if("string"==typeof a){var f=!0===s[2],h=!0===s[3],u=f||h,d=s[2];h&&(d=s[2]),o=this.$locale(),!f&&d&&(o=n.Ls[d]),this.$d=function(e,t,n){try{if(["x","X"].indexOf(t)>-1)return new Date(("X"===t?1e3:1)*e);var r=c(t)(e),i=r.year,o=r.month,s=r.day,a=r.hours,f=r.minutes,h=r.seconds,u=r.milliseconds,d=r.zone,l=new Date,m=s||(i||o?1:l.getDate()),M=i||l.getFullYear(),Y=0;i&&!o||(Y=o>0?o-1:l.getMonth());var p=a||0,v=f||0,D=h||0,g=u||0;return d?new Date(Date.UTC(M,Y,m,p,v,D,g+60*d.offset*1e3)):n?new Date(Date.UTC(M,Y,m,p,v,D,g)):new Date(M,Y,m,p,v,D,g)}catch(e){return new Date("")}}(t,a,r),this.init(),d&&!0!==d&&(this.$L=this.locale(d).$L),u&&t!=this.format(a)&&(this.$d=new Date("")),o={};}else if(a instanceof Array)for(var l=a.length,m=1;m<=l;m+=1){s[1]=a[m-1];var M=n.apply(this,s);if(M.isValid()){this.$d=M.$d,this.$L=M.$L,this.init();break}m===l&&(this.$d=new Date(""));}else i.call(this,e);};}}));
-} (customParseFormat$1));
-
-var customParseFormat = customParseFormat$1.exports;
-
 var __spreadArray$2 = (undefined && undefined.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -36698,6 +36790,27 @@ if (isBrowser) {
     TimePicker.propTypes.portalContainer = propTypes$1.exports.instanceOf(HTMLElement);
 }
 
+var HoverIcon = function HoverIcon(_ref) {
+  var _ref$time = _ref.time,
+    time = _ref$time === void 0 ? false : _ref$time;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray$2(_useState, 2),
+    hovered = _useState2[0],
+    setHovered = _useState2[1];
+  return /*#__PURE__*/React__default.createElement("div", {
+    onMouseLeave: function onMouseLeave() {
+      return setHovered(false);
+    },
+    onMouseOver: function onMouseOver() {
+      return setHovered(true);
+    }
+  }, hovered && time ? /*#__PURE__*/React__default.createElement(Close, {
+    size: 16
+  }) : /*#__PURE__*/React__default.createElement(Clock$1, {
+    size: 16
+  }));
+};
+
 var _excluded$2 = ["className", "label", "labelProps", "size", "nakedInput", "required", "value", "onChange", "error"];
 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; }
@@ -36707,7 +36820,7 @@ var INPUT_SIZES = {
   medium: "medium",
   large: "large"
 };
-var TimePickerInput = function TimePickerInput(_ref) {
+var TimePickerInput = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
   var _convertToDayjsObject;
   var _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
@@ -36724,34 +36837,50 @@ var TimePickerInput = function TimePickerInput(_ref) {
     _ref$error = _ref.error,
     error = _ref$error === void 0 ? "" : _ref$error,
     otherProps = _objectWithoutProperties$1(_ref, _excluded$2);
+  var _useState = useState(value),
+    _useState2 = _slicedToArray$2(_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);
   };
   return /*#__PURE__*/React__default.createElement("div", {
+    ref: ref,
     className: "neeto-ui-input__wrapper"
   }, label && /*#__PURE__*/React__default.createElement(Label, _objectSpread$3({
     required: required
-  }, labelProps), label), /*#__PURE__*/React__default.createElement(TimePicker, _extends$4(_defineProperty$7(_defineProperty$7(_defineProperty$7({
+  }, labelProps), label), /*#__PURE__*/React__default.createElement(TimePicker, _extends$4({
     id: id,
-    value: value,
     disableClock: true,
-    clearIcon: null
-  }, "value", (_convertToDayjsObject = convertToDayjsObjects(value)) === null || _convertToDayjsObject === void 0 ? void 0 : _convertToDayjsObject.toDate()), "className", classnames$1("neeto-ui-time-picker", [className], {
-    "neeto-ui-time-picker--small": size === "small",
-    "neeto-ui-time-picker--medium": size === "medium",
-    "neeto-ui-time-picker--large": size === "large",
-    "neeto-ui-time-picker--disabled": otherProps.disabled,
-    "neeto-ui-time-picker--naked": nakedInput,
-    "neeto-ui-time-picker--error": !!error
-  })), "onChange", handleChange), otherProps)), !!error && /*#__PURE__*/React__default.createElement("p", {
+    clearIcon: /*#__PURE__*/React__default.createElement(HoverIcon, {
+      time: time
+    }),
+    hourPlaceholder: "HH",
+    minutePlaceholder: "mm",
+    secondAriaLabel: "ss",
+    value: (_convertToDayjsObject = convertToDayjsObjects(value)) === null || _convertToDayjsObject === void 0 ? void 0 : _convertToDayjsObject.toDate(),
+    className: classnames$1("neeto-ui-time-picker", [className], {
+      "neeto-ui-time-picker--small": size === "small",
+      "neeto-ui-time-picker--medium": size === "medium",
+      "neeto-ui-time-picker--large": size === "large",
+      "neeto-ui-time-picker--disabled": otherProps.disabled,
+      "neeto-ui-time-picker--naked": nakedInput,
+      "neeto-ui-time-picker--error": !!error
+    }),
+    onChange: handleChange
+  }, otherProps)), !!error && typeof error === "string" && /*#__PURE__*/React__default.createElement("p", {
     className: "neeto-ui-input__error",
     "data-cy": "".concat(hyphenize(label), "-input-error"),
     id: errorId
   }, error));
-};
+});
 TimePickerInput.displayName = "TimePicker";
 
 // THIS FILE IS AUTOMATICALLY GENERATED DO NOT EDIT DIRECTLY
@@ -38897,5 +39026,5 @@ var TreeSelect = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
 });
 TreeSelect.displayName = "TreeSelect";
 
-export { Accordion, ActionDropdown, Alert, Avatar, Button, Callout, Checkbox, ColorPicker, DatePicker, 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, 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