@bolttech/atoms-date-input 0.1.0 → 0.1.2

package/package.json

@@ -1,14 +1,16 @@
 {
   "name": "@bolttech/atoms-date-input",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "peerDependencies": {
-    "@bolttech/atoms-input": "^0.26.1"
+    "@bolttech/atoms-input": "^0.26.1",
+    "@bolttech/molecules-calendar": "^0.25.1",
+    "@bolttech/ui-utils": "^0.5.0"
   },
-  "module": "./index.esm.js",
-  "type": "module",
-  "main": "./index.esm.js",
+  "main": "./index.cjs.js",
+  "type": "commonjs",
   "dependencies": {
     "react": "18.2.0",
-    "styled-components": "5.3.11"
+    "react-dom": "18.2.0",
+    "styled-components": "6.1.13"
   }
 }

package/src/index.d.ts

@@ -1 +1,2 @@
 export * from './lib/date-input';
+export type { DateInputProps } from './lib/date-input.type';

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

@@ -1,16 +1,5 @@
 /// <reference types="react" />
-declare const DateInput: import("react").ForwardRefExoticComponent<import("@bolttech/ui-utils").DefaultProps & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "className"> & {
-    label?: string | undefined;
-    errorMessage?: string | undefined;
-    helperMessage?: string | undefined;
-    variant?: import("@bolttech/atoms-input/src/lib/atoms-input.type").InputVariants | undefined;
-    dataTestId?: string | undefined;
-    icon?: string | undefined;
-    required?: boolean | undefined;
-    onClickIcon?: (() => void) | undefined;
-    onBlur?: ((value: unknown) => void) | ((evt: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
-    onFocus?: ((value: unknown) => void) | ((evt: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
-    onChange?: ((value: unknown) => void) | ((evt: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
-} & import("react").RefAttributes<HTMLInputElement>>;
+import { DateInputProps } from './date-input.type';
+declare const DateInput: React.ForwardRefExoticComponent<React.PropsWithoutRef<DateInputProps> & React.RefAttributes<HTMLInputElement>>;
 export default DateInput;
 export { DateInput };

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

@@ -29,3 +29,7 @@ export declare const Icon: import("styled-components/dist/types").IStyledCompone
 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;

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

@@ -0,0 +1,10 @@
+import { InputProps } from '@bolttech/atoms-input';
+export type DateInputProps = InputProps & {
+    max: Date;
+    min: Date;
+    value: string | undefined;
+    locale: string;
+    showDatepicker?: boolean;
+    cancel?: string;
+    confirm?: string;
+};