v24.1.43 is released

Author: pipeline

controls/barcodegenerator/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 24.1.41 (2023-12-18)
+## 24.1.43 (2023-12-27)
 
 ### Barcode
 

controls/base/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-base",
-	"version": "18.92.0",
+	"version": "24.1.41",
 	"description": "A common package of Essential JS 2 base libraries, methods and class definitions",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

controls/buttons/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 24.1.41 (2023-12-18)
+## 24.1.43 (2023-12-27)
 
 ### RadioButton
 

controls/calendars/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+## 24.1.43 (2023-12-27)
+
+### DateTimePicker
+
+#### Bug Fixes
+
+- `#I532039` -  Fixed the issue where the focus was not being added when using the tab key to navigate through the dynamically enabled datetimepicker.
+
 ## 19.3.46 (2021-10-19)
 
 ### TimePicker

controls/calendars/src/datetimepicker/datetimepicker.ts

@@ -1957,7 +1957,9 @@ export class DateTimePicker extends DatePicker {
                 break;
             case 'enabled':
                 Input.setEnabled(this.enabled, this.inputElement);
-                if (!this.enabled) {
+                if (this.enabled) {
+                    this.inputElement.setAttribute('tabindex', this.tabIndex);
+                } else {
                     this.inputElement.tabIndex = -1;
                 }
                 break;

controls/calendars/styles/daterangepicker/_layout.scss

@@ -721,11 +721,13 @@
                   height: $modal-range-prev-next-icon-size;
                   width: $modal-range-prev-next-icon-size;
                   @if ($skin-name == 'Material3') {
+                    margin-right: 60vw;
                     vertical-align: inherit;
                     font-size: $modal-range-tablet-font-size
                   }
                   @media screen and (orientation: landscape) {
                     @if ($skin-name == 'Material3') {
+                      margin-right: 78vw;
                       vertical-align: inherit;
                     }
                   }
@@ -740,6 +742,9 @@
                 #{if(&, '&', '*')} .e-next {
                   height: $modal-range-prev-next-icon-size;
                   width: $modal-range-prev-next-icon-size;
+                  @if ($skin-name == 'Material3') {
+                    margin-right: 42px;
+                  }
 
                   #{if(&, '&', '*')} span {
                     padding: $modal-range-prev-next-icon-padding;
@@ -752,17 +757,16 @@
 
                 #{if(&, '&', '*')} .e-title {
                   @media (max-height: 600px) {
-                      @if ($skin-name =='Material3') {
-                        margin-left: $modal-header-month-name-left-landscape-width;
-                        position: absolute;
-                        text-align: center;
-                        vertical-align: middle;
-                        width: $modal-header-month-name-width;
-                        line-height: $modal-month-name-line-height;
-                      }
-                  
-                      line-height: $modal-range-month-landscape-title-line-height;
-                    }
+                    @if ($skin-name == 'Material3') {
+                      margin-left: $modal-header-month-name-left-width;
+                      position: absolute;
+                      text-align: center;
+                      vertical-align: middle;
+                      width: $modal-header-month-name-width;
+                      line-height: $modal-month-name-line-height;
+                  }
+                    line-height: $modal-range-month-landscape-title-line-height;
+                  }
 
                   @media (min-height: 600px) {
                     @if ($skin-name == 'Material3') {

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

@@ -250,8 +250,7 @@ $modal-range-landscape-conetent-overflow: auto !default;
 $modal-range-table-display: table !default;
 $modal-range-start-end-size: 28px !default;
 $modal-month-name-line-height: 44px !default;
-$modal-header-month-name-left-width: -29vw !default;
-$modal-header-month-name-left-landscape-width: -27vw !default;
+$modal-header-month-name-left-width: -25vw !default;
 $modal-header-month-name-width: 50vw !default;
 
 // header styles for presets

controls/charts/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 ## [Unreleased]
 
+## 24.1.43 (2023-12-27)
+
+### Chart
+
+#### Bug Fixes
+
+- `#I527182` - Now, the chart element ID is generated properly.
+- `#I527898` - Now, the `interval` for the DateTimeCategory is working properly.
+- `#I528674` - Now, scroll bar positioned properly.
+- `#I528865` - Resolved the console error related to trendlines when using two sets of data with a polynomial type.
+
 ## 24.1.41 (2023-12-18)
 
 ### Chart

controls/charts/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-charts",
-	"version": "20.20.12",
+	"version": "24.1.41",
 	"description": "Feature-rich chart control with built-in support for over 25 chart types, technical indictors, trendline, zooming, tooltip, selection, crosshair and trackball.",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

controls/charts/spec/range-navigator/axis/dateTimeCategory.spec.ts

@@ -151,7 +151,7 @@ describe('Range navigator', () => {
         it('checked with seconds as label type', (done: Function) => {
             range.loaded = (args: Object): void => {
                 axisLabel = document.getElementById('container_AxisLabels');
-                expect(axisLabel.childNodes[0].lastChild.textContent).toBe('10:12:40 AM');
+                expect(axisLabel.childNodes[0].lastChild.textContent).toBe('10:12:10 AM');
                 done();
             };
             range.series[0].dataSource = [{ x: new Date(2018, 0, 1, 10, 12, 10), y: 23 }, { x: new Date(2018, 0, 1, 10, 12, 20), y: 34 },