add date to accaptable type form min & max

Author: javadbat

CHANGELOG.md

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

README.md

@@ -99,11 +99,24 @@ by setting value type you can tell component what type of value you provideing t
 
 ## 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 date input in 2 way:    
+
+1- by html attribute in string format of your value
 
 ```html
  <jb-date-input label="تاریخ شروع " value="2020-08-10T08:51:23.176Z" min="2020-08-05T08:51:23.176Z" max="2020-08-15T08:51:23.176Z">
  </jb-date-input>
+```
+2- by call `setMinDate` and `setMaxDate` function and providing string or Date format:
+
+```javascript
+const today = new Date();
+document.querySelector('jb-date-input').setMinDate(today)
+const max = new Date('2022-08-15T08:51:23.176Z');
+document.querySelector('jb-date-input').setMaxDate(max);
+// or string
+document.querySelector('jb-date-input').setMinDate('2022-08-15T08:51:23.176Z');
+
 ```
 ## placeholder
 

lib/JBDateInput.ts

@@ -413,34 +413,46 @@ export class JBDateInputWebComponent extends HTMLElement {
             this.#setMaxDate(maxDate);
         }
     }
-    #setMinDate(dateString: string) {
+    setMinDate(minDate: string | Date){
+        this.#setMinDate(minDate);
+    }
+    #setMinDate(dateInput: string | Date) {
         let minDate: Date | null = null;
         //create min date base on input value type
-        minDate = this.#dateFactory.getDateFromValueDateString(dateString);
+        if(typeof dateInput == "string"){
+            minDate = this.#dateFactory.getDateFromValueDateString(dateInput);
+        }else{
+            minDate = dateInput;
+        }
         if (minDate) {
             this.dateRestrictions.min = minDate;
             if (this.elements.calendar.dateRestrictions) {
                 this.elements.calendar.dateRestrictions.min = minDate;
             }
         } else {
-            console.error(`min date ${dateString} is not valid and it will be ignored`, '\n', 'please provide min date in format : ' + this.#dateFactory.valueFormat);
+            console.error(`min date ${dateInput} is not valid and it will be ignored`, '\n', 'please provide min date in format : ' + this.#dateFactory.valueFormat);
         }
 
     }
-    #setMaxDate(dateString: string) {
+    setMaxDate(maxDate: string | Date){
+        this.#setMaxDate(maxDate);
+    }
+    #setMaxDate(dateInput: string | Date) {
         let maxDate: Date | null = null;
         //create max date base on input value type
-        maxDate = this.#dateFactory.getDateFromValueDateString(dateString);
+        if(typeof dateInput == "string"){
+            maxDate = this.#dateFactory.getDateFromValueDateString(dateInput);
+        }else{
+            maxDate = dateInput;
+        }
         if (maxDate) {
             this.dateRestrictions.max = maxDate;
             if (this.elements.calendar.dateRestrictions) {
                 this.elements.calendar.dateRestrictions.max = maxDate;
             }
         } else {
-            console.error(`max date ${dateString} is not valid and it will be ignored`, '\n', 'please provide max date in format : ' + this.#dateFactory.valueFormat);
+            console.error(`max date ${dateInput} is not valid and it will be ignored`, '\n', 'please provide max date in format : ' + this.#dateFactory.valueFormat);
         }
-
-
     }
     inputChar(char: string, pos: number) {
         if(pos==4 || pos==7){

package.json

@@ -28,7 +28,7 @@
     "jalali web-component",
     "jalali web component"
   ],
-  "version": "3.10.0",
+  "version": "3.11.0",
   "bugs": "https://github.com/javadbat/jb-date-input/issues",
   "license": "MIT",
   "files": [