linear-react-components-ui 1.1.26-beta.15 → 1.1.26-beta.17

package/lib/inputs/base/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../../src/lib/inputs/base/helpers.tsx"],"sourcesContent":["import React, { JSX } from 'react';\nimport _ from 'lodash';\nimport { IBaseProps } from './types';\nimport { TextAlign } from '../../../lib/@types/Align';\n\nexport const getInputClass = ({\n  textAlign,\n  readOnly,\n  readOnlyClass,\n}: {\n  textAlign?: TextAlign,\n  readOnly?: boolean,\n  readOnlyClass?: string\n}) => `textinput text-align-${textAlign} ${readOnlyClass} ${readOnly ? ' -readonly' : ''}`;\n\nexport const getInputWrapperClass = (props: IBaseProps) => {\n  const {\n    inputHasFocus,\n    customClassForWrapper,\n    rounded,\n    errorMessages,\n    disabled,\n  } = props;\n  return `inputwrapper ${inputHasFocus && ' -focusable'}\n          ${customClassForWrapper}\n          ${(errorMessages && errorMessages.length > 0) && ' -requirederror'}\n          ${rounded && ' -roundedborders'}\n          ${disabled && ' -disabled'}`;\n};\n\nexport const getRightElements = (\n  errorMessages: string[],\n  skeletonize: boolean,\n  rightElements?: JSX.Element | JSX.Element[],\n) => {\n  let elements = rightElements || [];\n  if (skeletonize) return null;\n  if (!_.isArray(elements)) {\n    elements = [elements];\n  }\n  elements = elements.map((element: any, index: number) => element && React.cloneElement(element, { key: `rightelement-${index + 1}` }));\n  if (errorMessages) return elements;\n\n  return elements;\n};\n"],"names":["getInputClass","textAlign","readOnly","readOnlyClass","getInputWrapperClass","props","inputHasFocus","customClassForWrapper","rounded","errorMessages","disabled","length","getRightElements","skeletonize","rightElements","elements","_","isArray","map","element","index","React","cloneElement","key"],"mappings":";;AAKO,MAAMA,IAAgBA,CAAC;AAAA,EAC5BC,WAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,eAAAA;AAKF,MAAM,wBAAwBF,CAAS,IAAIE,CAAa,IAAID,IAAW,eAAe,EAAE,IAE3EE,IAAuBA,CAACC,MAAsB;AACzD,QAAM;AAAA,IACJC,eAAAA;AAAAA,IACAC,uBAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,UAAAA;AAAAA,EAAAA,IACEL;AACJ,SAAO,gBAAgBC,KAAiB,aAAa;AAAA,YAC3CC,CAAqB;AAAA,YACpBE,KAAiBA,EAAcE,SAAS,KAAM,iBAAiB;AAAA,YAChEH,KAAW,kBAAkB;AAAA,YAC7BE,KAAY,YAAY;AACpC,GAEaE,IAAmBA,CAC9BH,GACAI,GACAC,MACG;AACH,MAAIC,IAAWD,KAAiB,CAAA;AAChC,SAAID,IAAoB,QACnBG,EAAEC,QAAQF,CAAQ,MACrBA,IAAW,CAACA,CAAQ,IAEtBA,IAAWA,EAASG,IAAI,CAACC,GAAcC,MAAkBD,KAAWE,EAAMC,aAAaH,GAAS;AAAA,IAAEI,KAAK,gBAAgBH,IAAQ,CAAC;AAAA,EAAA,CAAI,CAAC,GAC3GL;AAG5B;"}
+{"version":3,"file":"helpers.js","sources":["../../../src/lib/inputs/base/helpers.tsx"],"sourcesContent":["import { cloneElement, JSX } from 'react';\nimport _ from 'lodash';\nimport { IBaseProps } from './types';\nimport { TextAlign } from '../../../lib/@types/Align';\n\nexport const getInputClass = ({\n  textAlign,\n  readOnly,\n  readOnlyClass,\n}: {\n  textAlign?: TextAlign,\n  readOnly?: boolean,\n  readOnlyClass?: string\n}) => `textinput text-align-${textAlign} ${readOnlyClass} ${readOnly ? ' -readonly' : ''}`;\n\nexport const getInputWrapperClass = (props: IBaseProps) => {\n  const {\n    inputHasFocus,\n    customClassForWrapper,\n    rounded,\n    errorMessages,\n    disabled,\n  } = props;\n  return `inputwrapper ${inputHasFocus && ' -focusable'}\n          ${customClassForWrapper}\n          ${(errorMessages && errorMessages.length > 0) && ' -requirederror'}\n          ${rounded && ' -roundedborders'}\n          ${disabled && ' -disabled'}`;\n};\n\nexport const getRightElements = (\n  errorMessages: string[],\n  skeletonize: boolean,\n  rightElements?: JSX.Element | JSX.Element[],\n) => {\n  let elements = rightElements || [];\n  if (skeletonize) return null;\n  if (!_.isArray(elements)) {\n    elements = [elements];\n  }\n  elements = elements.map((element: any, index: number) => element && cloneElement(element, { key: `rightelement-${index + 1}` }));\n  if (errorMessages) return elements;\n\n  return elements;\n};\n"],"names":["getInputClass","textAlign","readOnly","readOnlyClass","getInputWrapperClass","props","inputHasFocus","customClassForWrapper","rounded","errorMessages","disabled","length","getRightElements","skeletonize","rightElements","elements","_","isArray","map","element","index","cloneElement","key"],"mappings":";;AAKO,MAAMA,IAAgBA,CAAC;AAAA,EAC5BC,WAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,eAAAA;AAKF,MAAM,wBAAwBF,CAAS,IAAIE,CAAa,IAAID,IAAW,eAAe,EAAE,IAE3EE,IAAuBA,CAACC,MAAsB;AACzD,QAAM;AAAA,IACJC,eAAAA;AAAAA,IACAC,uBAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,UAAAA;AAAAA,EAAAA,IACEL;AACJ,SAAO,gBAAgBC,KAAiB,aAAa;AAAA,YAC3CC,CAAqB;AAAA,YACpBE,KAAiBA,EAAcE,SAAS,KAAM,iBAAiB;AAAA,YAChEH,KAAW,kBAAkB;AAAA,YAC7BE,KAAY,YAAY;AACpC,GAEaE,IAAmBA,CAC9BH,GACAI,GACAC,MACG;AACH,MAAIC,IAAWD,KAAiB,CAAA;AAChC,SAAID,IAAoB,QACnBG,EAAEC,QAAQF,CAAQ,MACrBA,IAAW,CAACA,CAAQ,IAEtBA,IAAWA,EAASG,IAAI,CAACC,GAAcC,MAAkBD,KAAWE,EAAaF,GAAS;AAAA,IAAEG,KAAK,gBAAgBF,IAAQ,CAAC;AAAA,EAAA,CAAI,CAAC,GACrGL;AAG5B;"}

