Rename comment section wrappers and update datepicker initialization for improved clarity

modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/Comments/Approve/Index.cshtml

@@ -35,7 +35,7 @@
 
 <abp-card class="mb-4">
     <abp-card-body>
-        <div id="CmsKitCommentsWrapper">
+        <div id="CmsKitCommentsApproveWrapper">
             <form id="CmsKitCommentsFilterForm" method="post">
                 <abp-row class="align-items-end">
                     <abp-column size-lg="_4" size-md="_12">

modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/Comments/Approve/index.js

@@ -14,7 +14,8 @@
         return momentDate.isValid() ? momentDate.toISOString() : null;
     };
 
-    $('.singledatepicker').daterangepicker({
+    var singleDatePicker = $('#CmsKitCommentsApproveWrapper .singledatepicker');
+    singleDatePicker.daterangepicker({
         "singleDatePicker": true,
         "showDropdowns": true,
         "autoUpdateInput": false,
@@ -23,9 +24,9 @@
         "drops": "auto"
     });
 
-    $('.singledatepicker').attr('autocomplete', 'off');
+    singleDatePicker.attr('autocomplete', 'off');
 
-    $('.singledatepicker').on('apply.daterangepicker', function (ev, picker) {
+    singleDatePicker.on('apply.daterangepicker', function (ev, picker) {
         $(this).val(picker.startDate.format('l'));
     });
 

modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/Comments/Details.cshtml

@@ -33,7 +33,7 @@
     </abp-script-bundle>
 }
 
-<div id="CmsKitCommentsWrapper">
+<div id="CmsKitCommentsDetailsWrapper">
 
     <abp-card>
         <abp-card-body>

modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/Comments/details.js

@@ -16,7 +16,8 @@ $(function (){
 	moment.localeData().preparse = (s)=>s;
     moment.localeData().postformat = (s)=>s;
 	
-    $('.singledatepicker').daterangepicker({
+    var singleDatePicker = $('#CmsKitCommentsDetailsWrapper .singledatepicker');
+    singleDatePicker.daterangepicker({
         "singleDatePicker": true,
         "showDropdowns": true,
         "autoUpdateInput": false,
@@ -27,9 +28,9 @@ $(function (){
         "maxYear": 2199,
     });
 
-    $('.singledatepicker').attr('autocomplete', 'off');
+    singleDatePicker.attr('autocomplete', 'off');
 
-    $('.singledatepicker').on('apply.daterangepicker', function (ev, picker) {
+    singleDatePicker.on('apply.daterangepicker', function (ev, picker) {
         $(this).val(picker.startDate.format('l'));
         $(this).data('date', picker.startDate.locale('en').format('YYYY-MM-DD'));
     });

modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/Comments/index.js

@@ -21,7 +21,8 @@ $(function () {
         return momentDate.isValid() ? momentDate.toISOString() : null;
     };
 
-    $('.singledatepicker').daterangepicker({
+    var singleDatePicker = $('#CmsKitCommentsWrapper .singledatepicker');
+    singleDatePicker.daterangepicker({
         "singleDatePicker": true,
         "showDropdowns": true,
         "autoUpdateInput": false,
@@ -30,9 +31,9 @@ $(function () {
         "drops": "auto"
     });
 
-    $('.singledatepicker').attr('autocomplete', 'off');
+    singleDatePicker.attr('autocomplete', 'off');
 
-    $('.singledatepicker').on('apply.daterangepicker', function (ev, picker) {
+    singleDatePicker.on('apply.daterangepicker', function (ev, picker) {
         $(this).val(picker.startDate.format('l'));
     });
 

modules/docs/src/Volo.Docs.Admin.Web/Pages/Docs/Admin/Documents/index.js

@@ -9,7 +9,8 @@ $(function () {
 	moment.localeData().preparse = (s)=>s;
     moment.localeData().postformat = (s)=>s;
 	
-    $('.singledatepicker').daterangepicker({
+    var singleDatePicker = $('#DocumentsContainer .singledatepicker');
+    singleDatePicker.daterangepicker({
         "singleDatePicker": true,
         "showDropdowns": true,
         "autoUpdateInput": false,
@@ -20,9 +21,9 @@ $(function () {
         "maxYear": 2199,
     });
 
-    $('.singledatepicker').attr('autocomplete', 'off');
+    singleDatePicker.attr('autocomplete', 'off');
 
-    $('.singledatepicker').on('apply.daterangepicker', function (ev, picker) {
+    singleDatePicker.on('apply.daterangepicker', function (ev, picker) {
         $(this).val(picker.startDate.format('l'));
         $(this).data('date', picker.startDate.locale('en').format('YYYY-MM-DD'));
     });