@sequencing/design-system 1.0.15 → 1.0.17

package/dist/esm/types/components/Atoms/TextField/TextField.d.ts

@@ -17,12 +17,14 @@ export interface TextFieldProps {
     variant?: "primary";
     /** Callback called when the text is updated */
     onChange?: (value: string) => void;
-    /** Callback called when the text is clicked */
-    onClick?: (value: string) => void;
+    /** Callback called when the input is clicked */
+    onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
+    /** Reference to the input element */
+    inputRef?: React.RefObject<HTMLInputElement>;
 }
 /**
  * The Text Field component renders a simple input field with SDS stylings applied.
  *
  */
-declare const TextField: ({ value, customClass, placeholder, showClearButton, variant, onChange, onClick, }: PropsWithChildren<TextFieldProps>) => React.JSX.Element;
+declare const TextField: ({ value, customClass, placeholder, showClearButton, variant, onChange, onClick, inputRef, }: PropsWithChildren<TextFieldProps>) => React.JSX.Element;
 export default TextField;

package/dist/esm/types/components/Molecules/DatePicker/DatePicker.d.ts

@@ -1,12 +1,17 @@
 import React from "react";
 import "react-datepicker/dist/react-datepicker-cssmodules.css";
 export interface DatePickerProps {
-    /** Custom css class to customize the styling */
-    className?: string;
+    /** Custom css class to customize the styling if input. Used TextField from SDS */
+    inputCustomClass?: string;
     /** Format of the date to be displayed. Default: ``MMMM d, yyyy`` */
     dateFormat?: string;
     /** Callback called when the date is updated. Return standard JS Date object */
     onDateChange?: (date: Date | null) => void;
+    /** Start date of the date picker. Use anything which could be converted to date.
+     *  If undefined or not provided - current day will be selected.
+     *  If null or any falsy value - field will be empty
+     *  */
+    startDate?: string | number | Date | undefined;
 }
 declare const DatePicker: (props: DatePickerProps) => React.JSX.Element;
 export default DatePicker;

package/dist/index.d.ts

@@ -153,14 +153,16 @@ interface TextFieldProps {
     variant?: "primary";
     /** Callback called when the text is updated */
     onChange?: (value: string) => void;
-    /** Callback called when the text is clicked */
-    onClick?: (value: string) => void;
+    /** Callback called when the input is clicked */
+    onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
+    /** Reference to the input element */
+    inputRef?: React.RefObject<HTMLInputElement>;
 }
 /**
  * The Text Field component renders a simple input field with SDS stylings applied.
  *
  */
-declare const TextField: ({ value, customClass, placeholder, showClearButton, variant, onChange, onClick, }: PropsWithChildren<TextFieldProps>) => React.JSX.Element;
+declare const TextField: ({ value, customClass, placeholder, showClearButton, variant, onChange, onClick, inputRef, }: PropsWithChildren<TextFieldProps>) => React.JSX.Element;
 
 interface AccordionProps {
     /**
@@ -326,12 +328,17 @@ interface AppBarProps {
 declare const AppBar: ({ icon, isBeta, appName, version, children, customClass, lastUpdated, lastUpdatedTooltip, description, tooltipContent, rightAddornment, backgroundColor, backgroundImage, backgroundGradient, }: PropsWithChildren<AppBarProps>) => React.JSX.Element;
 
 interface DatePickerProps {
-    /** Custom css class to customize the styling */
-    className?: string;
+    /** Custom css class to customize the styling if input. Used TextField from SDS */
+    inputCustomClass?: string;
     /** Format of the date to be displayed. Default: ``MMMM d, yyyy`` */
     dateFormat?: string;
     /** Callback called when the date is updated. Return standard JS Date object */
     onDateChange?: (date: Date | null) => void;
+    /** Start date of the date picker. Use anything which could be converted to date.
+     *  If undefined or not provided - current day will be selected.
+     *  If null or any falsy value - field will be empty
+     *  */
+    startDate?: string | number | Date | undefined;
 }
 declare const DatePicker: (props: DatePickerProps) => React.JSX.Element;