v23.1.41 is released

Author: pipeline

controls/base/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 ## [Unreleased]
 
+## 23.1.41 (2023-10-17)
+
+### Common
+
+#### Bug Fixes
+
+- The issue with the "Tooltip component displays empty string when setting content as '${}'" has been resolved.
+- `#I495294` - The issue with content sanitization in the tooltip component has been resolved
+- `#I504425` - Issue with date parser designator conversion has been fixed.
+- `#I503487` - The issue with the "action failure event argument is not displayed with full error details" has been resolved.
+
 ## 23.1.38 (2023-09-26)
 
 ### Common

controls/base/releasenotes/README.md

@@ -701,6 +701,30 @@ describe('DateParser', () => {
             );
             expect(ret.timeZone).toBe(-330)
         });
+        it('The "PM" designator is converted to "pm" for en-GB to match parse option', () => {
+            let ret: any = (DateParser as any).internalDateParse(
+                '27/05/2017 11:00 PM',
+                {
+                    culture:"en-GB",
+                    designator: { am: 'am', pm: 'pm'},
+                    evalposition: {
+                        day: { isNumber: true, pos: 1 },
+                        designator: { pos: 11 },
+                        hour: { isNumber: true, pos: 7 },
+                        minute: { isNumber: true, pos: 9 },
+                        month: { isNumber: true, pos: 3 },
+                        year: { isNumber: true, pos: 5 },
+                    },
+                    hour12: true,
+                    isIslamic: false,
+                    pattern: "dd/MM/y hh:mm a",
+                    // tslint:disable-next-line:max-line-length
+                    parserRegex: /^([0-9][0-9])([\D])([0-9][0-9])([\D])([0-9]{1,})([\D])([0-9][0-9])([\D])([0-9][0-9])([\D])(am|pm)$/i,
+                },
+                { "numericPair": { "0": 0, "1": 1, "2": 2, "3": 3, "4": 4, "5": 5, "6": 6, "7": 7, "8": 8, "9": 9 }, "numberParseRegex": /0|1|2|3|4|5|6|7|8|9/g, "numericRegex": "[0-9]" }
+            );
+            expect(ret.designator).toBe('pm');
+        });
         it('internalDateParser timzone processing hour only', () => {
             let ret: any = (DateParser as any).internalDateParse(
                 "November 4, 2016 at 2:30:22 PM GMT+5",

controls/base/spec/intl/date-parser.spec.ts

@@ -135,7 +135,7 @@ export class Fetch {
             return this.fetchResponse.then((response: Response) => {
                 this.triggerEvent(this['onLoad'], response);
                 if (!response.ok) {
-                    throw new Error(response.statusText);
+                    throw response;
                 }
                 let responseType: string = 'text';
                 for (const key of Object.keys(contentTypes)) {

controls/base/src/fetch.ts

@@ -369,6 +369,7 @@ export class DateParser {
                         // eslint-disable-next-line
                         matchString = ((prop === 'month') && (!(<any>parseOptions).isIslamic) && ((<any>parseOptions).culture === 'en' || (<any>parseOptions).culture === 'en-GB' || (<any>parseOptions).culture === 'en-US')) 
                             ? matchString[0].toUpperCase() + matchString.substring(1).toLowerCase() : matchString;
+                        matchString = ((prop !== 'month') && (prop === 'designator') && (<any>parseOptions).culture === 'en-GB') ? matchString.toLowerCase() : matchString;    
                         // eslint-disable-next-line
                         (<any>retOptions)[prop] = (<any>parseOptions)[prop][matchString];
                     }

controls/base/src/intl/date-parser.ts

@@ -223,7 +223,7 @@ function evalExp(str: string, nameSpace: string, helper?: Object, ignorePrefix?:
                     // evaluate normal expression
                     cnt = cnt !== '' ? '"+' + addNameSpace(
                         cnt.replace(/,/gi, '+' + nameSpace + '.'),
-                        (localKeys.indexOf(cnt) === -1), nameSpace, localKeys, ignorePrefix) + '+"' : ' ';
+                        (localKeys.indexOf(cnt) === -1), nameSpace, localKeys, ignorePrefix) + '+"' : '${}';
                 }
             }
             return cnt;

controls/base/src/template.ts

@@ -92,6 +92,12 @@
       @if($skin-name == 'bootstrap5') {
         border-bottom-color: $border-light;
       }
+
+      table th[rowspan = '1'] {
+        padding-bottom: 0;
+        padding-top: 0;
+        vertical-align: middle;
+      }
     }
 
     .e-gtot {
@@ -337,11 +343,6 @@
       @if($skin-name == 'tailwind') or ($skin-name == 'tailwind-dark') {
         text-transform: none;
       }
-
-      @if($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') or ($skin-name == 'tailwind') or ($skin-name == 'Material3') {
-        padding-top: 0px !important;
-        padding-bottom: 0px !important;
-      }
     }
 
     .sf-grid .e-spinner-pane {

controls/base/themestudio/styles/pivotview/pivotview/_theme.scss

@@ -2,6 +2,20 @@
 
 ## [Unreleased]
 
+## 23.1.41 (2023-10-17)
+
+### DateRangePicker
+
+#### Bug Fixes
+
+- `#I506617` - Fixed issue where the previous and next icons were displaying incorrectly in the Fluent Theme.
+
+### DateTimePicker
+
+#### Bug Fixes
+
+- `#I504425` - Fixed an issue where typing "pm" and then focusing out would convert the "pm" extension to "am". This issue has been resolved.
+
 ## 19.3.46 (2021-10-19)
 
 ### TimePicker

controls/calendars/CHANGELOG.md

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-calendars",
-	"version": "23.1.38",
+	"version": "23.1.40",
 	"description": "A complete package of date or time components with built-in features such as date formatting, inline editing, multiple (range) selection, range restriction, month and year selection, strict mode, and globalization.",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

controls/calendars/package.json

@@ -303,3 +303,20 @@ $modal-range-header-text-color: $content-bg-color !default;
 $modal-range-tablet-font-size: 18px !default;
 
 $range-header-font-size: 16px !default;
+
+.e-daterangepicker.e-popup .e-calendar .e-header .e-title {
+  width: 65%;
+}
+
+.e-daterangepicker.e-popup.e-small .e-calendar .e-header .e-title {
+  width: 61%;
+}
+
+.e-daterangepicker.e-popup.e-bigger .e-calendar .e-header .e-title,
+.e-daterangepicker.e-popup.e-device .e-calendar .e-header .e-title {
+  width: 72%;
+}
+
+.e-daterangepicker.e-popup.e-bigger.e-small .e-calendar .e-header .e-title {
+  width: 70%;
+}

controls/calendars/styles/daterangepicker/_fluent-definition.scss

@@ -111,8 +111,8 @@
           #{if(&, '&', '*')} .e-title {
             cursor: $range-cursor-pointer-style;
             line-height: $range-normal-nav-icon-height;
-            width: $range-control-header-width;
             @if ($skin-name != 'FluentUI') {
+              width: $range-control-header-width;
               float: $range-float-none;
               font-weight: $range-font-weight-normal;
               margin-left: $range-value-zero;
@@ -126,12 +126,13 @@
             }
           }
           #{if(&, '&', '*')} .e-next {
-            float: $range-float-right;
+            @if ($skin-name != 'FluentUI') {
+              float: $range-float-right;
+            }
           }
           #{if(&, '&', '*')} .e-prev {
-            float: $range-float-left;
-            @if ($skin-name == 'FluentUI') {
-              float: $range-float-right;
+            @if ($skin-name != 'FluentUI') {
+              float: $range-float-left;
             }
           }
           #{if(&, '&', '*')} .e-next,
@@ -275,7 +276,9 @@
             float: $range-float-left;
           }
           #{if(&, '&', '*')} .e-prev {
-            float: $range-float-right;
+            @if ($skin-name != 'FluentUI') {
+              float: $range-float-right;
+            }
           }
           #{if(&, '&', '*')} .e-start-date.e-selected.e-range-hover {
             border-radius: $range-hover-end-radius;

controls/calendars/styles/daterangepicker/_layout.scss

@@ -303,3 +303,20 @@ $modal-range-header-text-color: $content-bg-color !default;
 $modal-range-tablet-font-size: 18px !default;
 
 $range-header-font-size: 16px !default;
+
+.e-daterangepicker.e-popup .e-calendar .e-header .e-title {
+  width: 65%;
+}
+
+.e-daterangepicker.e-popup.e-small .e-calendar .e-header .e-title {
+  width: 61%;
+}
+
+.e-daterangepicker.e-popup.e-bigger .e-calendar .e-header .e-title,
+.e-daterangepicker.e-popup.e-device .e-calendar .e-header .e-title {
+  width: 72%;
+}
+
+.e-daterangepicker.e-popup.e-bigger.e-small .e-calendar .e-header .e-title {
+  width: 70%;
+}