hplx-react-elements-dev 1.0.55 → 1.0.57

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

@@ -3,5 +3,5 @@ import "react-date-range/dist/styles.css";
 import "react-date-range/dist/theme/default.css";
 import "../datePicker/DatePickerCSS.css";
 import { DatePickerProps } from "../types";
-declare const DatePicker: ({ disabledDates, selectDate, dateVar, minDate, maxDate, label, width, labelColor, labelSize, placeholder, 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;
+declare const DatePicker: ({ disabledDates, selectDate, dateVar, minDate, maxDate, label, width, labelColor, labelSize, placeholder, height, start_icon, end_icon, hint_text_icon, prefix, suffixButton, suffix, hint_text, showPlaceHolderOnly, char_count, errorMsg, suffixInputProps, suffixDropdown, isSuffixEditable, suffixPlaceholder, fieldColor, isborderRequired, }: DatePickerProps) => JSX.Element;
 export default DatePicker;

package/dist/esm/index.js

@@ -2449,15 +2449,18 @@ var InputField = function InputField(_a) {
       }))
     })), showEmailSuggestions && // This div displays a dropdown of email provider options
     jsxRuntime.exports.jsx("div", __assign({
-      className: "hplxt-absolute hplxt-mt-1 hplxt-left-10 hplxt-right-10 hplxt-min-w-max hplxt-rounded-lg hplxt-bg-White hplxt-overflow-y-scroll hplxt-shadow-md hplxt-z-10 hplxt-max-h-80 ".concat(showEmailDropdown ? "hplxt-block" : "hplxt-hidden")
+      className: "hplxt-absolute ".concat(showEmailDropdown ? "hplxt-block" : "hplxt-hidden", " hplxt-mt-1 hplxt-min-w-max hplxt-rounded-lg hplxt-border hplxt-border-Blue_gray-200 hplxt-bg-White  hplxt-overflow-y-scroll hplxt-shadow-md hplxt-z-10 hplxt-max-h-72 ")
     }, {
-      children: emailProviders === null || emailProviders === void 0 ? void 0 : emailProviders.map(function (option) {
-        return jsxRuntime.exports.jsx(DropdownItems, {
-          label: option,
-          onSelect: function onSelect() {
-            handleEmailProviderSelection(option);
-          }
-        }, option);
+      children: jsxRuntime.exports.jsx("div", {
+        children: emailProviders === null || emailProviders === void 0 ? void 0 : emailProviders.map(function (option) {
+          return jsxRuntime.exports.jsx(DropdownItems, {
+            className: "hplxt-text-Primary-700",
+            label: option,
+            onSelect: function onSelect() {
+              handleEmailProviderSelection(option);
+            }
+          }, option);
+        })
       })
     })), (Boolean(hint_text) || Boolean(errorMsg)) && jsxRuntime.exports.jsx("div", __assign({
       className: "".concat(errorMsg ? "hplxt-text-Error-500" : "hplxt-text-Gray-500 hplxt-mt-1")
@@ -17172,26 +17175,28 @@ var DatePicker = function DatePicker(_a) {
       suffixButton = _a.suffixButton,
       suffix = _a.suffix,
       hint_text = _a.hint_text,
+      _g = _a.showPlaceHolderOnly,
+      showPlaceHolderOnly = _g === void 0 ? false : _g,
       char_count = _a.char_count,
-      _g = _a.errorMsg,
-      errorMsg = _g === void 0 ? "" : _g,
+      _h = _a.errorMsg,
+      errorMsg = _h === void 0 ? "" : _h,
       // inputProps,
   suffixInputProps = _a.suffixInputProps,
       suffixDropdown = _a.suffixDropdown,
-      _h = _a.isSuffixEditable,
-      isSuffixEditable = _h === void 0 ? false : _h,
+      _j = _a.isSuffixEditable,
+      isSuffixEditable = _j === void 0 ? false : _j,
       suffixPlaceholder = _a.suffixPlaceholder,
       fieldColor = _a.fieldColor,
-      _j = _a.isborderRequired,
-      isborderRequired = _j === void 0 ? true : _j;
+      _k = _a.isborderRequired,
+      isborderRequired = _k === void 0 ? true : _k;
 
-  var _k = useState(),
-      date = _k[0],
-      setDate = _k[1];
+  var _l = useState(),
+      date = _l[0],
+      setDate = _l[1];
 
-  var _l = useState(false),
-      clicked = _l[0],
-      setClicked = _l[1];
+  var _m = useState(false),
+      clicked = _m[0],
+      setClicked = _m[1];
 
   var handleSelect = function handleSelect(date) {
     setDate(date);
@@ -17230,10 +17235,10 @@ var DatePicker = function DatePicker(_a) {
   return jsxRuntime.exports.jsxs("div", __assign({
     className: ""
   }, {
-    children: [jsxRuntime.exports.jsx("div", __assign({
+    children: [jsxRuntime.exports.jsxs("div", __assign({
       className: "hplxt-relative "
     }, {
-      children: jsxRuntime.exports.jsx(InputField, {
+      children: [!showPlaceHolderOnly && jsxRuntime.exports.jsx(InputField, {
         width: width ? width : "8em",
         label: label,
         labelColor: labelColor,
@@ -17260,7 +17265,15 @@ var DatePicker = function DatePicker(_a) {
           value: date ? dayjs(date).format("MMM DD, YYYY") : selectDate === null || selectDate === void 0 ? void 0 : selectDate.toString()
         },
         fieldColor: fieldColor
-      })
+      }), showPlaceHolderOnly && jsxRuntime.exports.jsx(Button, {
+        hierarchy: "Secondary-Grey",
+        size: "sm",
+        textField: "Date",
+        icon: "Left",
+        iconFile: "hx_calendar-add hplxt-text-3 ",
+        onClick: inputClick,
+        className: "hplxt-text-Gray-700"
+      })]
     })), jsxRuntime.exports.jsx("div", __assign({
       className: "hplxt-absolute hplxt-mt-1 hplxt-z-10"
     }, {

package/dist/esm/types.d.ts

@@ -36,6 +36,7 @@ export interface DatePickerProps {
     minDate?: Date;
     width?: string | number;
     maxDate?: Date;
+    showPlaceHolderOnly?: boolean;
     label?: string;
     border?: string;
     fieldColor?: string;

package/package.json

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