@progress/kendo-react-dateinputs 5.14.0 → 5.14.1

package/dist/es/calendar/components/MultiViewCalendar.d.ts

@@ -32,6 +32,10 @@ export interface MultiViewCalendarProps<T = any> extends MultiViewCalendarSettin
     value?: Date | Date[] | SelectionRange | null;
     /** @hidden */
     mobileMode?: boolean;
+    /**
+     * @hidden
+     */
+    dir?: string;
 }
 /**
  * @hidden
@@ -73,6 +77,7 @@ export declare class MultiViewCalendarWithoutContext extends React.Component<Mul
         value: PropTypes.Requireable<any>;
         views: (props: MultiViewCalendarProps, propName: keyof MultiViewCalendarProps<any>, componentName: string) => Error | null;
         weekNumber: PropTypes.Requireable<boolean>;
+        dir: PropTypes.Requireable<string>;
     };
     /**
      * @hidden
@@ -110,7 +115,7 @@ export declare class MultiViewCalendarWithoutContext extends React.Component<Mul
     private calendarViewList;
     private isActive;
     private calculateFocusFromValue;
-    private isRtl;
+    private get isRtl();
     /**
      * Gets the wrapping element of the MultiViewCalendar component.
      */

package/dist/es/calendar/components/MultiViewCalendar.js

@@ -39,12 +39,6 @@ import { BusViewService, NavigationService } from '../services';
 import { dateInRange, isInRange, viewInRange, getToday, nullable } from '../../utils';
 import { HorizontalViewList } from './HorizontalViewList';
 import { TodayCommand } from './TodayCommand';
