Fixed date validation (#286)

* Fixed date validation

* version updated

Author: Bhavya-egov

react/css/example/index.css

@@ -10,7 +10,7 @@
     "build": "webpack --mode production"
   },
   "dependencies": {
-    "@egovernments/digit-ui-components": "0.2.0-beta.37",
+    "@egovernments/digit-ui-components": "0.2.0-beta.38",
     "@egovernments/digit-ui-libraries": "1.8.10",
     "@egovernments/digit-ui-module-common": "1.7.10",
     "@egovernments/digit-ui-module-core": "1.8.14",

react/example/package.json

@@ -19,7 +19,7 @@
     },
     "dependencies": {
         "@egovernments/digit-ui-react-components": "1.8.14",
-        "@egovernments/digit-ui-components": "0.2.0-beta.37",
+        "@egovernments/digit-ui-components": "0.2.0-beta.38",
         "lodash": "^4.17.21",
         "react": "17.0.2",
         "react-date-range": "^1.4.0",

react/modules/Project/package.json

@@ -14,7 +14,7 @@
     "prepublish": "yarn build"
   },
   "dependencies": {
-    "@egovernments/digit-ui-components": "0.2.0-beta.37",
+    "@egovernments/digit-ui-components": "0.2.0-beta.38",
     "@egovernments/digit-ui-react-components": "1.8.14",
     "react": "17.0.2",
     "react-dom": "17.0.2",

react/modules/core/package.json

@@ -18,7 +18,7 @@
     "react-router-dom": "5.3.0"
   },
   "dependencies": {
-    "@egovernments/digit-ui-components": "0.2.0-beta.35",
+    "@egovernments/digit-ui-components": "0.2.0-beta.38",
     "@egovernments/digit-ui-react-components": "1.8.14",
     "react": "17.0.2",
     "react-date-range": "^1.4.0",

react/modules/sample/package.json

@@ -250,7 +250,25 @@ export const newConfig = [
         description: "",
         type: "date",
         disable: false,
-        populators: { newDateFormat : true,name: "date-Default", error: "Error!" },
+        populators: {
+          newDateFormat: true,
+          name: "date-Default",
+          error: "Error!",
+          min: "2025-06-01", 
+          max: "2025-07-30",
+        },
+      },
+      {
+        inline: true,
+        label: "Default",
+        isMandatory: false,
+        description: "",
+        type: "date",
+        disable: false,
+        populators: {
+          name: "date-Default",
+          error: "Error!"
+        },
       },
       {
         inline: true,
@@ -2078,8 +2096,8 @@ export const newConfig = [
           optionsKey: "name",
           error: "Error!",
           required: false,
-          addSelectAllCheck:true,
-          isSearchable:true,
+          addSelectAllCheck: true,
+          isSearchable: true,
           isDropdownWithChip: true,
           options: [
             {
@@ -2134,8 +2152,8 @@ export const newConfig = [
         populators: {
           name: "multiselectdropdown-With Icons",
           optionsKey: "name",
-          addSelectAllCheck:true,
-          isSearchable:true,
+          addSelectAllCheck: true,
+          isSearchable: true,
           error: "Error!",
           required: false,
           isDropdownWithChip: true,
@@ -2174,9 +2192,9 @@ export const newConfig = [
         populators: {
           name: "nestedmultiselect-Default",
           optionsKey: "name",
-          addSelectAllCheck:true,
-          addCategorySelectAllCheck:true,
-          isSearchable:true,
+          addSelectAllCheck: true,
+          addCategorySelectAllCheck: true,
+          isSearchable: true,
           error: "Error!",
           required: false,
           isDropdownWithChip: true,
@@ -2249,9 +2267,9 @@ export const newConfig = [
           optionsKey: "name",
           error: "Error!",
           required: false,
-          addSelectAllCheck:true,
-          addCategorySelectAllCheck:true,
-          isSearchable:true,
+          addSelectAllCheck: true,
+          addCategorySelectAllCheck: true,
+          isSearchable: true,
           isDropdownWithChip: true,
           showIcon: true,
           options: [
@@ -2317,7 +2335,7 @@ export const newConfig = [
           optionsKey: "name",
           error: "Error!",
           required: false,
-          isSearchable:true,
+          isSearchable: true,
           isDropdownWithChip: true,
           options: [
             {

react/modules/sample/src/configs/SampleConfig.js

@@ -81,7 +81,7 @@
   "dependencies": {
     "@babel/plugin-syntax-jsx": "^7.24.1",
     "@babel/preset-react": "^7.24.1",
-    "@egovernments/digit-ui-components": "0.2.0-beta.37",
+    "@egovernments/digit-ui-components": "0.2.0-beta.38",
     "@egovernments/digit-ui-react-components": "1.8.14",
     "babel-loader": "8.1.0",
     "clean-webpack-plugin": "4.0.0",

react/package.json

@@ -4,6 +4,10 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+### [0.2.0-beta.38] - 2025-06-19
+## Enhancements
+- Added min and max validation for date
+
 ### [0.2.0-beta.37] - 2025-06-18
 ## Enhancements
 - Removed few logs & errors

react/ui-components/CHANGELOG.md

@@ -1,6 +1,6 @@
 {
   "name": "@egovernments/digit-ui-components",
-  "version": "0.2.0-beta.37",
+  "version": "0.2.0-beta.38",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.modern.js",

react/ui-components/package.json

@@ -200,7 +200,7 @@ const TextInput = (props) => {
             return null;
           }
         } catch (error) {
-            console.warn(`Icon not found, ${props?.populators?.customIcon}`);
+          console.warn(`Icon not found, ${props?.populators?.customIcon}`);
           return null;
         }
       }
@@ -273,16 +273,24 @@ const TextInput = (props) => {
                 popperPlacement="bottom-start"
                 calendarStartDay={1}
                 onClickOutside={() => datePickerRef.current?.setOpen(false)}
-                minDate={props.min}
-                maxDate={props.max}
+                minDate={
+                  props?.populators?.min
+                    ? new Date(props?.populators?.min)
+                    : undefined
+                }
+                maxDate={
+                  props?.populators?.max
+                    ? new Date(props?.populators?.max)
+                    : undefined
+                }
               />
               <div
                 className={`digit-new-date-format ${
                   props.disabled ? "disabled" : ""
                 }`}
                 onClick={() => datePickerRef.current?.setOpen(true)}
               >
-                <SVG.CalendarToday />
+                <SVG.CalendarToday fill={"#c84c0e"}/>
               </div>
             </div>