sccoreui 3.6.4 → 3.6.5

package/dist/App.scss

@@ -332,16 +332,27 @@ h3 {
 
 
 .custom_date_picker_sec {
-
   .custom_date_picker {
-
     // padding-left: 134px;
-    .p-inputtext {
-      padding-right: 16px;
-      width: 130px;
-      // max-width: max-content;
+    .p-inputtext { padding-right: 16px;
+    width: 130px;
+    // max-width: max-content;
+  }
+  .p-inputtext {
+    &:enabled {
+      &:focus {
+        box-shadow: none !important;
+        border-color: #d0d5dd !important;
+      }
+    }
+  }
+  .p-datepicker-trigger {
+    &:focus {
+      box-shadow: none !important;
+      border-color: #d0d5dd !important;
     }
   }
+}
 
   .custom_date_picker.multiple {
     .p-inputtext {

package/dist/components/date-picker/date-picker.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePicker = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const calendar_1 = require("primereact/calendar");
@@ -7,18 +8,19 @@ const react_1 = require("react");
 const button_1 = require("primereact/button");
 const svg_component_1 = tslib_1.__importDefault(require("../../directives/svg-component"));
 const DatePicker = (props) => {
+    const dateRef = (0, react_1.useRef)(null);
     const today = new Date();
     const options = { year: 'numeric', month: 'short', day: 'numeric' };
     const oneWeekFromToday = new Date(today);
-    oneWeekFromToday.setDate(today.getDate() + 7);
+    oneWeekFromToday.setDate(today.getDate());
     const formattedDate = today.toLocaleDateString('en-US', options);
-    const [fromDate, setFromDate] = (0, react_1.useState)(today);
+    const [fromDate, setFromDate] = (0, react_1.useState)([]);
     const [fromDateFormate, setFromDateFormate] = (0, react_1.useState)(formattedDate);
     const [toDateFormate, setToDateFormate] = (0, react_1.useState)('-');
     const [propsState, setPropsState] = (0, react_1.useState)({});
-    let dateFromTo = {};
+    let dateFromTo = [];
     const selecteDateOption = (dateType) => {
-        dateFromTo[0] = today;
+        dateFromTo.push(today);
         switch (dateType) {
             case 'Today':
                 // Default date
@@ -26,43 +28,39 @@ const DatePicker = (props) => {
             case 'Yesterday':
                 const yesterdayFromToday = new Date(today);
                 yesterdayFromToday.setDate(today.getDate() - 1);
-                dateFromTo[0] = yesterdayFromToday;
-                dateFromTo[1] = today;
+                dateFromTo.unshift(yesterdayFromToday);
                 break;
             case 'This week': {
                 const oneWeekFromToday = new Date(today);
                 oneWeekFromToday.setDate(today.getDate() + 7);
-                dateFromTo[1] = oneWeekFromToday;
+                dateFromTo.push(oneWeekFromToday);
                 break;
             }
             case 'Last week': {
                 const lastWeekFromToday = new Date(today);
                 lastWeekFromToday.setDate(today.getDate() - 7);
-                dateFromTo[0] = lastWeekFromToday;
-                dateFromTo[1] = today;
+                dateFromTo.unshift(lastWeekFromToday);
                 break;
             }
             case 'This month':
                 const oneMonthFromToday = new Date(today);
                 oneMonthFromToday.setDate(today.getDate() + 30);
-                dateFromTo[1] = oneMonthFromToday;
+                dateFromTo.push(oneMonthFromToday);
                 break;
             case 'Last month':
                 const lastOneMonthFromToday = new Date(today);
                 lastOneMonthFromToday.setDate(today.getDate() - 30);
-                dateFromTo[0] = lastOneMonthFromToday;
-                dateFromTo[1] = today;
+                dateFromTo.unshift(lastOneMonthFromToday);
                 break;
             case 'This year':
                 const oneYearFromToday = new Date(today);
                 oneYearFromToday.setFullYear(today.getFullYear() + 1);
-                dateFromTo[1] = oneYearFromToday;
+                dateFromTo.push(oneYearFromToday);
                 break;
             case 'Last year':
                 const lastOneYearFromToday = new Date(today);
                 lastOneYearFromToday.setFullYear(today.getFullYear() - 1);
-                dateFromTo[0] = lastOneYearFromToday;
-                dateFromTo[1] = today;
+                dateFromTo.unshift(lastOneYearFromToday);
                 break;
             case 'Custom':
                 // Default date 
@@ -140,7 +138,8 @@ const DatePicker = (props) => {
         };
         return ((0, jsx_runtime_1.jsx)("div", Object.assign({ onClick: onClear, className: "flex align-items-center absolute right-20 clear_icon_sec cursor-pointer" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { className: "icon_right right_section_item absolute z-5 ", icon: props.clear, size: 20 }, Math.floor(Math.random() * 1000)) })));
     };
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `flex justify-content-center w-full relative align-items-center custom_date_picker_sec` }, { children: [(0, jsx_runtime_1.jsx)(calendar_1.Calendar, Object.assign({ showIcon: true, value: fromDate, onChange: (e) => onChangeDate(e), footerTemplate: template, className: `custom_date_picker ${(!JSON.stringify(fromDate).includes('null') && JSON.stringify(fromDate).includes(',')) ? 'multiple' : ''}` }, propsState)), (props.clear && JSON.stringify(fromDate).split(',').length > 1) &&
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `flex justify-content-center w-full relative align-items-center custom_date_picker_sec` }, { children: [(0, jsx_runtime_1.jsx)(calendar_1.Calendar, Object.assign({ ref: dateRef, showIcon: true, value: fromDate, onChange: (e) => onChangeDate(e), footerTemplate: template, className: `custom_date_picker ${(!JSON.stringify(fromDate).includes('null') && JSON.stringify(fromDate).includes(',')) ? 'multiple' : ''}` }, propsState)), (props.clear && JSON.stringify(fromDate).split(',').length > 1) &&
                 clearIcon()] })));
 };
-exports.default = DatePicker;
+exports.DatePicker = DatePicker;
+exports.default = exports.DatePicker;

package/dist/types/components/date-picker/date-picker.d.ts

@@ -1,2 +1,2 @@
-declare const DatePicker: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const DatePicker: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default DatePicker;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sccoreui",
-  "version": "3.6.4",
+  "version": "3.6.5",
   "description": "ui-sccore",
   "main": "./dist/index.js",
   "module": "./dist/index.js",