@bolttech/atoms-date-input 0.1.2 → 0.1.3

package/index.cjs.js

@@ -1978,7 +1978,7 @@ const DateInput = /*#__PURE__*/react.forwardRef(({
     addOpenPositionClass
   } = uiUtils.useOpenPosition(calendarRef, containerRef, ['top', 'bottom'], 'bottom');
   const updateDate = e => {
-    const value = !year.current && !month.current && !day.current ? '' : `${year.current}-${month.current}-${day.current}`;
+    const value = !year.current || !month.current || !day.current ? '' : `${year.current}-${month.current}-${day.current}`;
     onChange && onChange(Object.assign(Object.assign({}, e), {
       target: Object.assign(Object.assign({}, e.target), {
         value
@@ -2028,9 +2028,12 @@ const DateInput = /*#__PURE__*/react.forwardRef(({
     setInputValue(date);
     setIsCalendarOpen(false);
     updateDate({});
-  }, [onChange]);
+  }, []);
   react.useEffect(() => {
-    if (!value || typeof value !== 'string') return;
+    if (!value || typeof value !== 'string') {
+      updateDate({});
+      return;
+    }
     setInputValue(value);
   }, [value]);
   const setInputValue = value => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bolttech/atoms-date-input",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "peerDependencies": {
     "@bolttech/atoms-input": "^0.26.1",
     "@bolttech/molecules-calendar": "^0.25.1",
@@ -11,6 +11,6 @@
   "dependencies": {
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "styled-components": "6.1.13"
+    "styled-components": "5.3.11"
   }
 }

package/src/lib/date-input.styles.d.ts

@@ -1,35 +1,9 @@
-/// <reference types="react" />
-import { InputVariants } from '@bolttech/atoms-input/src/lib/atoms-input.type';
-export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
-    $required: boolean;
-    $variant: InputVariants;
-}>> & string;
-export declare const InputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    disabled: boolean;
-    $variant: InputVariants;
-}>> & string;
-export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $hasError: boolean;
-    $hasValue: boolean;
-    $variant: InputVariants;
-}>> & string;
-export declare const LeftContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $direction?: string | undefined;
-    $variant?: InputVariants | undefined;
-    $before: boolean;
-}>> & string;
-export declare const Input: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
-    $variant: InputVariants;
-    $width?: string | undefined;
-}>> & string;
-export declare const Icon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $hasError: boolean;
-    $variant: InputVariants;
-}>> & string;
-export declare const Error: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
-    $variant: InputVariants;
-}>> & string;
-export declare const DatePickerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    disabled?: boolean | undefined;
-}>> & string;
-export declare const CalendarContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Label: any;
+export declare const InputWrapper: any;
+export declare const Container: any;
+export declare const LeftContainer: any;
+export declare const Input: any;
+export declare const Icon: any;
+export declare const Error: any;
+export declare const DatePickerContainer: any;
+export declare const CalendarContainer: any;