sccoreui 6.5.23 → 6.5.25

package/dist/App.js

@@ -4,6 +4,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 require("./App.scss");
 // import Home from "./pages/home";
 const App = () => {
-    return ((0, jsx_runtime_1.jsx)("div", { className: "m-6" }));
+    return (0, jsx_runtime_1.jsx)("div", { className: "m-6" });
 };
 exports.default = App;

package/dist/App.scss

@@ -752,6 +752,57 @@ code {
   }
 }
 
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+  display: inline-flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  white-space: nowrap;
+}
+
+.p-datepicker .p-datepicker-header .p-datepicker-title .date_nav_dropdown {
+  min-width: 0 !important;
+  background: transparent;
+  border: none;
+  box-shadow: none;
+  border-radius: 4px;
+
+  &:hover,
+  &:not(.p-disabled):hover {
+    background: #f3f4f6;
+    border: none;
+  }
+
+  &:not(.p-disabled).p-focus {
+    box-shadow: none;
+    border: none;
+  }
+
+  .p-dropdown-label {
+    padding: 2px 6px;
+    font-size: 1rem;
+    font-weight: 600;
+    color: #495057;
+    line-height: 1.5rem;
+  }
+
+  .p-dropdown-trigger {
+    display: none;
+  }
+}
+
+.p-datepicker .p-dropdown-panel,
+.date_nav_dropdown ~ .p-dropdown-panel {
+  min-width: 6rem;
+
+  .p-dropdown-items .p-dropdown-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 0.75rem;
+    padding-right: 0.75rem;
+  }
+}
+
 .date_filter {
   margin: 0;
   position: absolute;
@@ -1945,6 +1996,57 @@ code {
   }
 }
 
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+  display: inline-flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  white-space: nowrap;
+}
+
+.p-datepicker .p-datepicker-header .p-datepicker-title .date_nav_dropdown {
+  min-width: 0 !important;
+  background: transparent;
+  border: none;
+  box-shadow: none;
+  border-radius: 4px;
+
+  &:hover,
+  &:not(.p-disabled):hover {
+    background: #f3f4f6;
+    border: none;
+  }
+
+  &:not(.p-disabled).p-focus {
+    box-shadow: none;
+    border: none;
+  }
+
+  .p-dropdown-label {
+    padding: 2px 6px;
+    font-size: 1rem;
+    font-weight: 600;
+    color: #495057;
+    line-height: 1.5rem;
+  }
+
+  .p-dropdown-trigger {
+    display: none;
+  }
+}
+
+.p-datepicker .p-dropdown-panel,
+.date_nav_dropdown ~ .p-dropdown-panel {
+  min-width: 6rem;
+
+  .p-dropdown-items .p-dropdown-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 0.75rem;
+    padding-right: 0.75rem;
+  }
+}
+
 .date_filter {
   margin: 0;
   position: absolute;

package/dist/assets/sccoreui.css

@@ -538,9 +538,11 @@ a {
 .p-datepicker.p-datepicker-timeonly .p-timepicker {
   border-top: 0 none;
 }
-.p-datepicker .p-monthpicker {
+.p-datepicker .p-monthpicker, .p-datepicker .p-yearpicker {
   margin: 0.5rem 0;
+  min-height: 256px;
 }
+
 .p-datepicker .p-monthpicker .p-monthpicker-month {
   padding: 0.5rem;
   transition: box-shadow 0.2s;
@@ -550,9 +552,7 @@ a {
   color: #4338ca;
   background: #eef2ff;
 }
-.p-datepicker .p-yearpicker {
-  margin: 0.5rem 0;
-}
+
 .p-datepicker .p-yearpicker .p-yearpicker-year {
   padding: 0.5rem;
   transition: box-shadow 0.2s;

package/dist/components/ag-grid/advancedFeature/global-search.js

@@ -13,6 +13,7 @@ const skeleton_1 = require("primereact/skeleton");
 function Search({ searchPlaceHolder }) {
     const { featureDetails, setFeatureDetails, rowModelType, gridApi, quickSearch, conditionsToDisplay, setGridViewData, gridView, inputValue, deboucedValue, setInputValue } = (0, react_1.useContext)(context_provider_1.FeatureContext);
     const isDisabled = (0, helper_1.isComponentDisable)(conditionsToDisplay.displaySearch);
+    console.log(deboucedValue, inputValue, "input-data-values");
     (0, react_1.useEffect)(() => {
         var _a, _b, _c;
         if (rowModelType === constants_1.ROWMODELTYPE.CLIENT_SIDE && quickSearch) {

package/dist/components/ag-grid/advancedFeature/new-filter/table-filter.js

@@ -28,7 +28,7 @@ const form_1 = tslib_1.__importDefault(require("../../../form/form"));
  */
 const TableFilter = () => {
     // Context values for filter state management
-    const { featureDetails, columnData, conditionType, conditionTypes, globalFilters, setConditionType, setGlobalFilters, setFeatureDetails, callGrid, setViewName, viewName, createView, enableViewCreate, filterModelText, enableAdvancedFilter, gridApi, conditionsToDisplay, renderSelectField, renderMultiSelectField, } = (0, react_1.useContext)(context_provider_1.FeatureContext);
+    const { featureDetails, columnData, conditionType, conditionTypes, globalFilters, setConditionType, setGlobalFilters, setFeatureDetails, callGrid, setViewName, viewName, createView, enableViewCreate, filterModelText, enableAdvancedFilter, gridApi, conditionsToDisplay, renderSelectField, renderMultiSelectField, onFiltersCleared, } = (0, react_1.useContext)(context_provider_1.FeatureContext);
     // Form reference for validation
     const formRef = (0, react_1.useRef)(null);
     // Column mapping keys
@@ -292,6 +292,7 @@ const TableFilter = () => {
         setViewName("");
         formSetter === null || formSetter === void 0 ? void 0 : formSetter("conditions", [newDefault]);
         formSetter === null || formSetter === void 0 ? void 0 : formSetter("viewName", "");
+        onFiltersCleared === null || onFiltersCleared === void 0 ? void 0 : onFiltersCleared();
     };
     /**
      * Create a saved view from current filter configuration

package/dist/components/ag-grid/context-provider.js

@@ -9,7 +9,7 @@ const hooks_1 = require("primereact/hooks");
 const constants_1 = tslib_1.__importDefault(require("./constants"));
 exports.FeatureContext = (0, react_1.createContext)(null);
 function MyProvider({ children, value }) {
-    const { featureDetails, setFeatureDetails, gridData, callGrid, totalRecords, initialFeature, defaultFilters, defaultSearchText, defaultSort, createView, enableViewCreate, filterModelText, sortModelText, recordDetailModelText, sidePanelText, sortOptions, filterConditions, clearFilters, setGridData, gridApi, updateColumnsForGrid, enableManageColumnsCallback, columnToRender, selectedGroup, setSelectedGroup, initialCheckBoxData, intialColumns, setIntialColumns, rowModelType, quickSearch, enableAdvancedFilter, conditionsToDisplay, gridViewFun, gridViewData, setGridViewData, gridView, serverSideSelectRow, defaultViewName, isDataLoading, 
+    const { featureDetails, setFeatureDetails, gridData, callGrid, totalRecords, initialFeature, defaultFilters, defaultSearchText, defaultSort, createView, enableViewCreate, filterModelText, sortModelText, recordDetailModelText, sidePanelText, sortOptions, filterConditions, clearFilters, onFiltersCleared, setGridData, gridApi, updateColumnsForGrid, enableManageColumnsCallback, columnToRender, selectedGroup, setSelectedGroup, initialCheckBoxData, intialColumns, setIntialColumns, rowModelType, quickSearch, enableAdvancedFilter, conditionsToDisplay, gridViewFun, gridViewData, setGridViewData, gridView, serverSideSelectRow, defaultViewName, isDataLoading, 
     // dynamicText
     renderSelectField, renderMultiSelectField, } = value;
     // States for sort
@@ -185,6 +185,7 @@ function MyProvider({ children, value }) {
             gridView,
             inputValue, deboucedValue, setInputValue, serverSideSelectRow, isDataLoading,
             renderSelectField, renderMultiSelectField,
+            onFiltersCleared,
         } }, { children: children })));
 }
 exports.default = MyProvider;

package/dist/components/ag-grid/parent-for-grid.js

@@ -445,7 +445,7 @@ function ParentForGrid(props) {
             const newFilterQueries = ((_a = props === null || props === void 0 ? void 0 : props.defaultFilters) === null || _a === void 0 ? void 0 : _a.length)
                 ? (0, helper_1.applyDefaultFilters)(props.defaultFilters)
                 : [];
-            const newSearchText = (props === null || props === void 0 ? void 0 : props.defaultSearchText) || "";
+            const newSearchText = (props === null || props === void 0 ? void 0 : props.defaultSearchText) || featureDetails.searchedText || "";
             const currentFeature = Object.assign(Object.assign({}, featureDetails), { filterQueries: newFilterQueries, searchedText: newSearchText });
             setDefaultFilters((props === null || props === void 0 ? void 0 : props.defaultFilters) || []);
             setDefaultSearchText(newSearchText);
@@ -528,7 +528,7 @@ function ParentForGrid(props) {
             initialFeature,
             defaultFilters,
             defaultSearchText,
-            defaultSort, createView: props === null || props === void 0 ? void 0 : props.createView, enableViewCreate: (_a = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _a === void 0 ? void 0 : _a.enableViewCreate, filterModelText: (_b = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _b === void 0 ? void 0 : _b.filterModelText, sortModelText: (_c = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _c === void 0 ? void 0 : _c.sortModelText, recordDetailModelText: (_d = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _d === void 0 ? void 0 : _d.recordDetailModelText, sidePanelText: (_e = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _e === void 0 ? void 0 : _e.sidePanelText, sortOptions: (props === null || props === void 0 ? void 0 : props.sortOptions) ? props.sortOptions : constants_1.COLUMN_SORT_OPTIONS, filterConditions: props === null || props === void 0 ? void 0 : props.filterConditions, clearFilters: props === null || props === void 0 ? void 0 : props.clearFilters, setGridData, gridApi: gridRef, updateColumnsForGrid: props === null || props === void 0 ? void 0 : props.updateColumnsForGrid, enableManageColumnsCallback: props.enableManageColumnsCallback, columnToRender: gridData.columnData, selectedGroup: selectedGroup, setSelectedGroup: setSelectedGroup, initialCheckBoxData: initialCheckBoxData, intialColumns,
+            defaultSort, createView: props === null || props === void 0 ? void 0 : props.createView, enableViewCreate: (_a = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _a === void 0 ? void 0 : _a.enableViewCreate, filterModelText: (_b = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _b === void 0 ? void 0 : _b.filterModelText, sortModelText: (_c = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _c === void 0 ? void 0 : _c.sortModelText, recordDetailModelText: (_d = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _d === void 0 ? void 0 : _d.recordDetailModelText, sidePanelText: (_e = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _e === void 0 ? void 0 : _e.sidePanelText, sortOptions: (props === null || props === void 0 ? void 0 : props.sortOptions) ? props.sortOptions : constants_1.COLUMN_SORT_OPTIONS, filterConditions: props === null || props === void 0 ? void 0 : props.filterConditions, clearFilters: props === null || props === void 0 ? void 0 : props.clearFilters, onFiltersCleared: props === null || props === void 0 ? void 0 : props.onFiltersCleared, setGridData, gridApi: gridRef, updateColumnsForGrid: props === null || props === void 0 ? void 0 : props.updateColumnsForGrid, enableManageColumnsCallback: props.enableManageColumnsCallback, columnToRender: gridData.columnData, selectedGroup: selectedGroup, setSelectedGroup: setSelectedGroup, initialCheckBoxData: initialCheckBoxData, intialColumns,
             setIntialColumns,
             gridViewFun,
             gridViewData,
@@ -546,6 +546,7 @@ function ParentForGrid(props) {
         props === null || props === void 0 ? void 0 : props.sortOptions,
         props === null || props === void 0 ? void 0 : props.filterConditions,
         props === null || props === void 0 ? void 0 : props.clearFilters,
+        props === null || props === void 0 ? void 0 : props.onFiltersCleared,
         props === null || props === void 0 ? void 0 : props.updateColumnsForGrid,
         props.enableManageColumnsCallback, selectedGroup, initialCheckBoxData,
         intialColumns, gridViewFun, gridViewData, gridView,

package/dist/components/ag-grid/utilComponents.js

@@ -7,9 +7,9 @@ const react_1 = require("react");
 const context_provider_1 = require("./context-provider");
 // Render checkbox as well as initial component/data from props
 const dataCellRenderer = (cellRendererParams, column, props) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e;
     const { initialRenderer, cellCheckBoxRenderer } = cellRendererParams;
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "inline-flex w-full h-full" }, { children: ((_a = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _a === void 0 ? void 0 : _a.displayCheckboxOnRight) ? ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "custom_class_name flex w-full justify-content-between" }, { children: [typeof initialRenderer === "function" ? (initialRenderer(cellRendererParams)) : ((0, jsx_runtime_1.jsx)("div", { children: (_b = cellRendererParams === null || cellRendererParams === void 0 ? void 0 : cellRendererParams.data) === null || _b === void 0 ? void 0 : _b[column === null || column === void 0 ? void 0 : column.field] })), cellCheckBoxRenderer(cellRendererParams) && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex align-items-center" }, { children: cellCheckBoxRenderer(cellRendererParams) })))] }))) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [cellCheckBoxRenderer(cellRendererParams) && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex align-items-center" }, { children: cellCheckBoxRenderer(cellRendererParams) }))), typeof initialRenderer === "function" ? (initialRenderer(cellRendererParams)) : ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "px-3" }, { children: (_c = cellRendererParams === null || cellRendererParams === void 0 ? void 0 : cellRendererParams.data) === null || _c === void 0 ? void 0 : _c[column === null || column === void 0 ? void 0 : column.field] })))] })) })));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "inline-flex w-full h-full" }, { children: ((_a = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _a === void 0 ? void 0 : _a.displayCheckboxOnRight) ? ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `custom_class_name flex w-full ${((_b = cellRendererParams === null || cellRendererParams === void 0 ? void 0 : cellRendererParams.data) === null || _b === void 0 ? void 0 : _b[column === null || column === void 0 ? void 0 : column.field]) ? "justify-content-between" : "justify-content-center"}` }, { children: [typeof initialRenderer === "function" ? (initialRenderer(cellRendererParams)) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: ((_c = cellRendererParams === null || cellRendererParams === void 0 ? void 0 : cellRendererParams.data) === null || _c === void 0 ? void 0 : _c[column === null || column === void 0 ? void 0 : column.field]) && ((0, jsx_runtime_1.jsx)("div", { children: (_d = cellRendererParams === null || cellRendererParams === void 0 ? void 0 : cellRendererParams.data) === null || _d === void 0 ? void 0 : _d[column === null || column === void 0 ? void 0 : column.field] })) })), cellCheckBoxRenderer(cellRendererParams) && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex align-items-center" }, { children: cellCheckBoxRenderer(cellRendererParams) })))] }))) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [cellCheckBoxRenderer(cellRendererParams) && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex align-items-center" }, { children: cellCheckBoxRenderer(cellRendererParams) }))), typeof initialRenderer === "function" ? (initialRenderer(cellRendererParams)) : ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "px-3" }, { children: (_e = cellRendererParams === null || cellRendererParams === void 0 ? void 0 : cellRendererParams.data) === null || _e === void 0 ? void 0 : _e[column === null || column === void 0 ? void 0 : column.field] })))] })) })));
 };
 exports.dataCellRenderer = dataCellRenderer;
 //Get this compnent from products

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

@@ -6,9 +6,13 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const calendar_1 = require("primereact/calendar");
 const react_1 = require("react");
 const button_1 = require("primereact/button");
+const dropdown_1 = require("primereact/dropdown");
 const svg_component_1 = tslib_1.__importDefault(require("../../directives/svg-component"));
 const DatePicker = (props) => {
     const dateRef = (0, react_1.useRef)(null);
+    const monthCallCount = (0, react_1.useRef)(0);
+    const yearCallCount = (0, react_1.useRef)(0);
+    const masterMonthRef = (0, react_1.useRef)(0);
     const today = new Date();
     const options = { year: 'numeric', month: 'short', day: 'numeric' };
     const oneWeekFromToday = new Date(today);
@@ -100,38 +104,89 @@ const DatePicker = (props) => {
             props.onChange(e);
     };
     (0, react_1.useEffect)(() => {
+        // Pass through every prop to the underlying PrimeReact Calendar, except
+        // the ones this wrapper handles itself (value/onChange/onClear/clear/
+        // footerTemplate/iconPos — those are wired explicitly below). This way
+        // any PrimeReact Calendar prop (monthNavigator, yearNavigator, yearRange,
+        // minDate, viewDate, inline, readOnlyInput, touchUI, showButtonBar, etc.)
+        // works without updating the wrapper for each new field.
+        const EXCLUDE = new Set([
+            'value', 'onChange', 'onClear', 'clear',
+            'footerTemplate', 'iconPos', 'icon', 'ref',
+        ]);
         const datePickerProps = {};
-        for (let key in props) {
-            switch (key) {
-                case 'iconPos':
-                    // datePickerProps['iconPos'] = props.iconPos
-                    datePickerProps['icon'] = (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: props.icon });
-                    break;
-                case 'numberOfMonths':
-                    datePickerProps['numberOfMonths'] = props.numberOfMonths;
-                    break;
-                case 'dateFormat':
-                    datePickerProps['dateFormat'] = props.dateFormat;
-                    break;
-                case 'selectionMode':
-                    datePickerProps['selectionMode'] = props.selectionMode;
-                    break;
-                case 'placeholder':
-                    datePickerProps['placeholder'] = props.placeholder;
-                    break;
-                case 'maxDate':
-                    datePickerProps['maxDate'] = props.maxDate;
-                    break;
-                case 'className':
-                    datePickerProps['className'] = props.className;
-                    break;
-                case 'showIcon':
-                    datePickerProps['showIcon'] = true;
-                    break;
-            }
+        for (const key in props) {
+            if (EXCLUDE.has(key))
+                continue;
+            datePickerProps[key] = props[key];
+        }
+        // Keep the custom SvgComponent icon behaviour for iconPos consumers.
+        if (props.iconPos) {
+            datePickerProps['icon'] = (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: props.icon });
+        }
+        if (props.showIcon) {
+            datePickerProps['showIcon'] = true;
+        }
+        // Use PrimeReact's monthNavigator/yearNavigator and render PrimeReact
+        // Dropdowns (styled as plain text) so the user can change month/year
+        // without switching to a separate picker view. Each navigator template
+        // is called once per pane in render order, so we use a render counter
+        // to give pane 2 its actual month/year (PrimeReact otherwise reads
+        // viewDate.getMonth() for both panes). Consumer values always win.
+        if (datePickerProps.monthNavigator === undefined) {
+            datePickerProps.monthNavigator = true;
+        }
+        if (datePickerProps.yearNavigator === undefined) {
+            datePickerProps.yearNavigator = true;
+        }
+        if (datePickerProps.yearRange === undefined) {
+            const cy = new Date().getFullYear();
+            datePickerProps.yearRange = `${cy - 50}:${cy + 50}`;
+        }
+        const numberOfMonths = datePickerProps.numberOfMonths || 1;
+        if (datePickerProps.monthNavigatorTemplate === undefined) {
+            datePickerProps.monthNavigatorTemplate = (e) => {
+                const paneIndex = monthCallCount.current % numberOfMonths;
+                if (paneIndex === 0)
+                    masterMonthRef.current = e.value;
+                monthCallCount.current++;
+                const displayMonth = (e.value + paneIndex) % 12;
+                const monthOptions = (e.options || []).map((o) => ({
+                    label: String(o.label),
+                    value: o.value,
+                }));
+                return ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { value: displayMonth, options: monthOptions, onChange: (ev) => {
+                        const newViewMonth = (ev.value - paneIndex + 12) % 12;
+                        e.onChange(ev.originalEvent, newViewMonth);
+                    }, className: "date_nav_dropdown date_nav_dropdown--month", style: { width: 'auto', marginRight: '0.25rem' }, appendTo: "self" }));
+            };
+        }
+        if (datePickerProps.yearNavigatorTemplate === undefined) {
+            datePickerProps.yearNavigatorTemplate = (e) => {
+                const paneIndex = yearCallCount.current % numberOfMonths;
+                yearCallCount.current++;
+                // Pane 2 rolls into next year only when master month is December.
+                const displayYear = paneIndex > 0 && masterMonthRef.current + paneIndex > 11
+                    ? e.value + 1
+                    : e.value;
+                const yearOptions = (e.options || []).map((o) => {
+                    const raw = typeof o === 'object' ? o.value : o;
+                    return { label: String(raw), value: raw };
+                });
+                return ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { value: displayYear, options: yearOptions, onChange: (ev) => {
+                        const newViewYear = paneIndex > 0 && masterMonthRef.current + paneIndex > 11
+                            ? ev.value - 1
+                            : ev.value;
+                        e.onChange(ev.originalEvent, newViewYear);
+                    }, className: "date_nav_dropdown date_nav_dropdown--year", style: { width: 'auto' }, appendTo: "self" }));
+            };
         }
+        // Reset render counters at start of each render cycle so the modulo
+        // pane index stays correct across re-renders.
+        monthCallCount.current = 0;
+        yearCallCount.current = 0;
         setPropsState(datePickerProps);
-    }, []);
+    }, [props]);
     (0, react_1.useEffect)(() => {
         if (props.value !== undefined) {
             if (props.value === null) {

package/dist/types/components/ag-grid/context-provider.d.ts

@@ -21,6 +21,7 @@ interface MyProviderProps {
         sortOptions: any[];
         filterConditions: FilterCondition[];
         clearFilters: Boolean;
+        onFiltersCleared?: () => void;
         setGridData: (GridData: any) => void;
         gridApi: any;
         updateColumnsForGrid: (columns: ColumnDef) => void;

package/dist/types/components/types/type.d.ts

@@ -279,6 +279,7 @@ export interface ListBoxDropdownTypes {
 export interface DatePickerTypes {
     value: any;
     maxDate?: any;
+    minDate?: any;
     showIcon?: any;
     clear?: string;
     iconPos?: string;
@@ -294,6 +295,14 @@ export interface DatePickerTypes {
     touchUI?: any;
     todayButtonClassName?: any;
     showButtonBar?: any;
+    monthNavigator?: boolean;
+    yearNavigator?: boolean;
+    yearRange?: string;
+    viewDate?: any;
+    readOnlyInput?: boolean;
+    inline?: boolean;
+    disabled?: boolean;
+    [key: string]: any;
 }
 export interface ScMultiSelectTypes {
     optionLabel: string;

package/package.json

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