-/**
- * @hidden
- */
-function isRtl(element) {
-    return Boolean(element && getComputedStyle(element).direction === 'rtl');
-}
 var extractDateFromValue = function (min, max, value) {
     if (min === void 0) { min = MultiViewCalendarWithoutContext.defaultProps.min; }
     if (max === void 0) { max = MultiViewCalendarWithoutContext.defaultProps.max; }
@@ -94,7 +88,6 @@ var MultiViewCalendarWithoutContext = /** @class */ (function (_super) {
         _this.calendarViewList = null;
         _this.isActive = false;
         _this.calculateFocusFromValue = true;
-        _this.isRtl = false;
         /**
          * @hidden
          */
@@ -325,6 +318,14 @@ var MultiViewCalendarWithoutContext = /** @class */ (function (_super) {
         _this.lastViewsCount = _this.props.views || HorizontalViewList.defaultProps.views;
         return _this;
     }
+    Object.defineProperty(MultiViewCalendarWithoutContext.prototype, "isRtl", {
+        get: function () {
+            return this.props.dir === 'rtl';
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ;
     Object.defineProperty(MultiViewCalendarWithoutContext.prototype, "element", {
         /**
          * Gets the wrapping element of the MultiViewCalendar component.
@@ -416,11 +417,6 @@ var MultiViewCalendarWithoutContext = /** @class */ (function (_super) {
      */
     MultiViewCalendarWithoutContext.prototype.componentDidMount = function () {
         this.calculateFocusFromValue = true;
-        var rtl = isRtl(this._element);
-        this.isRtl = rtl;
-        if (this.isRtl) {
-            this.forceUpdate();
-        }
     };
     /**
      * @hidden
@@ -473,7 +469,7 @@ var MultiViewCalendarWithoutContext = /** @class */ (function (_super) {
             this.dates = this.service.datesList(this.focusedDate, this.props.views || HorizontalViewList.defaultProps.views);
         }
         var activeDate = cloneDate(this.dates && this.dates[0] ? this.dates[0] : getToday());
-        return (React.createElement("div", { ref: function (el) { _this._element = el; }, className: wrapperClassName, id: this.props.id || this.wrapperID, "aria-labelledby": this.props.ariaLabelledBy, "aria-describedby": this.props.ariaDescribedBy, tabIndex: !this.props.disabled ? this.props.tabIndex : undefined, onFocus: this.handleFocus, onBlur: this.handleBlur, onMouseDown: this.handleMouseDown, onClick: this.handleClick, onKeyDown: this.handleKeyDown, "aria-disabled": this.props.disabled },
+        return (React.createElement("div", { ref: function (el) { _this._element = el; }, className: wrapperClassName, id: this.props.id || this.wrapperID, "aria-labelledby": this.props.ariaLabelledBy, "aria-describedby": this.props.ariaDescribedBy, tabIndex: !this.props.disabled ? this.props.tabIndex : undefined, onFocus: this.handleFocus, onBlur: this.handleBlur, onMouseDown: this.handleMouseDown, onClick: this.handleClick, onKeyDown: this.handleKeyDown, "aria-disabled": this.props.disabled, dir: this.props.dir },
             React.createElement(Header, { key: ".kendo.calendar.header.".concat(activeDate.getTime()), activeView: activeView, currentDate: activeDate, min: this.min, max: this.max, rangeLength: this.props.views, bus: this.bus, service: this.service, headerTitle: this.props.headerTitle, verticalView: this.props.mobileMode, commands: (React.createElement(React.Fragment, null,
                     React.createElement(Button, __assign({ type: "button", className: "k-calendar-nav-prev", icon: this.isRtl ? 'chevron-right' : 'chevron-left', svgIcon: this.isRtl ? chevronRightIcon : chevronLeftIcon, fillMode: "flat", title: prevViewTitle, disabled: isPrevDisabled, onClick: this.handlePrevButtonClick }, prevBtnAria)),
                     React.createElement(TodayCommand, { min: this.min, max: this.max, onClick: this.handleTodayClick, disabled: !this.todayIsInRange }),
@@ -530,7 +526,8 @@ var MultiViewCalendarWithoutContext = /** @class */ (function (_super) {
             }
             return null;
         },
-        weekNumber: PropTypes.bool
+        weekNumber: PropTypes.bool,
+        dir: PropTypes.string
     };
     /**
      * @hidden

package/dist/es/daterangepicker/DateRangePicker.d.ts

@@ -58,6 +58,10 @@ export interface DateRangePickerProps extends DateRangePickerSettings {
      * Specifies the text that is rendered as title in the adaptive popup.
      */
     adaptiveTitle?: string;
+    /**
+     * @hidden
+     */
+    dir?: string;
 }
 /**
  * @hidden
@@ -177,6 +181,7 @@ export declare class DateRangePickerWithoutContext extends React.Component<DateR
         style: PropTypes.Requireable<any>;
         swapButton: PropTypes.Requireable<any>;
         tabIndex: PropTypes.Requireable<number>;
+        dir: PropTypes.Requireable<string>;
         value: PropTypes.Validator<SelectionRange>;
     };
     /**

package/dist/es/daterangepicker/DateRangePicker.js

@@ -86,7 +86,7 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
         };
         _this.renderCalendar = function () {
             var value = _this.value || EMPTY_SELECTIONRANGE;
-            var calendarProps = __assign(__assign({ min: _this.min, max: _this.max, allowReverse: _this.props.allowReverse, mode: 'range', focusedDate: _this.props.focusedDate, disabled: _this.props.disabled, className: _this.mobileMode ? 'k-calendar-lg' : '', mobileMode: _this.mobileMode }, _this.props.calendarSettings), { value: value, onChange: _this.handleCalendarChange });
+            var calendarProps = __assign(__assign({ min: _this.min, max: _this.max, allowReverse: _this.props.allowReverse, mode: 'range', focusedDate: _this.props.focusedDate, disabled: _this.props.disabled, className: _this.mobileMode ? 'k-calendar-lg' : '', mobileMode: _this.mobileMode }, _this.props.calendarSettings), { value: value, dir: _this.props.dir, onChange: _this.handleCalendarChange });
             return _this.props.calendar
                 ? React.createElement(_this.props.calendar, __assign({}, calendarProps))
                 : React.createElement(MultiViewCalendar, __assign({}, calendarProps, { ref: _this.setCalendarRef }));
@@ -429,7 +429,7 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
         return (React.createElement(React.Fragment, null,
             React.createElement("span", { ref: function (span) {
                     _this._element = span;
-                }, className: rootClassName, style: this.props.style, id: this.props.id, "aria-labelledby": this.props.ariaLabelledBy, "aria-describedby": this.props.ariaDescribedBy, tabIndex: this.props.tabIndex, onFocus: this.handleFocus, onBlur: !this.mobileMode ? this.handleBlur : undefined, onKeyDown: this.handleKeyDown },
+                }, className: rootClassName, style: this.props.style, id: this.props.id, "aria-labelledby": this.props.ariaLabelledBy, "aria-describedby": this.props.ariaDescribedBy, tabIndex: this.props.tabIndex, onFocus: this.handleFocus, onBlur: !this.mobileMode ? this.handleBlur : undefined, onKeyDown: this.handleKeyDown, dir: this.props.dir },
                 this.props.startDateInput
                     ? React.createElement(this.props.startDateInput, __assign({}, startDateInputProps))
                     : React.createElement(DateInput, __assign({}, startDateInputProps, { ref: this._startDateInput, ariaRole: "combobox", ariaControls: this._popupId, readonly: this.mobileMode })),
@@ -532,6 +532,7 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
         style: PropTypes.any,
         swapButton: PropTypes.any,
         tabIndex: PropTypes.number,
+        dir: PropTypes.string,
         value: PropTypes.shape({
             start: nullable(PropTypes.instanceOf(Date).isRequired),
             end: nullable(PropTypes.instanceOf(Date).isRequired)

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-dateinputs',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1685989048,
+    publishDate: 1686225503,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
 };

package/dist/es/virtualization/Virtualization.d.ts

@@ -85,7 +85,6 @@ export declare class Virtualization extends React.Component<VirtualizationProps,
     private lastTotal;
     private lastTake;
     private animationInProgress;
-    private scrollToIndexTimeout;
     get element(): HTMLDivElement | null;
     protected get containerOffsetSize(): number;
     get containerScrollSize(): number;

package/dist/es/virtualization/Virtualization.js

@@ -55,7 +55,6 @@ var Virtualization = /** @class */ (function (_super) {
         _this.lastTotal = 0;
         _this.lastTake = 0;
         _this.animationInProgress = false;
-        _this.scrollToIndexTimeout = 0;
         _this.scrollTo = function (value) {
             var scrollProperty = _this.direction === 'vertical' ? 'scrollTop' : 'scrollLeft';
             if (!_this.scrollContainer) {
@@ -64,18 +63,10 @@ var Virtualization = /** @class */ (function (_super) {
             _this.scrollContainer[scrollProperty] = value;
         };
         _this.scrollToIndex = function (index) {
-            if (_this.scrollToIndexTimeout !== undefined) {
-                window.cancelAnimationFrame(_this.scrollToIndexTimeout);
+            _this.animationInProgress = false;
+            if (_this.rowHeightService) {
+                _this.scrollTo(_this.rowHeightService.offset(index));
             }
-            if (!_this.rowHeightService) {
-                return;
-            }
-            _this.scrollToIndexTimeout = window.requestAnimationFrame(function () {
-                _this.animationInProgress = false;
-                if (_this.rowHeightService) {
-                    _this.scrollTo(_this.rowHeightService.offset(index));
-                }
-            });
         };
         _this.animateToIndex = function (index) {
             if (!_this.rowHeightService || !window) {

package/dist/npm/calendar/components/MultiViewCalendar.d.ts

@@ -32,6 +32,10 @@ export interface MultiViewCalendarProps<T = any> extends MultiViewCalendarSettin
     value?: Date | Date[] | SelectionRange | null;
     /** @hidden */
     mobileMode?: boolean;
+    /**
+     * @hidden
+     */
+    dir?: string;
 }
 /**
  * @hidden
@@ -73,6 +77,7 @@ export declare class MultiViewCalendarWithoutContext extends React.Component<Mul
         value: PropTypes.Requireable<any>;
         views: (props: MultiViewCalendarProps, propName: keyof MultiViewCalendarProps<any>, componentName: string) => Error | null;
         weekNumber: PropTypes.Requireable<boolean>;
+        dir: PropTypes.Requireable<string>;
     };
     /**
      * @hidden
@@ -110,7 +115,7 @@ export declare class MultiViewCalendarWithoutContext extends React.Component<Mul
     private calendarViewList;
     private isActive;
     private calculateFocusFromValue;
-    private isRtl;
+    private get isRtl();
     /**
      * Gets the wrapping element of the MultiViewCalendar component.
      */

package/dist/npm/calendar/components/MultiViewCalendar.js

@@ -42,12 +42,6 @@ var services_1 = require("../services");
 var utils_2 = require("../../utils");
 var HorizontalViewList_1 = require("./HorizontalViewList");
 var TodayCommand_1 = require("./TodayCommand");
-/**
- * @hidden
- */
-function isRtl(element) {
-    return Boolean(element && getComputedStyle(element).direction === 'rtl');
-}
 var extractDateFromValue = function (min, max, value) {
     if (min === void 0) { min = MultiViewCalendarWithoutContext.defaultProps.min; }
     if (max === void 0) { max = MultiViewCalendarWithoutContext.defaultProps.max; }
@@ -97,7 +91,6 @@ var MultiViewCalendarWithoutContext = /** @class */ (function (_super) {
         _this.calendarViewList = null;
         _this.isActive = false;
         _this.calculateFocusFromValue = true;
-        _this.isRtl = false;
         /**
          * @hidden
          */
@@ -328,6 +321,14 @@ var MultiViewCalendarWithoutContext = /** @class */ (function (_super) {
         _this.lastViewsCount = _this.props.views || HorizontalViewList_1.HorizontalViewList.defaultProps.views;
         return _this;
     }
+    Object.defineProperty(MultiViewCalendarWithoutContext.prototype, "isRtl", {
+        get: function () {
+            return this.props.dir === 'rtl';
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ;
     Object.defineProperty(MultiViewCalendarWithoutContext.prototype, "element", {
         /**
          * Gets the wrapping element of the MultiViewCalendar component.
@@ -419,11 +420,6 @@ var MultiViewCalendarWithoutContext = /** @class */ (function (_super) {
      */
     MultiViewCalendarWithoutContext.prototype.componentDidMount = function () {
         this.calculateFocusFromValue = true;
-        var rtl = isRtl(this._element);
-        this.isRtl = rtl;
-        if (this.isRtl) {
-            this.forceUpdate();
-        }
     };
     /**
      * @hidden
@@ -476,7 +472,7 @@ var MultiViewCalendarWithoutContext = /** @class */ (function (_super) {
             this.dates = this.service.datesList(this.focusedDate, this.props.views || HorizontalViewList_1.HorizontalViewList.defaultProps.views);
         }
         var activeDate = (0, kendo_date_math_1.cloneDate)(this.dates && this.dates[0] ? this.dates[0] : (0, utils_2.getToday)());
-        return (React.createElement("div", { ref: function (el) { _this._element = el; }, className: wrapperClassName, id: this.props.id || this.wrapperID, "aria-labelledby": this.props.ariaLabelledBy, "aria-describedby": this.props.ariaDescribedBy, tabIndex: !this.props.disabled ? this.props.tabIndex : undefined, onFocus: this.handleFocus, onBlur: this.handleBlur, onMouseDown: this.handleMouseDown, onClick: this.handleClick, onKeyDown: this.handleKeyDown, "aria-disabled": this.props.disabled },
+        return (React.createElement("div", { ref: function (el) { _this._element = el; }, className: wrapperClassName, id: this.props.id || this.wrapperID, "aria-labelledby": this.props.ariaLabelledBy, "aria-describedby": this.props.ariaDescribedBy, tabIndex: !this.props.disabled ? this.props.tabIndex : undefined, onFocus: this.handleFocus, onBlur: this.handleBlur, onMouseDown: this.handleMouseDown, onClick: this.handleClick, onKeyDown: this.handleKeyDown, "aria-disabled": this.props.disabled, dir: this.props.dir },
             React.createElement(Header_1.Header, { key: ".kendo.calendar.header.".concat(activeDate.getTime()), activeView: activeView, currentDate: activeDate, min: this.min, max: this.max, rangeLength: this.props.views, bus: this.bus, service: this.service, headerTitle: this.props.headerTitle, verticalView: this.props.mobileMode, commands: (React.createElement(React.Fragment, null,
                     React.createElement(kendo_react_buttons_1.Button, __assign({ type: "button", className: "k-calendar-nav-prev", icon: this.isRtl ? 'chevron-right' : 'chevron-left', svgIcon: this.isRtl ? kendo_svg_icons_1.chevronRightIcon : kendo_svg_icons_1.chevronLeftIcon, fillMode: "flat", title: prevViewTitle, disabled: isPrevDisabled, onClick: this.handlePrevButtonClick }, prevBtnAria)),
                     React.createElement(TodayCommand_1.TodayCommand, { min: this.min, max: this.max, onClick: this.handleTodayClick, disabled: !this.todayIsInRange }),
@@ -533,7 +529,8 @@ var MultiViewCalendarWithoutContext = /** @class */ (function (_super) {
             }
             return null;
         },
-        weekNumber: PropTypes.bool
+        weekNumber: PropTypes.bool,
+        dir: PropTypes.string
     };
     /**
      * @hidden

package/dist/npm/daterangepicker/DateRangePicker.d.ts

@@ -58,6 +58,10 @@ export interface DateRangePickerProps extends DateRangePickerSettings {
      * Specifies the text that is rendered as title in the adaptive popup.
      */
     adaptiveTitle?: string;
+    /**
+     * @hidden
+     */
+    dir?: string;
 }
 /**
  * @hidden
@@ -177,6 +181,7 @@ export declare class DateRangePickerWithoutContext extends React.Component<DateR
         style: PropTypes.Requireable<any>;
         swapButton: PropTypes.Requireable<any>;
         tabIndex: PropTypes.Requireable<number>;
+        dir: PropTypes.Requireable<string>;
         value: PropTypes.Validator<SelectionRange>;
     };
     /**

package/dist/npm/daterangepicker/DateRangePicker.js

@@ -89,7 +89,7 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
         };
         _this.renderCalendar = function () {
             var value = _this.value || models_1.EMPTY_SELECTIONRANGE;
-            var calendarProps = __assign(__assign({ min: _this.min, max: _this.max, allowReverse: _this.props.allowReverse, mode: 'range', focusedDate: _this.props.focusedDate, disabled: _this.props.disabled, className: _this.mobileMode ? 'k-calendar-lg' : '', mobileMode: _this.mobileMode }, _this.props.calendarSettings), { value: value, onChange: _this.handleCalendarChange });
+            var calendarProps = __assign(__assign({ min: _this.min, max: _this.max, allowReverse: _this.props.allowReverse, mode: 'range', focusedDate: _this.props.focusedDate, disabled: _this.props.disabled, className: _this.mobileMode ? 'k-calendar-lg' : '', mobileMode: _this.mobileMode }, _this.props.calendarSettings), { value: value, dir: _this.props.dir, onChange: _this.handleCalendarChange });
             return _this.props.calendar
                 ? React.createElement(_this.props.calendar, __assign({}, calendarProps))
                 : React.createElement(MultiViewCalendar_1.MultiViewCalendar, __assign({}, calendarProps, { ref: _this.setCalendarRef }));
@@ -432,7 +432,7 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
         return (React.createElement(React.Fragment, null,
             React.createElement("span", { ref: function (span) {
                     _this._element = span;
-                }, className: rootClassName, style: this.props.style, id: this.props.id, "aria-labelledby": this.props.ariaLabelledBy, "aria-describedby": this.props.ariaDescribedBy, tabIndex: this.props.tabIndex, onFocus: this.handleFocus, onBlur: !this.mobileMode ? this.handleBlur : undefined, onKeyDown: this.handleKeyDown },
+                }, className: rootClassName, style: this.props.style, id: this.props.id, "aria-labelledby": this.props.ariaLabelledBy, "aria-describedby": this.props.ariaDescribedBy, tabIndex: this.props.tabIndex, onFocus: this.handleFocus, onBlur: !this.mobileMode ? this.handleBlur : undefined, onKeyDown: this.handleKeyDown, dir: this.props.dir },
                 this.props.startDateInput
                     ? React.createElement(this.props.startDateInput, __assign({}, startDateInputProps))
                     : React.createElement(DateInput_1.DateInput, __assign({}, startDateInputProps, { ref: this._startDateInput, ariaRole: "combobox", ariaControls: this._popupId, readonly: this.mobileMode })),
@@ -535,6 +535,7 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
         style: PropTypes.any,
         swapButton: PropTypes.any,
         tabIndex: PropTypes.number,
+        dir: PropTypes.string,
         value: PropTypes.shape({
             start: (0, utils_2.nullable)(PropTypes.instanceOf(Date).isRequired),
             end: (0, utils_2.nullable)(PropTypes.instanceOf(Date).isRequired)

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-dateinputs',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1685989048,
+    publishDate: 1686225503,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
 };

package/dist/npm/virtualization/Virtualization.d.ts

@@ -85,7 +85,6 @@ export declare class Virtualization extends React.Component<VirtualizationProps,
     private lastTotal;
     private lastTake;
     private animationInProgress;
-    private scrollToIndexTimeout;
     get element(): HTMLDivElement | null;
     protected get containerOffsetSize(): number;
     get containerScrollSize(): number;

package/dist/npm/virtualization/Virtualization.js

@@ -58,7 +58,6 @@ var Virtualization = /** @class */ (function (_super) {
         _this.lastTotal = 0;
         _this.lastTake = 0;
         _this.animationInProgress = false;
-        _this.scrollToIndexTimeout = 0;
         _this.scrollTo = function (value) {
             var scrollProperty = _this.direction === 'vertical' ? 'scrollTop' : 'scrollLeft';
             if (!_this.scrollContainer) {
@@ -67,18 +66,10 @@ var Virtualization = /** @class */ (function (_super) {
             _this.scrollContainer[scrollProperty] = value;
         };
         _this.scrollToIndex = function (index) {
-            if (_this.scrollToIndexTimeout !== undefined) {
-                window.cancelAnimationFrame(_this.scrollToIndexTimeout);
+            _this.animationInProgress = false;
+            if (_this.rowHeightService) {
+                _this.scrollTo(_this.rowHeightService.offset(index));
             }
-            if (!_this.rowHeightService) {
-                return;
-            }
-            _this.scrollToIndexTimeout = window.requestAnimationFrame(function () {
-                _this.animationInProgress = false;
-                if (_this.rowHeightService) {
-                    _this.scrollTo(_this.rowHeightService.offset(index));
-                }
-            });
         };
         _this.animateToIndex = function (index) {
             if (!_this.rowHeightService || !window) {