hplx-react-elements-dev 1.1.1 → 1.1.2

package/dist/esm/calendarView/CalendarView.d.ts

@@ -3,5 +3,5 @@ import "react-date-range/dist/styles.css";
 import "react-date-range/dist/theme/default.css";
 import "../calendarView/CalenderViewCSS.css";
 import { CalenderViewProps } from "../types";
-declare const CalendarView: ({ date1, date2, handleDate1, handleDate2, handleSelectCalenderView, }: CalenderViewProps) => JSX.Element;
+declare const CalendarView: ({ date1, date2, handleDate1, handleDate2, handleSelectCalenderView, autoFocus1, autoFocus2, setAutoFocus2, setAutoFocus1, }: CalenderViewProps) => JSX.Element;
 export default CalendarView;

package/dist/esm/index.js

@@ -18624,24 +18624,22 @@ var InputTag = function InputTag(_a) {
 };
 
 var CalendarView = function CalendarView(_a) {
+  // const [date1, setDate1] = useState(new Date());
+  // const [date2, setDate2] = useState(new Date());
+  // const [autoFocus1, setAutoFocus1] = useState(true);
+  // const [autoFocus2, setAutoFocus2] = useState(false);
   var date1 = _a.date1,
       date2 = _a.date2,
       handleDate1 = _a.handleDate1,
       handleDate2 = _a.handleDate2,
-      handleSelectCalenderView = _a.handleSelectCalenderView; // const [date1, setDate1] = useState(new Date());
-  // const [date2, setDate2] = useState(new Date());
-
-  var _b = useState(true),
-      autoFocus1 = _b[0],
-      setAutoFocus1 = _b[1];
-
-  var _c = useState(false),
-      autoFocus2 = _c[0],
-      setAutoFocus2 = _c[1]; // const [showCalender1, setShowCalender1] = useState(true);
+      handleSelectCalenderView = _a.handleSelectCalenderView,
+      autoFocus1 = _a.autoFocus1,
+      autoFocus2 = _a.autoFocus2,
+      setAutoFocus2 = _a.setAutoFocus2,
+      setAutoFocus1 = _a.setAutoFocus1; // const [showCalender1, setShowCalender1] = useState(true);
   // const [showCalender2, setShowCalender2] = useState(false);
   // const [showCalender2, setShowCalender2] = useState(false);
 
-
   var handleSelect1 = function handleSelect1(selectedValue) {
     setAutoFocus2(true);
     setAutoFocus1(false);
@@ -18686,7 +18684,7 @@ var CalendarView = function CalendarView(_a) {
         }) : jsxRuntime.exports.jsx(InputField, {
           className: "hplxt-text-Gray-400 ".concat(autoFocus1 ? "hplxt-border-Primary-700" : "", " hplxt-border-1 hplxt-rounded-md"),
           inputProps: {
-            value: dayjs(date1).format("DD-MMM-YYYY"),
+            value: dayjs(date1).isValid() ? dayjs(date1).format("DD-MMM-YYYY") : "",
             autoFocus: autoFocus1,
             onFocus: function onFocus() {
               return handleFocus1();
@@ -18713,7 +18711,7 @@ var CalendarView = function CalendarView(_a) {
           className: "hplxt-text-Gray-400 ".concat(autoFocus2 ? "hplxt-border-Primary-700" : "", " hplxt-border-1 hplxt-rounded-md"),
           inputProps: {
             placeholder: "To Day",
-            value: dayjs(date2).format("DD-MMM-YYYY"),
+            value: dayjs(date2).isValid() ? dayjs(date2).format("DD-MMM-YYYY") : "",
             autoFocus: autoFocus2,
             onFocus: function onFocus() {
               return handleFocus2();

package/dist/esm/types.d.ts

@@ -66,6 +66,10 @@ export interface CalenderViewProps {
     handleDate1: (val: Date) => void;
     handleDate2: (val: Date) => void;
     handleSelectCalenderView?: () => void;
+    autoFocus1?: boolean;
+    autoFocus2?: boolean;
+    setAutoFocus1?: any;
+    setAutoFocus2?: any;
 }
 export interface InputFieldSplitProps {
     label?: string;

package/package.json

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