add date to accaptable type form min & max

Author: javadbat

CHANGELOG.md

@@ -1,4 +1,7 @@
 #changelog
+## [2.4.0] - 2023-11-12
+### new features
+- add Date to valid type for min & max date restriction input
 ## [2.3.0] - 2023-11-12
 ### new features
 - add placeholder support when input is empty

README.md

@@ -79,7 +79,7 @@ we have 3 value type:
 
 ## min and max date limit
 
-you can set minimum date and maximum date range for your app 
+you can set minimum date and maximum date range for your app in string or Date type
 
 ```jsx
  <JBDateInput label="تاریخ شروع " value="2020-08-10T08:51:23.176Z" min="2020-08-05T08:51:23.176Z" max="2020-08-15T08:51:23.176Z">

lib/JBDateInput.tsx

@@ -33,8 +33,8 @@ export type JBDateInputProps = {
     label?: string,
     style?:string,
     name?:string,
-    min?: string | null | undefined,
-    max?: string | null | undefined,
+    min?: string | null | undefined | Date,
+    max?: string | null | undefined | Date,
     format?: string,
     className?:string,
     onKeyup?: (e:JBDateInputEventType<KeyboardEvent>)=>void,
@@ -100,10 +100,10 @@ export const JBDateInput = React.forwardRef((props: JBDateInputProps, ref) => {
         if (props.max) {
             if (props.format && props.format !== element.current?.valueFormat) {
                 onFormatChangeCallBackQueueRef.current.push(() => {
-                    if(props.max){element.current?.setAttribute('max', props.max);}
+                    if(props.max){element.current?.setMaxDate(props.max);}
                 });
             } else {
-                element.current?.setAttribute('max', props.max);
+                element.current?.setMaxDate(props.max);
             }
         }
 
@@ -112,10 +112,10 @@ export const JBDateInput = React.forwardRef((props: JBDateInputProps, ref) => {
         if (props.min) {
             if (props.format && props.format !== element.current?.valueFormat) {
                 onFormatChangeCallBackQueueRef.current.push(() => {
-                    props.min && element.current?.setAttribute('min', props.min);
+                    props.min && element.current?.setMinDate(props.min);
                 });
             } else {
-                element.current?.setAttribute('min', props.min);
+                element.current?.setMinDate(props.min);
             }
         }
     }, [props.min]);

package.json

@@ -18,7 +18,7 @@
     "react component",
     "react"
   ],
-  "version": "2.3.1",
+  "version": "2.4.0",
   "bugs": "https://github.com/javadbat/jb-date-input-react/issues",
   "license": "MIT",
   "files": [
@@ -36,6 +36,6 @@
     "url": "https://github.com/javadbat/jb-date-input-react"
   },
   "dependencies": {
-    "jb-date-input": ">=3.10.0"
+    "jb-date-input": ">=3.11.0"
   }
 }