l-min-components 1.0.708 → 1.0.714

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "l-min-components",
-  "version": "1.0.708",
+  "version": "1.0.714",
   "type": "module",
   "files": [
     "src/assets",

package/src/components/AppMainLayout/index.jsx

@@ -222,7 +222,8 @@ const AppMainLayout = () => {
                 />
               )}
 
-            {window.location.pathname.includes("enterprise") && planState === "GRACE PERIOD" ? (
+            {window.location.pathname.includes("enterprise") &&
+            planState === "GRACE PERIOD" ? (
               <GracePeriod
                 getCurrentSubscriptionData={getCurrentSubscriptionData}
                 handleCurrentSubscription={handleCurrentSubscription}
@@ -238,7 +239,11 @@ const AppMainLayout = () => {
               {rightComponent ??
                 (window.location.pathname.includes("enterprise") &&
                 !window.location.pathname.includes("file-manager") ? (
-                  <EnterpriseRightBar gracePeriod={gracePeriod} setGracePeriod={setGracePeriod} planState={planState} />
+                  <EnterpriseRightBar
+                    gracePeriod={gracePeriod}
+                    setGracePeriod={setGracePeriod}
+                    planState={planState}
+                  />
                 ) : window.location.pathname.includes("personal/dashboard") ? (
                   <PersonalRightBar />
                 ) : window.location.pathname.includes("personal/addons") ? (
@@ -246,7 +251,7 @@ const AppMainLayout = () => {
                 ) : window.location.pathname.includes("personal/courses") ? (
                   <InstructorRightBar personal />
                 ) : window.location.pathname.includes(
-                    "personal/library/selectlanguage"
+                    "personal/library/selectlanguage",
                   ) ? (
                   <InstructorRightBar personal />
                 ) : window.location.pathname.includes("personal/library") ? (

package/src/components/datePicker/index.jsx

@@ -1,51 +1,58 @@
-import React, { useState } from "react";
-import DatePicker from "react-datepicker";
-import { CalendarIcon } from "./svg/calendar";
-import { DownloadIcon } from "./svg/download";
-import CustomDatePickerHeader from "./dateNavigation";
-import { DatePickerWrapper, DateCont  } from "./style";
-import moment from "moment";
+import React, { useState } from 'react';
+import DatePicker from 'react-datepicker';
+import { CalendarIcon } from './svg/calendar';
+import { DownloadIcon } from './svg/download';
+import CustomDatePickerHeader from './dateNavigation';
+import { DatePickerWrapper, DateCont } from './style';
+import moment from 'moment';
 
 const DatePickerCalender = ({
-    borderColor,
-    opacity,
-    dateFormat,
-    ...props
+  borderColor,
+  opacity,
+  dateFormat,
+  icon,
+  ...props
 }) => {
-    const [dateRange, setDateRange] = useState({
-        startDate: new Date(),
-        endDate: new Date(),
-      });
+  const [dateRange, setDateRange] = useState({
+    startDate: new Date(),
+    endDate: new Date(),
+  });
 
-    return(
-        <DatePickerWrapper {...props}>
-           <DateCont className="datepicker__wrapper" borderColor={borderColor} opacity={opacity} >
-            <DatePicker
-            selected={dateRange.endDate}
-            endDate={dateRange.endDate}
-            dateFormat={dateFormat ? dateFormat : "d MMM yyyy"}
-            renderCustomHeader={({ date, decreaseMonth, increaseMonth }) => (
-                <CustomDatePickerHeader selected={date} onMonthChange={(value) => {
+  return (
+    <DatePickerWrapper {...props}>
+      <DateCont
+        className="datepicker__wrapper"
+        borderColor={borderColor}
+        opacity={opacity}
+      >
+        <DatePicker
+          selected={dateRange.endDate}
+          endDate={dateRange.endDate}
+          dateFormat={dateFormat ? dateFormat : 'd MMM yyyy'}
+          renderCustomHeader={({ date, decreaseMonth, increaseMonth }) => (
+            <CustomDatePickerHeader
+              selected={date}
+              onMonthChange={(value) => {
                 if (value === -1) {
-                    decreaseMonth();
+                  decreaseMonth();
                 } else if (value === 1) {
-                    increaseMonth();
+                  increaseMonth();
                 }
-                }} />
-            )}
-            onChange={(dates) =>
-                setDateRange({
-                ...dateRange,
-                endDate: dates,
-                })
-            }
-            calendarClassName="datepicker_style"
+              }}
             />
-            <CalendarIcon />
-        </DateCont>
-      </DatePickerWrapper>
+          )}
+          onChange={(dates) =>
+            setDateRange({
+              ...dateRange,
+              endDate: dates,
+            })
+          }
+          calendarClassName="datepicker_style"
+        />
+        {icon ? icon : <CalendarIcon />}
+      </DateCont>
+    </DatePickerWrapper>
+  );
+};
 
-    )
-}
-
-export default DatePickerCalender
+export default DatePickerCalender;