رفع خطا در inLine mode

Author: Mds92

.vscode/settings.json

@@ -63,6 +63,7 @@
     "انتخابی",
     "انجام",
     "انصراف",
+    "اولین",
     "اینستنس",
     "بادی",
     "بازه",
@@ -121,6 +122,7 @@
     "ساعت",
     "سلکتور",
     "شروع",
+    "شماره",
     "شمسی",
     "شناسه",
     "شنبه",

dist/mds.bs.datetimepicker.js

@@ -1,20 +1,20 @@
 {
   "name": "md.bootstrappersiandatetimepicker",
-  "version": "4.3.0",
+  "version": "4.4.0",
   "description": "Persian Date Time Picker with Bootstrap 5+",
   "license": "MIT",
   "moduleResolution": "node",
   "scripts": {
     "compile": "tsc",
-    "webpack": "webpack",
+    "webpack": "rimraf dist && webpack",
     "webpackserver": "webpack serve --mode development --env development",
     "dev": "start npm run webpack && start npm run webpackserver",
     "start": "npx http-server"
   },
   "author": {
     "name": "Mohammad Dayyan",
     "email": "mds_soft@yahoo.com",
-    "social": "@mdssoft",
+    "social": "@mds1401",
     "url": "https://github.com/Mds92/MD.BootstrapPersianDateTimePicker"
   },
   "repository": {
@@ -31,10 +31,10 @@
     "css-loader": "^7.1.2",
     "css-minimizer-webpack-plugin": "^7.0.2",
     "expose-loader": "^5.0.1",
-    "extract-text-webpack-plugin": "^3.0.2",
     "jshint": "^2.13.6",
     "jshint-loader": "^0.8.4",
     "mini-css-extract-plugin": "^2.9.2",
+    "rimraf": "^6.0.1",
     "style-loader": "^4.0.0",
     "ts-loader": "^9.5.2",
     "typescript": "^5.8.2",

dist/mds.bs.datetimepicker.js.map

@@ -424,11 +424,13 @@ data-bs-toggle="dropdown" aria-expanded="false">
 
   // #region Properties
 
-  guid: string = '';
-  setting: MdsPersianDateTimePickerSetting;
+  readonly guid: string = '';
+  readonly setting: MdsPersianDateTimePickerSetting;
+
+  private readonly element: Element;
+
   private bsPopover: Popover | null = null;
   private bsModal: Modal | null = null;
-  private element: Element;
   private tempTitleString = '';
 
   // #endregion
@@ -439,9 +441,12 @@ data-bs-toggle="dropdown" aria-expanded="false">
 
     // Validation
 
-    if (setting.rangeSelector && (setting.toDate || setting.fromDate)) throw new Error(`MdsPersianDateTimePicker => You can not set true 'toDate' or 'fromDate' and 'rangeSelector' together`);
-    if (setting.toDate && setting.fromDate) throw new Error(`MdsPersianDateTimePicker => You can not set true 'toDate' and 'fromDate' together`);
-    if (!setting.groupId && (setting.toDate || setting.fromDate)) throw new Error(`MdsPersianDateTimePicker => When you set 'toDate' or 'fromDate' true, you have to set 'groupId'`);
+    if (setting.rangeSelector && (setting.toDate || setting.fromDate))
+      throw new Error(`MdsPersianDateTimePicker => You can not set true 'toDate' or 'fromDate' and 'rangeSelector' together`);
+    if (setting.toDate && setting.fromDate)
+      throw new Error(`MdsPersianDateTimePicker => You can not set true 'toDate' and 'fromDate' together`);
+    if (!setting.groupId && (setting.toDate || setting.fromDate))
+      throw new Error(`MdsPersianDateTimePicker => When you set 'toDate' or 'fromDate' true, you have to set 'groupId'`);
 
     // ---------------------
 
@@ -741,9 +746,6 @@ data-bs-toggle="dropdown" aria-expanded="false">
   private static convertToNumber3(dateTime: Date): number {
     return MdsPersianDateTimePicker.convertToNumber1(MdsPersianDateTimePicker.getDateTimeJson1(dateTime));
   }
-  // private static convertToNumber4(dateTime: Date): number {
-  //   return Number(MdsPersianDateTimePicker.zeroPad(dateTime.getFullYear()) + MdsPersianDateTimePicker.zeroPad(dateTime.getMonth()) + MdsPersianDateTimePicker.zeroPad(dateTime.getDate()));
-  // }
   private static correctOptionValue(optionName: string, value: any): any {
     const setting = new MdsPersianDateTimePickerSetting();
     Object.keys(setting).filter(key => key === optionName).forEach(key => {
@@ -1775,7 +1777,7 @@ data-bs-toggle="dropdown" aria-expanded="false">
       if (setting.modalMode)
         containerElement = containerElement.querySelector('[data-name="mds-dtp-body"]');
     }
-    if (containerElement == null) {
+    if (!containerElement) {
       console.error("mds.bs.datetimepicker: `data-mds-dtp-guid` element not found!")
       return;
     }
@@ -1787,10 +1789,8 @@ data-bs-toggle="dropdown" aria-expanded="false">
   }
   private changeMonth = (element: Element): void => {
     const instance = MdsPersianDateTimePicker.getInstance(element);
-    if (!instance) {
+    if (!instance || instance.setting.disabled)
       return;
-    }
-    if (instance.setting.disabled) return;
     const dateNumber = Number(element.getAttribute('data-number'));
     const setting = instance.setting;
     let selectedDateToShow = MdsPersianDateTimePicker.getClonedDate(setting.selectedDateToShow);
@@ -1890,34 +1890,35 @@ data-bs-toggle="dropdown" aria-expanded="false">
       const toDateElement = document.querySelector(`[data-mds-dtp-group="${setting.groupId}"][data-to-date]`);
       const fromDateElement = document.querySelector(`[data-mds-dtp-group="${setting.groupId}"][data-from-date]`);
       if (setting.fromDate && toDateElement != undefined) {
-        const instance = MdsPersianDateTimePicker.getInstance(toDateElement);
-        if (instance != null) {
+        const toDateInstance = MdsPersianDateTimePicker.getInstance(toDateElement);
+        if (toDateInstance != null) {
           if (setting.inLine)
-            this.updateCalendarBodyHtml(toDateElement, instance.setting);
+            this.updateCalendarBodyHtml(toDateElement, toDateInstance.setting);
           else
-            instance.initializeBsPopover(instance.setting);
+            toDateInstance.initializeBsPopover(toDateInstance.setting);
         }
       } else if (setting.toDate && fromDateElement != undefined) {
-        const instance = MdsPersianDateTimePicker.getInstance(fromDateElement);
-        if (instance != null) {
+        const fromDateInstance = MdsPersianDateTimePicker.getInstance(fromDateElement);
+        if (fromDateInstance != null) {
           if (setting.inLine)
-            this.updateCalendarBodyHtml(fromDateElement, instance.setting);
+            this.updateCalendarBodyHtml(fromDateElement, fromDateInstance.setting);
           else
-            instance.initializeBsPopover(instance.setting);
+            fromDateInstance.initializeBsPopover(fromDateInstance.setting);
         }
       } else
         this.updateCalendarBodyHtml(element, setting);
-    } else {
+    } else
       this.updateCalendarBodyHtml(element, setting, true);
-    }
     if (setting.onDayClick != undefined)
       setting.onDayClick(setting);
     if (!setting.inLine) {
       instance.hide();
     } else {
       // حذف روزهای انتخاب شده در تقویم این لاین
-      element.closest(`[data-mds-dtp-guid="${this.guid}"]`)!
-        .querySelectorAll('[data-day]')
+      let dtp = element.closest(`[data-mds-dtp-guid="${this.guid}"]`);
+      if (!dtp)
+        dtp = document.querySelector(`[data-mds-dtp-guid="${this.guid}"]`);
+      dtp!.querySelectorAll(`[data-day]:not([data-number="${element.getAttribute('data-number')}"])`)
         .forEach(e => e.removeAttribute('data-mds-dtp-selected-day'));
     }
   }
@@ -1977,7 +1978,8 @@ data-bs-toggle="dropdown" aria-expanded="false">
   private goToday = (e: Event): void => {
     const element = <Element>e.target;
     const instance = MdsPersianDateTimePicker.getInstance(element);
-    if (!instance) return;
+    if (!instance)
+      return;
     const setting = instance.setting;
     setting.selectedDateToShow = new Date();
     MdsPersianDateTimePickerData.set(instance.guid, instance);
@@ -2089,7 +2091,8 @@ data-bs-toggle="dropdown" aria-expanded="false">
     MdsPersianDateTimePickerData.getAll().forEach(i => i.hide());
     const element = <Element>e.target;
     const instance = MdsPersianDateTimePicker.getInstance(element);
-    if (instance == null || instance.setting.disabled) return;
+    if (!instance || instance.setting.disabled)
+      return;
     instance.show();
   }
   private hidePopoverEvent = (e: Event): void => {

dist/mds.bs.datetimepicker.style.css

@@ -34,9 +34,9 @@ module.exports = {
     }, {
       test: /.s?css$/,
       use: [{
-          loader: MiniCssExtractPlugin.loader,
-          options: {}
-        },
+        loader: MiniCssExtractPlugin.loader,
+        options: {}
+      },
         'css-loader'
       ],
     }],
@@ -81,9 +81,9 @@ module.exports = {
       banner: `
 Bootstrap 5+ Persian Date Time Picker
 https://github.com/Mds92/MD.BootstrapPersianDateTimePicker
-version : 4.2.6
-Written By Mohammad Dayyan, Mordad 1397 - 1402
-mds.soft@gmail.com - @mdssoft
+version : 4.4.0
+Written By Mohammad Dayyan, Mordad 1397 - 1404
+mds_soft@yahoo.com - @mds1401
       `
     })
   ]