package/lib/inputs/base/types.d.ts

@@ -1,6 +1,6 @@
-import { CSSProperties, KeyboardEvent, MutableRefObject, RefObject, DragEvent, MouseEvent, JSX } from 'react';
+import { CSSProperties, KeyboardEvent, MutableRefObject, RefObject, DragEvent, MouseEvent, JSX, ReactNode } from 'react';
 import { TextAlign } from 'src/lib/@types/Align';
-import { WithTooltipProps } from 'src/lib/internals/types';
+import { ITooltipCommonProps } from 'src/lib/tooltip/types';
 import { Period } from '../../@types/Period';
 import { OnDenied, PermissionAttr } from '../../@types/PermissionAttr';
 export interface CustomInputEvent {
@@ -8,6 +8,7 @@ export interface CustomInputEvent {
     stopPropagation?: () => void;
     dataTransfer?: DataTransfer;
     keyCode?: number;
+    key?: number;
     code?: number;
     target: {
         value: string;
@@ -17,17 +18,7 @@ export interface CustomInputEvent {
         files?: FileList | null;
     };
 }
-export interface InputLabelProps extends WithTooltipProps {
-    label?: string | string[];
-    customClassForLabel?: string;
-    styleForLabel?: object;
-    labelUppercase?: boolean;
-    required?: boolean;
-    targetRef?: (ref: HTMLSpanElement | null) => void;
-    labelRef?: MutableRefObject<HTMLSpanElement | null>;
-    onHoverLabel?: React.MouseEventHandler<HTMLSpanElement>;
-}
-export interface IBaseProps {
+export interface IBaseProps extends ITooltipCommonProps {
     inputHasFocus?: boolean;
     onInputReceiveFocus?: () => void;
     onInputLostFocus?: () => void;
@@ -61,7 +52,7 @@ export interface IBaseProps {
     onDragLeave?: (e: DragEvent) => void;
     leftElements?: JSX.Element | JSX.Element[];
     rightElements?: JSX.Element | JSX.Element[];
-    children?: JSX.Element | JSX.Element[];
+    children?: ReactNode;
     customClass?: string;
     customClassForWrapper?: string;
     customClassForInputContent?: string;
@@ -70,7 +61,7 @@ export interface IBaseProps {
     requiredError?: boolean;
     inputRef?: MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null> | ((ref: HTMLInputElement | HTMLTextAreaElement | null) => void);
     inputBaseRef?: RefObject<HTMLDivElement> | ((ref: HTMLDivElement) => void);
-    hint?: string | string[];
+    hint?: string;
     hintPosition?: 'below' | 'onLabelRight';
     textAlign?: TextAlign;
     rounded?: boolean;
@@ -79,7 +70,6 @@ export interface IBaseProps {
     permissionAttr?: PermissionAttr;
     onDeniedActions?: OnDenied;
     handlerSetOnDenied?: (onDenied: OnDenied) => void;
-    targetRef?: (ref: HTMLDivElement | HTMLInputElement | HTMLTextAreaElement | null) => void;
     gridLayout?: string;
     skeletonize?: boolean;
     style?: CSSProperties;

package/lib/inputs/color/index.js

@@ -1,59 +1,58 @@
 import { jsx as c } from "react/jsx-runtime";
-import { c as B } from "react/compiler-runtime";
-import { useState as E, useRef as F, useEffect as T } from "react";
-import _ from "../../_virtual/lodash.js";
-import P from "../text/index.js";
-import R from "../../buttons/Button.js";
-import "../../icons/index.js";
-import '../../styles/assets/styles/colorpicker.css';import '../../styles/assets/styles/button.css';/* empty css                              */
+import { c as S } from "../../_virtual/compiler-runtime.js";
+import { useState as B, useRef as F, useEffect as R } from "react";
+import T from "../../_virtual/lodash.js";
+import _ from "../text/index.js";
+import P from "../../buttons/Button.js";
+import '../../assets/styles/colorpicker.css';import '../../assets/styles/button.css';/* empty css                              */
 /* empty css                                   */
-const G = (l) => {
-  const t = B(17), {
+const A = (l) => {
+  const e = S.c(17), {
     asTextField: y,
-    value: I,
+    value: E,
     onChange: o,
     onButtonClick: n,
     name: a
-  } = l, h = y === void 0 ? !0 : y, i = I === void 0 ? "#aaaaaa" : I, [r, v] = E(i), s = F(null);
+  } = l, g = y === void 0 ? !0 : y, i = E === void 0 ? "#aaaaaa" : E, [r, v] = B(i), s = F(null);
   let u;
-  t[0] === Symbol.for("react.memo_cache_sentinel") ? (u = _.debounce(V, 300), t[0] = u) : u = t[0];
-  const N = u;
-  let f;
-  t[1] !== o ? (f = (e) => {
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (u = T.debounce(V, 300), e[0] = u) : u = e[0];
+  const I = u;
+  let m;
+  e[1] !== o ? (m = (t) => {
     const {
       target: x
-    } = e;
-    v(x.value), o && N(o, e);
-  }, t[1] = o, t[2] = f) : f = t[2];
-  const b = f;
-  let m;
-  t[3] !== o ? (m = (e) => {
+    } = t;
+    v(x.value), o && I(o, t);
+  }, e[1] = o, e[2] = m) : m = e[2];
+  const b = m;
+  let f;
+  e[3] !== o ? (f = (t) => {
     const {
       target: x
-    } = e;
-    v(x.value), o && (e.persist(), N(o, e));
-  }, t[3] = o, t[4] = m) : m = t[4];
-  const p = m;
+    } = t;
+    v(x.value), o && (t.persist(), I(o, t));
+  }, e[3] = o, e[4] = f) : f = e[4];
+  const p = f;
   let d;
-  t[5] === Symbol.for("react.memo_cache_sentinel") ? (d = () => {
+  e[5] === Symbol.for("react.memo_cache_sentinel") ? (d = () => {
     s.current && s.current.click();
-  }, t[5] = d) : d = t[5];
-  const S = d;
-  let C, k;
-  t[6] !== i ? (C = () => {
+  }, e[5] = d) : d = e[5];
+  const N = d;
+  let C, h;
+  e[6] !== i ? (C = () => {
     v(i);
-  }, k = [i], t[6] = i, t[7] = C, t[8] = k) : (C = t[7], k = t[8]), T(C, k);
-  let g;
-  return t[9] !== h || t[10] !== r || t[11] !== a || t[12] !== n || t[13] !== b || t[14] !== p || t[15] !== l ? (g = h ? /* @__PURE__ */ c(P, { ...l, value: r, onChange: (e) => {
-    e && b(e);
+  }, h = [i], e[6] = i, e[7] = C, e[8] = h) : (C = e[7], h = e[8]), R(C, h);
+  let k;
+  return e[9] !== g || e[10] !== r || e[11] !== a || e[12] !== n || e[13] !== b || e[14] !== p || e[15] !== l ? (k = g ? /* @__PURE__ */ c(_, { ...l, value: r, onChange: (t) => {
+    t && b(t);
   }, leftElements: [/* @__PURE__ */ c("div", { className: "colorpicker-colormirror", style: {
     background: r
-  } }, "colorMirror"), /* @__PURE__ */ c("input", { className: "colorpicker-hideinputcolor", ref: s, type: "color", defaultValue: r, name: a, onClick: (e) => n ? n(e) : void 0, onInput: p }, "inputColor")], rightElements: /* @__PURE__ */ c(R, { className: "colorpicker-palettebutton", onClick: S, iconName: "pallete", boxShadow: !1 }, "palettebutton") }) : /* @__PURE__ */ c("input", { name: a, ref: s, type: "color", defaultValue: r, onClick: (e) => n ? n(e) : void 0, onInput: p }, "inputColor"), t[9] = h, t[10] = r, t[11] = a, t[12] = n, t[13] = b, t[14] = p, t[15] = l, t[16] = g) : g = t[16], g;
+  } }, "colorMirror"), /* @__PURE__ */ c("input", { className: "colorpicker-hideinputcolor", ref: s, type: "color", defaultValue: r, name: `${a}-hidden`, onClick: (t) => n ? n(t) : void 0, onInput: p }, "inputColor")], rightElements: /* @__PURE__ */ c(P, { className: "colorpicker-palettebutton", onClick: N, iconName: "pallete", boxShadow: !1 }, "palettebutton") }) : /* @__PURE__ */ c("input", { name: a, ref: s, type: "color", defaultValue: r, onClick: (t) => n ? n(t) : void 0, onInput: p }, "inputColor"), e[9] = g, e[10] = r, e[11] = a, e[12] = n, e[13] = b, e[14] = p, e[15] = l, e[16] = k) : k = e[16], k;
 };
-function V(l, t) {
-  l(t);
+function V(l, e) {
+  l(e);
 }
 export {
-  G as default
+  A as default
 };
 //# sourceMappingURL=index.js.map

package/lib/inputs/color/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/lib/inputs/color/index.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, MouseEvent, ChangeEvent } from 'react';\nimport _ from 'lodash';\nimport TextField from '../text';\nimport Button from '../../buttons';\nimport '../../assets/styles/colorpicker.scss';\nimport { IColorProps } from './types';\nimport { CustomInputEvent } from '../base/types';\n\nconst ColorPicker = (props: IColorProps) => {\n  const {\n    asTextField = true,\n    value = '#aaaaaa',\n    onChange,\n    onButtonClick,\n    name,\n  } = props;\n  const [color, setColor] = useState(value);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const debouncedOnChange = _.debounce((func, e) => { func(e); }, 300);\n\n  const onInputChange = (e: CustomInputEvent) => {\n    const { target } = e;\n    setColor(target.value);\n    if (onChange) {\n      // Nota: A aplicação desta regra é limitada a projetos usando React 16 ou\n      // inferior porque o pool de eventos foi removido no React 17. CORRIGIR\n      // e.persist();\n      debouncedOnChange(onChange, e);\n    }\n  };\n\n  const onInputChangeDefault = (e: ChangeEvent<HTMLInputElement>) => {\n    const { target } = e;\n    setColor(target.value);\n    if (onChange) {\n      e.persist();\n      debouncedOnChange(onChange, e);\n    }\n  };\n\n  const onPaletteButtonClick = () => {\n    if (inputRef.current) inputRef.current.click();\n  };\n\n  useEffect(() => {\n    setColor(value);\n  }, [value]);\n\n  return (\n    asTextField\n      ? (\n        <TextField\n          {...props}\n          value={color}\n          onChange={(e?: CustomInputEvent) => {\n            if (e) onInputChange(e);\n          }}\n          leftElements={[\n            <div key=\"colorMirror\" className=\"colorpicker-colormirror\" style={{ background: color }} />,\n            <input\n              key=\"inputColor\"\n              className=\"colorpicker-hideinputcolor\"\n              ref={inputRef}\n              type=\"color\"\n              defaultValue={color}\n              name={name}\n              onClick={(e: MouseEvent<HTMLInputElement>) => (\n                onButtonClick ? onButtonClick(e) : undefined\n              )}\n              onInput={onInputChangeDefault} />,\n          ]}\n          rightElements={\n            <Button\n              className=\"colorpicker-palettebutton\"\n              key=\"palettebutton\"\n              onClick={onPaletteButtonClick}\n              iconName=\"pallete\"\n              boxShadow={false} />} />\n        )\n      : (\n        <input\n          key=\"inputColor\"\n          name={name}\n          ref={inputRef}\n          type=\"color\"\n          defaultValue={color}\n          onClick={(e: MouseEvent<HTMLInputElement>) => (\n            onButtonClick ? onButtonClick(e) : undefined\n          )}\n          onInput={onInputChangeDefault} />\n        )\n  );\n};\n\nexport default ColorPicker;\n"],"names":["ColorPicker","props","$","_c","asTextField","t0","value","t1","onChange","onButtonClick","name","undefined","color","setColor","useState","inputRef","useRef","t2","Symbol","for","_","debounce","_temp","debouncedOnChange","t3","e_0","target","e","onInputChange","t4","e_1","target_0","persist","onInputChangeDefault","t5","current","click","onPaletteButtonClick","t6","t7","useEffect","t8","TextField","e_2","background","jsx","e_3","Button","e_4","func"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/lib/inputs/color/index.tsx"],"sourcesContent":["import { useState, useEffect, useRef, MouseEvent, ChangeEvent } from 'react';\nimport _ from 'lodash';\nimport TextField from '../text';\nimport Button from '../../buttons';\nimport '../../assets/styles/colorpicker.scss';\nimport { IColorProps } from './types';\nimport { CustomInputEvent } from '../base/types';\n\nconst ColorPicker = (props: IColorProps) => {\n  const {\n    asTextField = true,\n    value = '#aaaaaa',\n    onChange,\n    onButtonClick,\n    name,\n  } = props;\n  const [color, setColor] = useState(value);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const debouncedOnChange = _.debounce((func, e) => { func(e); }, 300);\n\n  const onInputChange = (e: CustomInputEvent) => {\n    const { target } = e;\n    setColor(target.value);\n    if (onChange) {\n      // Nota: A aplicação desta regra é limitada a projetos usando React 16 ou\n      // inferior porque o pool de eventos foi removido no React 17. CORRIGIR\n      // e.persist();\n      debouncedOnChange(onChange, e);\n    }\n  };\n\n  const onInputChangeDefault = (e: ChangeEvent<HTMLInputElement>) => {\n    const { target } = e;\n    setColor(target.value);\n    if (onChange) {\n      e.persist();\n      debouncedOnChange(onChange, e);\n    }\n  };\n\n  const onPaletteButtonClick = () => {\n    if (inputRef.current) inputRef.current.click();\n  };\n\n  useEffect(() => {\n    setColor(value);\n  }, [value]);\n\n  return (\n    asTextField\n      ? (\n        <TextField\n          {...props}\n          value={color}\n          onChange={(e?: CustomInputEvent) => {\n            if (e) onInputChange(e);\n          }}\n          leftElements={[\n            <div key=\"colorMirror\" className=\"colorpicker-colormirror\" style={{ background: color }} />,\n            <input\n              key=\"inputColor\"\n              className=\"colorpicker-hideinputcolor\"\n              ref={inputRef}\n              type=\"color\"\n              defaultValue={color}\n              name={`${name}-hidden`}\n              onClick={(e: MouseEvent<HTMLInputElement>) => (\n                onButtonClick ? onButtonClick(e) : undefined\n              )}\n              onInput={onInputChangeDefault} />,\n          ]}\n          rightElements={\n            <Button\n              className=\"colorpicker-palettebutton\"\n              key=\"palettebutton\"\n              onClick={onPaletteButtonClick}\n              iconName=\"pallete\"\n              boxShadow={false} />} />\n        )\n      : (\n        <input\n          key=\"inputColor\"\n          name={name}\n          ref={inputRef}\n          type=\"color\"\n          defaultValue={color}\n          onClick={(e: MouseEvent<HTMLInputElement>) => (\n            onButtonClick ? onButtonClick(e) : undefined\n          )}\n          onInput={onInputChangeDefault} />\n        )\n  );\n};\n\nexport default ColorPicker;\n"],"names":["ColorPicker","props","$","_c","asTextField","t0","value","t1","onChange","onButtonClick","name","undefined","color","setColor","useState","inputRef","useRef","t2","Symbol","for","_","debounce","_temp","debouncedOnChange","t3","e_0","target","e","onInputChange","t4","e_1","target_0","persist","onInputChangeDefault","t5","current","click","onPaletteButtonClick","t6","t7","useEffect","t8","TextField","e_2","background","jsx","e_3","Button","e_4","func"],"mappings":"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"}

package/lib/inputs/color/types.d.ts

@@ -9,7 +9,7 @@ export interface IColorProps {
     permissionAttr?: PermissionAttr;
     visible?: boolean;
     label?: string;
-    hint?: string | string[];
+    hint?: string;
     hintPosition?: 'below' | 'onLabelRight';
     themePopover?: 'light' | 'dark';
     popoverAlign?: 'right' | 'left';

package/lib/inputs/date/Dialog.js

@@ -1,18 +1,18 @@
-import { jsx as r } from "react/jsx-runtime";
-import { c as a } from "react/compiler-runtime";
+import { jsx as h } from "react/jsx-runtime";
+import { c as a } from "../../_virtual/compiler-runtime.js";
 import n from "../../dialog/base/index.js";
-const f = (h) => {
-  const e = a(8), {
+const p = (r) => {
+  const e = a.c(8), {
     handlerClose: t,
     children: s,
     dialogSize: i
-  } = h;
-  let l;
-  e[0] !== t ? (l = () => t(!1), e[0] = t, e[1] = l) : l = e[1];
+  } = r;
   let o;
-  return e[2] !== s || e[3] !== i.height || e[4] !== i.width || e[5] !== t || e[6] !== l ? (o = /* @__PURE__ */ r(n, { closeOnEsc: !0, closeOnOutsideClick: !0, handlerClose: l, wrapperClassName: "", width: i.width, height: i.height, onOpenChange: t, children: s }), e[2] = s, e[3] = i.height, e[4] = i.width, e[5] = t, e[6] = l, e[7] = o) : o = e[7], o;
+  e[0] !== t ? (o = () => t(!1), e[0] = t, e[1] = o) : o = e[1];
+  let l;
+  return e[2] !== s || e[3] !== i.height || e[4] !== i.width || e[5] !== t || e[6] !== o ? (l = /* @__PURE__ */ h(n, { closeOnEsc: !0, closeOnOutsideClick: !0, handlerClose: o, wrapperClassName: "", width: i.width, height: i.height, onOpenChange: t, children: s }), e[2] = s, e[3] = i.height, e[4] = i.width, e[5] = t, e[6] = o, e[7] = l) : l = e[7], l;
 };
 export {
-  f as default
+  p as default
 };
 //# sourceMappingURL=Dialog.js.map

package/lib/inputs/date/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sources":["../../../src/lib/inputs/date/Dialog.tsx"],"sourcesContent":["import React from 'react';\nimport BaseDialog from '../../dialog/base';\nimport { IDateDialogProps } from './types';\n\nconst Dialog = ({ handlerClose, children, dialogSize }: IDateDialogProps) => (\n  <BaseDialog\n    closeOnEsc\n    closeOnOutsideClick\n    handlerClose={() => handlerClose(false)}\n    wrapperClassName=''\n    width={dialogSize.width}\n    height={dialogSize.height}\n    onOpenChange={handlerClose}>\n    {children}\n  </BaseDialog>\n);\n\nexport default Dialog;\n"],"names":["Dialog","t0","$","_c","handlerClose","children","dialogSize","t1","t2","height","width","BaseDialog"],"mappings":";;;AAIA,MAAMA,IAASC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAC;AAAA,IAAAC,cAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,YAAAA;AAAAA,EAAAA,IAAAL;AAAwD,MAAAM;AAAA,EAAAL,SAAAE,KAItDG,IAAAA,MAAMH,EAAa,EAAK,GAACF,OAAAE,GAAAF,OAAAK,KAAAA,IAAAL,EAAA,CAAA;AAAA,MAAAM;AAAA,SAAAN,SAAAG,KAAAH,EAAA,CAAA,MAAAI,EAAAG,UAAAP,SAAAI,EAAAI,SAAAR,SAAAE,KAAAF,EAAA,CAAA,MAAAK,KAHzCC,sBAACG,GAAA,EACC,YAAA,IACA,qBAAA,IACc,cAAAJ,GACG,kBAAA,IACV,OAAAD,EAAUI,OACT,QAAAJ,EAAUG,QACJL,cAAAA,GACbC,UAAAA,GACH,GAAaH,OAAAG,GAAAH,EAAA,CAAA,IAAAI,EAAAG,QAAAP,EAAA,CAAA,IAAAI,EAAAI,OAAAR,OAAAE,GAAAF,OAAAK,GAAAL,OAAAM,KAAAA,IAAAN,EAAA,CAAA,GATbM;AASa;"}
+{"version":3,"file":"Dialog.js","sources":["../../../src/lib/inputs/date/Dialog.tsx"],"sourcesContent":["import BaseDialog from '../../dialog/base';\nimport { IDateDialogProps } from './types';\n\nconst Dialog = ({ handlerClose, children, dialogSize }: IDateDialogProps) => (\n  <BaseDialog\n    closeOnEsc\n    closeOnOutsideClick\n    handlerClose={() => handlerClose(false)}\n    wrapperClassName=''\n    width={dialogSize.width}\n    height={dialogSize.height}\n    onOpenChange={handlerClose}>\n    {children}\n  </BaseDialog>\n);\n\nexport default Dialog;\n"],"names":["Dialog","t0","$","_c","handlerClose","children","dialogSize","t1","t2","height","width","BaseDialog"],"mappings":";;;AAGA,MAAMA,IAASC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAAC;AAAA,IAAAC,cAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,YAAAA;AAAAA,EAAAA,IAAAL;AAAwD,MAAAM;AAAA,EAAAL,SAAAE,KAItDG,IAAAA,MAAMH,EAAa,EAAK,GAACF,OAAAE,GAAAF,OAAAK,KAAAA,IAAAL,EAAA,CAAA;AAAA,MAAAM;AAAA,SAAAN,SAAAG,KAAAH,EAAA,CAAA,MAAAI,EAAAG,UAAAP,SAAAI,EAAAI,SAAAR,SAAAE,KAAAF,EAAA,CAAA,MAAAK,KAHzCC,sBAACG,GAAA,EACC,YAAA,IACA,qBAAA,IACc,cAAAJ,GACG,kBAAA,IACV,OAAAD,EAAUI,OACT,QAAAJ,EAAUG,QACJL,cAAAA,GACbC,UAAAA,GACH,GAAaH,OAAAG,GAAAH,EAAA,CAAA,IAAAI,EAAAG,QAAAP,EAAA,CAAA,IAAAI,EAAAI,OAAAR,OAAAE,GAAAF,OAAAK,GAAAL,OAAAM,KAAAA,IAAAN,EAAA,CAAA,GATbM;AASa;"}

package/lib/inputs/date/helpers.d.ts

@@ -1,5 +1,34 @@
 import { default as moment } from 'moment';
 declare const PT_BR_FORMAT = "DD/MM/YYYY";
+declare const PT_BR_FORMAT_DATETIME = "DD/MM/YYYY HH:mm";
 declare const EN_US_FORMAT = "YYYY-MM-DD";
+declare const EN_US_FORMAT_DATETIME = "YYYY-MM-DD HH.mm";
 declare const getMomentValue: (value: string) => moment.Moment;
-export { getMomentValue, PT_BR_FORMAT, EN_US_FORMAT };
+declare const blocksDateTimeFormat: {
+    DD: {
+        mask: typeof import('imask').MaskedRange;
+        from: number;
+        to: number;
+    };
+    MM: {
+        mask: typeof import('imask').MaskedRange;
+        from: number;
+        to: number;
+    };
+    YYYY: {
+        mask: typeof import('imask').MaskedRange;
+        from: number;
+        to: number;
+    };
+    HH: {
+        mask: typeof import('imask').MaskedRange;
+        from: number;
+        to: number;
+    };
+    mm: {
+        mask: typeof import('imask').MaskedRange;
+        from: number;
+        to: number;
+    };
+};
+export { getMomentValue, blocksDateTimeFormat, PT_BR_FORMAT, PT_BR_FORMAT_DATETIME, EN_US_FORMAT, EN_US_FORMAT_DATETIME, };

package/lib/inputs/date/helpers.js

@@ -1,11 +1,52 @@
-import o from "../../node_modules/moment/dist/moment.js";
-const e = "DD/MM/YYYY", Y = "YYYY-MM-DD", M = (r) => {
-  let t = r;
-  return o(t, e, !0).isValid() && (t = o(t, e).format(e)), typeof t == "string" ? o(t, Y) : t;
+import t from "../../node_modules/moment/dist/moment.js";
+import "../../node_modules/imask/esm/index.js";
+import "../../node_modules/imask/esm/controls/input.js";
+import m from "../../node_modules/imask/esm/core/holder.js";
+import "../../node_modules/imask/esm/masked/factory.js";
+import "../../node_modules/imask/esm/controls/mask-element.js";
+import "../../node_modules/imask/esm/controls/html-input-mask-element.js";
+import "../../node_modules/imask/esm/controls/html-mask-element.js";
+import "../../node_modules/imask/esm/controls/html-contenteditable-mask-element.js";
+import "../../node_modules/imask/esm/controls/input-history.js";
+import "../../node_modules/react-imask/esm/input.js";
+import "react";
+import "../../node_modules/react-imask/esm/mixin.js";
+const r = "DD/MM/YYYY", g = "DD/MM/YYYY HH:mm", a = "YYYY-MM-DD", d = "YYYY-MM-DD HH.mm", A = (M) => {
+  let o = M;
+  return t(o, r, !0).isValid() && (o = t(o, r).format(r)), typeof o == "string" ? t(o, a) : o;
+}, E = {
+  DD: {
+    mask: m.MaskedRange,
+    from: 1,
+    to: 31
+  },
+  MM: {
+    mask: m.MaskedRange,
+    from: 1,
+    to: 12
+  },
+  YYYY: {
+    mask: m.MaskedRange,
+    from: 1900,
+    to: 2999
+  },
+  HH: {
+    mask: m.MaskedRange,
+    from: 0,
+    to: 23
+  },
+  mm: {
+    mask: m.MaskedRange,
+    from: 0,
+    to: 59
+  }
 };
 export {
-  Y as EN_US_FORMAT,
-  e as PT_BR_FORMAT,
-  M as getMomentValue
+  a as EN_US_FORMAT,
+  d as EN_US_FORMAT_DATETIME,
+  r as PT_BR_FORMAT,
+  g as PT_BR_FORMAT_DATETIME,
+  E as blocksDateTimeFormat,
+  A as getMomentValue
 };
 //# sourceMappingURL=helpers.js.map

package/lib/inputs/date/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../../src/lib/inputs/date/helpers.ts"],"sourcesContent":["import moment from 'moment';\nimport { IDateDropdownProps } from './types';\n\nconst PT_BR_FORMAT = 'DD/MM/YYYY';\nconst EN_US_FORMAT = 'YYYY-MM-DD';\n\nconst getMomentValue = (value: string) => {\n  let newValue = value;\n  if (moment(newValue, PT_BR_FORMAT, true).isValid()) {\n    newValue = moment(newValue, PT_BR_FORMAT).format(PT_BR_FORMAT);\n  }\n\n  return (typeof newValue === 'string' ? moment(newValue, EN_US_FORMAT) : newValue);\n};\n\nexport { getMomentValue, PT_BR_FORMAT, EN_US_FORMAT };\n"],"names":["PT_BR_FORMAT","EN_US_FORMAT","getMomentValue","value","newValue","moment","isValid","format"],"mappings":";AAGA,MAAMA,IAAe,cACfC,IAAe,cAEfC,IAAiBA,CAACC,MAAkB;AACxC,MAAIC,IAAWD;AACf,SAAIE,EAAOD,GAAUJ,GAAc,EAAI,EAAEM,cACvCF,IAAWC,EAAOD,GAAUJ,CAAY,EAAEO,OAAOP,CAAY,IAGvD,OAAOI,KAAa,WAAWC,EAAOD,GAAUH,CAAY,IAAIG;AAC1E;"}
+{"version":3,"file":"helpers.js","sources":["../../../src/lib/inputs/date/helpers.ts"],"sourcesContent":["import moment from 'moment';\nimport { IMask } from 'react-imask';\n\nconst PT_BR_FORMAT = 'DD/MM/YYYY';\nconst PT_BR_FORMAT_DATETIME = 'DD/MM/YYYY HH:mm';\nconst EN_US_FORMAT = 'YYYY-MM-DD';\nconst EN_US_FORMAT_DATETIME = 'YYYY-MM-DD HH.mm';\n\nconst getMomentValue = (value: string) => {\n  let newValue = value;\n  if (moment(newValue, PT_BR_FORMAT, true).isValid()) {\n    newValue = moment(newValue, PT_BR_FORMAT).format(PT_BR_FORMAT);\n  }\n\n  return (typeof newValue === 'string' ? moment(newValue, EN_US_FORMAT) : newValue);\n};\n\nconst blocksDateTimeFormat = {\n  DD: {\n    mask: IMask.MaskedRange,\n    from: 1,\n    to: 31,\n  },\n  MM: {\n    mask: IMask.MaskedRange,\n    from: 1,\n    to: 12,\n  },\n  YYYY: {\n    mask: IMask.MaskedRange,\n    from: 1900,\n    to: 2999,\n  },\n  HH: {\n    mask: IMask.MaskedRange,\n    from: 0,\n    to: 23,\n  },\n  mm: {\n    mask: IMask.MaskedRange,\n    from: 0,\n    to: 59,\n  },\n};\n\nexport {\n  getMomentValue,\n  blocksDateTimeFormat,\n  PT_BR_FORMAT,\n  PT_BR_FORMAT_DATETIME,\n  EN_US_FORMAT,\n  EN_US_FORMAT_DATETIME,\n};\n"],"names":["PT_BR_FORMAT","PT_BR_FORMAT_DATETIME","EN_US_FORMAT","EN_US_FORMAT_DATETIME","getMomentValue","value","newValue","moment","isValid","format","blocksDateTimeFormat","DD","mask","IMask","MaskedRange","from","to","MM","YYYY","HH","mm"],"mappings":";;;;;;;;;;;;;AAGA,MAAMA,IAAe,cACfC,IAAwB,oBACxBC,IAAe,cACfC,IAAwB,oBAExBC,IAAiBA,CAACC,MAAkB;AACxC,MAAIC,IAAWD;AACf,SAAIE,EAAOD,GAAUN,GAAc,EAAI,EAAEQ,cACvCF,IAAWC,EAAOD,GAAUN,CAAY,EAAES,OAAOT,CAAY,IAGvD,OAAOM,KAAa,WAAWC,EAAOD,GAAUJ,CAAY,IAAII;AAC1E,GAEMI,IAAuB;AAAA,EAC3BC,IAAI;AAAA,IACFC,MAAMC,EAAMC;AAAAA,IACZC,MAAM;AAAA,IACNC,IAAI;AAAA,EAAA;AAAA,EAENC,IAAI;AAAA,IACFL,MAAMC,EAAMC;AAAAA,IACZC,MAAM;AAAA,IACNC,IAAI;AAAA,EAAA;AAAA,EAENE,MAAM;AAAA,IACJN,MAAMC,EAAMC;AAAAA,IACZC,MAAM;AAAA,IACNC,IAAI;AAAA,EAAA;AAAA,EAENG,IAAI;AAAA,IACFP,MAAMC,EAAMC;AAAAA,IACZC,MAAM;AAAA,IACNC,IAAI;AAAA,EAAA;AAAA,EAENI,IAAI;AAAA,IACFR,MAAMC,EAAMC;AAAAA,IACZC,MAAM;AAAA,IACNC,IAAI;AAAA,EAAA;AAER;"}

package/lib/inputs/date/index.js

@@ -1,137 +1,137 @@
-import { jsxs as le, jsx as f } from "react/jsx-runtime";
-import { useState as m, useRef as g, useEffect as w } from "react";
-import l from "../../node_modules/moment/dist/moment.js";
-import se from "./Dialog.js";
-import ce from "./Dropdown.js";
-import ue from "../../buttons/Button.js";
-import "../../icons/index.js";
-import '../../styles/assets/styles/datepicker.css';import '../../styles/assets/styles/gridlayout.css';import '../../styles/assets/styles/button.css';/* empty css                              */
-/* empty css                                  */
+import { jsxs as ue, jsx as m } from "react/jsx-runtime";
+import '../../assets/styles/button.css';import '../../assets/styles/datepicker.css';/* empty css                                  */
+import { useState as g, useRef as C, useEffect as w } from "react";
+import i from "../../node_modules/moment/dist/moment.js";
 import de from "../../gridlayout/GridCol.js";
-import fe from "../../calendar/base/index.js";
-import me from "../mask/BaseMask.js";
-import { getMomentValue as ge, EN_US_FORMAT as h, PT_BR_FORMAT as d } from "./helpers.js";
-/* empty css                                  */
-const Se = (n) => {
+import "../../_virtual/compiler-runtime.js";
+import fe from "../../buttons/Button.js";
+/* empty css                              */
+import me from "../../calendar/base/index.js";
+import ge from "../mask/BaseMask.js";
+import Ce from "./Dialog.js";
+import he from "./Dropdown.js";
+import { getMomentValue as De, EN_US_FORMAT as pe, EN_US_FORMAT_DATETIME as ye, blocksDateTimeFormat as Ee, PT_BR_FORMAT as be, PT_BR_FORMAT_DATETIME as Fe } from "./helpers.js";
+const Ae = (t) => {
   const {
     showButtonOpen: O = !0,
-    openOnFocus: q = !0,
-    shouldCloseOnSelect: G = !0,
-    setFocusOnSelect: U = !0,
+    openOnFocus: U = !0,
+    shouldCloseOnSelect: q = !0,
+    setFocusOnSelect: G = !0,
     showCalendarInDialog: c = !1,
     required: W = !1,
     value: r = "",
-    name: H = "",
-    inputRef: F,
-    dialogSize: J = {
+    name: J = "",
+    inputRef: T,
+    dialogSize: Q = {
       width: "384px",
       height: "384px"
     },
     gridLayout: S,
-    shouldCloseOnEsc: Q = !0
-  } = n, [p, D] = m(r ? ge(r) : void 0), [a, u] = m(!1), [V, L] = m(r), [X, I] = m(), [Y, B] = m(!1), [s, Z] = m({
+    shouldCloseOnEsc: X = !0,
+    isDateTimeField: f = !1
+  } = t, Z = f ? Date : "00/00/0000", V = f ? "DD/MM/YYYY HH:mm" : void 0, u = f ? Fe : be, h = f ? ye : pe, [p, y] = g(r ? De(r) : void 0), [s, d] = g(!1), [I, L] = g(i(r, V).format()), [$, M] = g(), [_, k] = g(!1), [l, ee] = g({
     disabled: !1,
     readOnly: !1,
     unvisible: !1,
     hideContent: !1
-  }), i = g(null), $ = g(null), y = g(null), P = g(null), E = g(null), R = g(null), k = () => {
-    I(i?.current?.getBoundingClientRect());
-  }, _ = () => {
-    u(!1), c && setTimeout(() => {
-      B(!1), i.current?.focus();
+  }), a = C(null), te = C(null), E = C(null), P = C(null), v = C(null), B = C(null), R = () => {
+    M(a?.current?.getBoundingClientRect());
+  }, ne = () => {
+    d(!1), c && setTimeout(() => {
+      k(!1), a.current?.focus();
     }, 100);
-  }, ee = (e) => {
-    const t = !R.current?.contains(e.relatedTarget);
-    !c && a && t && u(!1);
-  }, T = (e) => {
-    if (Q && a && e && e.key && e.key === "Escape" && (e.preventDefault(), u(!1), i.current?.focus()), a && c && e && e.key && e.key === "Tab") {
-      const t = E.current?.getElementsByClassName("navbutton"), v = (E.current?.getElementsByClassName("-selectedday"))[0].firstChild, C = Array.from([...t, v]), M = C[0], K = C[C.length - 1];
-      e.shiftKey && document.activeElement === M ? (e.preventDefault(), K.focus()) : !e.shiftKey && document.activeElement === K && (e.preventDefault(), M.focus());
+  }, oe = (e) => {
+    const n = !B.current?.contains(e.relatedTarget);
+    !c && s && n && d(!1);
+  }, A = (e) => {
+    if (X && s && e && e.key && e.key === "Escape" && (e.preventDefault(), d(!1), a.current?.focus()), s && c && e && e.key && e.key === "Tab") {
+      const n = v.current?.getElementsByClassName("navbutton"), F = (v.current?.getElementsByClassName("-selectedday"))[0].firstChild, D = Array.from([...n, F]), K = D[0], H = D[D.length - 1];
+      e.shiftKey && document.activeElement === K ? (e.preventDefault(), H.focus()) : !e.shiftKey && document.activeElement === H && (e.preventDefault(), K.focus());
     }
     e.stopPropagation();
   }, b = () => {
-    const e = i.current?.getBoundingClientRect(), t = e && e.bottom;
-    y && y.current && e && (y.current.style.top = String(t).concat("px"));
+    const e = a.current?.getBoundingClientRect(), n = e && e.bottom;
+    E && E.current && e && (E.current.style.top = String(n).concat("px"));
   }, x = () => {
-    u(!0), i.current && (i.current.focus(), I(i.current?.getBoundingClientRect())), c && setTimeout(() => {
+    d(!0), a.current && (a.current.focus(), M(a.current?.getBoundingClientRect())), c && setTimeout(() => {
       P.current?.focus();
     }, 100);
-  }, te = (e) => {
-    n.onFocus && n.onFocus(e), q && !a && !Y && x();
-  }, ne = (e) => {
-    n.onBlur && n.onBlur(e);
-  }, oe = (e) => {
+  }, re = (e) => {
+    t.onFocus && t.onFocus(e), U && !s && !_ && x();
+  }, ae = (e) => {
+    t.onBlur && t.onBlur(e);
+  }, ie = (e) => {
     if (typeof e == "object" && !(e instanceof Date)) {
-      const t = l(e.initial, d, !0).isValid(), o = l(e.final, d, !0).isValid();
-      return t && o;
+      const n = i(e.initial, u, !0).isValid(), o = i(e.final, u, !0).isValid();
+      return n && o;
     }
-    return l(e, d, !0).isValid();
-  }, N = (e, t = "") => {
-    if (typeof t == "string") {
+    return i(e, u, !0).isValid();
+  }, N = (e, n = "") => {
+    if (typeof n == "string") {
       const o = e.target.value ?? "";
-      if (n.onChange) {
-        if (oe(o)) {
-          const C = {
+      if (t.onChange) {
+        if (ie(o)) {
+          const D = {
             target: {
-              value: l(o, d).format(h),
+              value: i(o, u).format(h),
               name: e.target.name
             }
           };
-          n.onChange(C, o);
+          t.onChange(D, o);
         } else if (e.target.value === "") {
-          const v = {
+          const F = {
             target: {
               value: "",
               name: e.target.name
             }
           };
-          n.onChange(v, o), u(!1), D(void 0);
+          t.onChange(F, o), d(!1), y(void 0);
         }
       }
     }
-  }, j = (e, t) => {
-    a && U && i.current?.focus(), n.onComplete && n.onComplete(t, e), n.onChange && N({
+  }, j = (e, n) => {
+    s && G && a.current?.focus(), t.onComplete && t.onComplete(n, e), t.onChange && N({
       target: {
-        value: e,
-        name: H
+        value: e ?? "",
+        name: J
       }
-    }, e), G && u(!1), D(l(e, d));
-  }, re = () => n.disabled || s && (s.disabled || s.hideContent), ie = () => {
+    }, e), q && d(!1), y(i(e, u));
+  }, se = () => t.disabled || l && (l.disabled || l.hideContent), le = () => {
     if (O)
-      return /* @__PURE__ */ f(ue, { disabled: re(), tabIndex: -1, customClass: "calendar-button", iconName: "calendar", title: a ? "Fechar Calendário" : "Abrir Calendário", onClick: () => {
-        a ? u(!1) : x();
+      return /* @__PURE__ */ m(fe, { disabled: se(), tabIndex: -1, customClass: "calendar-button", iconName: "calendar", title: s ? "Fechar Calendário" : "Abrir Calendário", onClick: () => {
+        s ? d(!1) : x();
       }, targetRef: (e) => {
-        $.current = e;
+        te.current = e;
       } }, "button-open-date-picker");
-  }, A = (e, t) => /* @__PURE__ */ f(fe, { colorStyle: t, currentDate: e !== void 0 ? e : l(), onDateChange: (o) => {
-    j(o.format(d), void 0), c && B(!1);
+  }, z = (e, n) => /* @__PURE__ */ m(me, { colorStyle: n, currentDate: e !== void 0 ? e : i(), onDateChange: (o) => {
+    j(o.format(u), void 0), c && k(!1);
   }, currentDateButton: (o) => P.current = o, calendarContainer: (o) => {
-    E.current = o;
-  } }), ae = () => s && s.readOnly ? null : c ? /* @__PURE__ */ f(se, { dialogSize: J, handlerClose: _, children: A(p, n?.calendarColorStyle) }) : /* @__PURE__ */ f(ce, { showButtonOpen: O, inputDimensions: X, containerRef: R, dropdownRef: (e) => {
-    y.current = e;
-  }, children: A(p, n?.calendarColorStyle) });
+    v.current = o;
+  } }), ce = () => l && l.readOnly ? null : c ? /* @__PURE__ */ m(Ce, { dialogSize: Q, handlerClose: ne, children: z(p, t?.calendarColorStyle) }) : /* @__PURE__ */ m(he, { showButtonOpen: O, inputDimensions: $, containerRef: B, dropdownRef: (e) => {
+    E.current = e;
+  }, children: z(p, t?.calendarColorStyle) });
   if (w(() => {
-    r && l(r, h).format() !== "Invalid date" && l(V, h).format() !== l(r, h).format() ? (D(l(r, h)), L(r)) : !r && r !== V && (D(void 0), L(r));
-  }, [r]), w(() => (window.addEventListener("resize", k), document.addEventListener("keydown", T), i.current && k(), a && c && B(!0), () => {
-    window.removeEventListener("resize", k), document.removeEventListener("keydown", T);
-  }), [i.current, a]), w(() => (document.addEventListener("scroll", b), document.getElementById("modal-dialog-content")?.addEventListener("scroll", b), () => {
+    r && i(r, h).format() !== "Invalid date" && i(I, h).format() !== i(r, h).format() ? (y(i(r, h)), L(r)) : !r && r !== I && (y(void 0), L(r));
+  }, [r]), w(() => (window.addEventListener("resize", R), document.addEventListener("keydown", A), a.current && R(), s && c && k(!0), () => {
+    window.removeEventListener("resize", R), document.removeEventListener("keydown", A);
+  }), [a.current, s]), w(() => (document.addEventListener("scroll", b), document.getElementById("modal-dialog-content")?.addEventListener("scroll", b), () => {
     document.removeEventListener("scroll", b), document.getElementById("modal-dialog-content")?.removeEventListener("scroll", b);
-  }), []), s && s.unvisible) return null;
-  const z = () => /* @__PURE__ */ le("div", { ref: R, onBlur: ee, className: "datepicker-container", children: [
-    /* @__PURE__ */ f(me, { ...n, gridLayout: void 0, value: p ? p.format(d) : " ", mask: "00/00/0000", onComplete: (e, t) => {
-      t && j(t, e);
-    }, onBlur: ne, onFocus: (e) => {
-      te(e);
-    }, onChange: (e, t) => {
-      t && N(e, t);
+  }), []), l && l.unvisible) return null;
+  const Y = () => /* @__PURE__ */ ue("div", { ref: B, onBlur: oe, className: "datepicker-container", children: [
+    /* @__PURE__ */ m(ge, { ...t, gridLayout: void 0, isDateTimeField: f, value: p ? p.format(u) : " ", mask: Z, pattern: V, blocks: f ? Ee : {}, onComplete: (e) => {
+      e && j(e.target?.maskedValue, e);
+    }, onBlur: ae, onFocus: (e) => {
+      re(e);
+    }, onChange: (e, n) => {
+      N(e, n);
     }, inputRef: (e) => {
-      i.current = e, F && (F.current = e);
-    }, rightElements: ie(), required: W, handlerSetOnDenied: () => Z(s) }),
-    a && ae()
+      a.current = e, T && (T.current = e);
+    }, rightElements: le(), required: W, handlerSetOnDenied: () => ee(l) }),
+    s && ce()
   ] });
-  return S ? /* @__PURE__ */ f(de, { customClass: "-withinput", cols: S, children: z() }) : z();
+  return S ? /* @__PURE__ */ m(de, { customClass: "-withinput", cols: S, children: Y() }) : Y();
 };
 export {
-  Se as default
+  Ae as default
 };
 //# sourceMappingURL=index.js.map