hplx-react-elements-dev 1.0.42 → 1.0.43

package/dist/esm/datePicker/DatePicker.d.ts

@@ -2,14 +2,6 @@
 import "react-date-range/dist/styles.css";
 import "react-date-range/dist/theme/default.css";
 import "../datePicker/DatePickerCSS.css";
-export interface DatePickerProps {
-    disabledDates?: Date[];
-    selectDate?: any;
-    dateVar: (val: Date) => void;
-    isborderRequired?: boolean;
-    minDate?: Date;
-    maxDate?: Date;
-    fieldColor?: string;
-}
-declare const DatePicker: ({ disabledDates, selectDate, dateVar, minDate, maxDate, fieldColor, isborderRequired, }: DatePickerProps) => JSX.Element;
+import { DatePickerProps } from "../types";
+declare const DatePicker: ({ disabledDates, selectDate, dateVar, minDate, maxDate, label, labelColor, labelSize, height, start_icon, end_icon, hint_text_icon, prefix, suffixButton, suffix, hint_text, char_count, errorMsg, suffixInputProps, suffixDropdown, isSuffixEditable, suffixPlaceholder, fieldColor, isborderRequired, }: DatePickerProps) => JSX.Element;
 export default DatePicker;

package/dist/esm/index.js

@@ -5370,7 +5370,7 @@ var AddSuggestion = function AddSuggestion(_a) {
       })
     }), showDropdown && jsxRuntime.exports.jsx("div", __assign({
       ref: wrapperRef,
-      className: "hplxt-absolute hplxt-mt-1 hplxt-min-w-max hplxt-rounded-lg hplxt-bg-White hplxt-overflow-y-auto hplxt-shadow-md hplxt-z-10 hplxt-max-h-80 "
+      className: "hplxt-absolute hplxt-border hplxt-border-Gray-300  hplxt-mt-1 hplxt-min-w-max hplxt-rounded-lg hplxt-bg-Indigo-25 hplxt-overflow-y-auto hplxt-shadow-md hplxt-z-10 hplxt-max-h-80 "
     }, {
       children: suggestionArr && suggestionArr.length > 0 && jsxRuntime.exports.jsx("div", {
         children: (suggestionArr === null || suggestionArr === void 0 ? void 0 : suggestionArr.constructor) === Array && suggestionArr.length ? suggestionArr.map(function (option) {
@@ -16929,17 +16929,41 @@ var DatePicker = function DatePicker(_a) {
       dateVar = _a.dateVar,
       minDate = _a.minDate,
       maxDate = _a.maxDate,
+      label = _a.label,
+      labelColor = _a.labelColor,
+      labelSize = _a.labelSize,
+      _c = _a.height,
+      height = _c === void 0 ? "" : _c,
+      _d = _a.start_icon,
+      start_icon = _d === void 0 ? "hx_calendar hplxt-text-4" : _d,
+      _e = _a.end_icon,
+      end_icon = _e === void 0 ? "" : _e,
+      _f = _a.hint_text_icon,
+      hint_text_icon = _f === void 0 ? "" : _f,
+      prefix = _a.prefix,
+      suffixButton = _a.suffixButton,
+      suffix = _a.suffix,
+      hint_text = _a.hint_text,
+      char_count = _a.char_count,
+      _g = _a.errorMsg,
+      errorMsg = _g === void 0 ? "" : _g,
+      // inputProps,
+  suffixInputProps = _a.suffixInputProps,
+      suffixDropdown = _a.suffixDropdown,
+      _h = _a.isSuffixEditable,
+      isSuffixEditable = _h === void 0 ? false : _h,
+      suffixPlaceholder = _a.suffixPlaceholder,
       fieldColor = _a.fieldColor,
-      _c = _a.isborderRequired,
-      isborderRequired = _c === void 0 ? true : _c;
+      _j = _a.isborderRequired,
+      isborderRequired = _j === void 0 ? true : _j;
 
-  var _d = useState(),
-      date = _d[0],
-      setDate = _d[1];
+  var _k = useState(),
+      date = _k[0],
+      setDate = _k[1];
 
-  var _e = useState(false),
-      clicked = _e[0],
-      setClicked = _e[1];
+  var _l = useState(false),
+      clicked = _l[0],
+      setClicked = _l[1];
 
   var handleSelect = function handleSelect(date) {
     setDate(date);
@@ -16982,8 +17006,24 @@ var DatePicker = function DatePicker(_a) {
       className: "hplxt-relative hplxt-w-[189px]"
     }, {
       children: jsxRuntime.exports.jsx(InputField, {
+        label: label,
+        labelColor: labelColor,
+        labelSize: labelSize,
+        height: height,
+        end_icon: end_icon,
+        hint_text_icon: hint_text_icon,
+        prefix: prefix,
+        suffixButton: suffixButton,
+        suffix: suffix,
+        hint_text: hint_text,
+        char_count: char_count,
+        errorMsg: errorMsg,
+        suffixInputProps: suffixInputProps,
+        suffixDropdown: suffixDropdown,
+        isSuffixEditable: isSuffixEditable,
+        suffixPlaceholder: suffixPlaceholder,
         isborderRequired: isborderRequired,
-        start_icon: "hx_calendar hplxt-text-4",
+        start_icon: start_icon,
         inputProps: {
           placeholder: "Select date",
           onClick: inputClick,

package/dist/esm/types.d.ts

@@ -23,6 +23,34 @@ export interface InputFieldProps {
     isSuffixEditable?: boolean;
     handleSuffixValChange?: (value: any) => void;
 }
+export interface DatePickerProps {
+    disabledDates?: Date[];
+    selectDate?: any;
+    dateVar: (val: Date) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    label?: string;
+    fieldColor?: string;
+    labelSize?: typographyTextType;
+    labelColor?: string;
+    height?: string;
+    prefix?: ReactNode;
+    suffixButton?: ReactNode;
+    suffix?: ReactNode;
+    start_icon?: string;
+    end_icon?: string;
+    hint_text?: string;
+    hint_text_icon?: string;
+    char_count?: string;
+    errorMsg?: string;
+    isborderRequired?: boolean;
+    suffixInputProps?: React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+    suffixPlaceholder?: string;
+    suffixDropdown?: any;
+    handleSuffixClick?: (value: any) => void;
+    isSuffixEditable?: boolean;
+    handleSuffixValChange?: (value: any) => void;
+}
 export interface InputFieldSplitProps {
     label?: string;
     labelSize?: typographyTextType;

package/package.json

@@ -9,7 +9,7 @@
     "frontend",
     "healthplix"
   ],
-  "version": "1.0.42",
+  "version": "1.0.43",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",