update

Add selectedDateToShow option

Author: Mds92

README.md

@@ -53,7 +53,8 @@ Name | Values | Description | Sample
 **isGregorian** | [false], true | Is calendar Gregorian 
 **inLine** | [false], true | Is date time picker in line 
 **modalMode** | [false], true | Open in modal mode, suitable for smart phones
-**selectedDate** | [undefined], new Date() | Selected date as JavaScript Date object | new Date('2018/9/30')
+**selectedDate** | [undefined], Date | Selected date as JavaScript Date object | new Date('2018/9/30')
+**selectedDateToShow** | [new Date()], Date | Selected date to show as JavaScript Date object | new Date('2018/9/30')
 **selectedRangeDate** | Array: Date[] | Selected range date as JavaScript Date object | [new Date('2020/8/5'), new Date('2020/8/15')]
 **monthsToShow** | Numeric array with 2 items, [0 ,0] | To show, number of month before and after selected date in date time picker, first item is for before month, second item is for after month | [1, 1]
 **yearOffset** | Number | Number of years to select in year selector | 30

demo/SamplesToDebug.html

@@ -30,14 +30,14 @@ <h2>Simple</h2>
           <div class="input-group-prepend">
             <span class="input-group-text cursor-pointer" id="dt_class">Icon</span>
           </div>
-          <input type="text" id="inputDate3" class="form-control" value="2019-09-22">
+          <input type="text" id="inputDate3" class="form-control">
         </div>
         <label id="showDate_class"> </label>
       </div>
     </div>
   </div>
 
-  <script src="../src/jquery.md.bootstrap.datetimepicker.js" type="text/javascript"></script>
+  <script src="../dist/jquery.md.bootstrap.datetimepicker.js" type="text/javascript"></script>
 
   <script type="text/javascript">
       $("#dt_class").MdPersianDateTimePicker({
@@ -47,6 +47,7 @@ <h2>Simple</h2>
         isGregorian: false,
         modalMode: false,
         englishNumber: false,
+        selectedDateToShow: new Date(2020, 10, 01),
         calendarViewOnChange: function(param1){
           console.log(param1);
         }

dist/jquery.md.bootstrap.datetimepicker.js

@@ -1,6 +1,6 @@
 {
   "name": "md.bootstrappersiandatetimepicker",
-  "version": "3.9.2",
+  "version": "3.10.0",
   "description": "Persian Date Time Picker with jQuery 3+ & Bootstrap 4+",
   "license": "MIT",
   "moduleResolution": "node",
@@ -17,24 +17,22 @@
   "homepage": "https://github.com/Mds92/MD.BootstrapPersianDateTimePicker",
   "dependencies": {
     "@popperjs/core": "^2.4.4",
-    "bootstrap": "^4.5.2",
-    "jquery": "^3.4.1",
-    "npm": "^6.14.8"
+    "bootstrap": "^4.5.3",
+    "jquery": "^3.5.1"
   },
   "devDependencies": {
-    "@types/jquery": "^3.5.1",
-    "css-loader": "^1.0.1",
-    "extract-text-webpack-plugin": "^4.0.0-beta.0",
+    "@types/jquery": "^3.5.5",
+    "css-loader": "^5.0.1",
+    "extract-text-webpack-plugin": "^3.0.2",
     "jshint": "^2.12.0",
     "jshint-loader": "^0.8.4",
-    "mini-css-extract-plugin": "^0.4.5",
-    "style-loader": "^0.23.1",
-    "uglifyjs-webpack-plugin": "^1.3.0",
-    "webpack": "^4.44.1",
-    "webpack-cli": "^3.3.12",
-    "webpack-dev-server": "^3.11.0",
-    "webpack-fix-style-only-entries": "0.0.4",
-    "webpack-merge": "^4.2.2"
+    "mini-css-extract-plugin": "^1.3.3",
+    "style-loader": "^2.0.0",
+    "webpack": "^5.12.2",
+    "webpack-cli": "^4.3.1",
+    "webpack-dev-server": "^3.11.1",
+    "webpack-fix-style-only-entries": "^0.6.0",
+    "webpack-merge": "^5.7.3"
   },
   "scripts": {
     "compile": "tsc",

dist/jquery.md.bootstrap.datetimepicker.js.map

@@ -1,6 +1,6 @@
 /*
  * Bootstrap 4+ Persian Date Time Picker jQuery Plugin
- * version : 3.9.2
+ * version : 3.10.0
  * https://github.com/Mds92/MD.BootstrapPersianDateTimePicker
  *
  *
@@ -10,8 +10,6 @@
  * My weblog: mds-soft.persianblog.ir
  */
 
-
-
 (function ($) {
 
   // #region jalali calendar
@@ -2068,7 +2066,7 @@
             hideOthers($this);
             showPopover($this);
             setTimeout(function () {
-              setting.selectedDateToShow = setting.selectedDate != undefined ? getClonedDate(setting.selectedDate) : new Date();
+              setting.selectedDateToShow = setting.selectedDate != undefined ? getClonedDate(setting.selectedDate) : getClonedDate(setting.selectedDateToShow);
               var calendarHtml = getDateTimePickerHtml(setting);
               setPopoverHeaderHtml($this, setting.inLine, $(calendarHtml).find('[data-selecteddatestring]').text().trim());
               getPopover($this).find('[data-name="mds-datetimepicker-body"]').html(calendarHtml);

dist/jquery.md.bootstrap.datetimepicker.style.css

@@ -1,8 +1,7 @@
 const webpack = require('webpack');
-const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
-const ExtractTextPlugin = require("extract-text-webpack-plugin");
 const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 const FixStyleOnlyEntriesPlugin = require("webpack-fix-style-only-entries");
+const TerserPlugin = require('terser-webpack-plugin');
 
 module.exports = {
   entry: {
@@ -20,13 +19,9 @@ module.exports = {
     watchContentBase: true
   },
   optimization: {
-    minimizer: [
-      new UglifyJsPlugin({
-        test: /\.js$/i,
-        sourceMap: true,
-        parallel: true
-      })
-    ]
+    minimizer: [new TerserPlugin({
+      extractComments: false,
+    })],
   },
   module: {
     rules:
@@ -46,13 +41,6 @@ module.exports = {
               }
             ]
         },
-        // {
-        //   test: /\.css$/,
-        //   use: [
-        //     { loader: "style-loader" },
-        //     { loader: "css-loader" }
-        //   ]
-        // },
         {
           test: /\.css$/,
           use: [
@@ -76,8 +64,8 @@ module.exports = {
       banner: `
 Bootstrap 4+ Persian Date Time Picker jQuery Plugin
 https://github.com/Mds92/MD.BootstrapPersianDateTimePicker
-version : 3.9.2
-Written By Mohammad Dayyan, Mordad 1397 - 1399
+version : 3.10.0
+Written By Mohammad Dayyan, Mordad 1397 - 1400
 mds.soft@gmail.com - @mdssoft
 
       `