@progress/kendo-react-dateinputs 5.4.0-dev.202205200719 → 5.4.0-dev.202206061009

package/dist/es/datetimepicker/DateTimeSelector.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -40,7 +42,12 @@ var DateTimeSelector = /** @class */ (function (_super) {
     __extends(DateTimeSelector, _super);
     function DateTimeSelector(props) {
         var _this = _super.call(this, props) || this;
+        _this._calendar = null;
+        _this._timePart = null;
+        _this._cancelButton = null;
+        _this._acceptButton = null;
         _this._calendarWrap = null;
+        _this.shouldFocusPart = false;
         _this.focus = function (args) {
             // Async to avoid stealing the focus from the DateInput on close
             Promise.resolve().then(function () {
@@ -151,21 +158,21 @@ var DateTimeSelector = /** @class */ (function (_super) {
         get: function () {
             return this._calendar;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateTimeSelector.prototype, "timePart", {
         get: function () {
             return this._timePart;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateTimeSelector.prototype, "hasDateValue", {
         get: function () {
             return this.state.dateValue !== null;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     DateTimeSelector.prototype.componentDidUpdate = function () {
@@ -188,7 +195,10 @@ var DateTimeSelector = /** @class */ (function (_super) {
         var cancelMessage = localizationService.toLanguageString(cancel, messages[cancel]);
         var setMessage = localizationService.toLanguageString(set, messages[set]);
         var calendarProps = {
-            min: min, max: max, weekNumber: weekNumber, focusedDate: focusedDate,
+            min: min,
+            max: max,
+            weekNumber: weekNumber,
+            focusedDate: focusedDate,
             disabled: disabled || this.state.tab !== 'date',
             value: this.state.dateValue,
             onChange: this.handleCalendarValueChange,
@@ -214,7 +224,7 @@ var DateTimeSelector = /** @class */ (function (_super) {
                 ? this.props.minTime
                 : this.normalizeRange(this.props.min, this.state.dateValue);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateTimeSelector.prototype, "maxTime", {
@@ -223,7 +233,7 @@ var DateTimeSelector = /** @class */ (function (_super) {
                 ? this.props.maxTime
                 : this.normalizeRange(this.props.max, this.state.dateValue);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     DateTimeSelector.prototype.normalizeRange = function (candidate, value) {

package/dist/es/datetimepicker/models/DateTimePickerSettings.js

@@ -0,0 +1 @@
+export {};

package/dist/es/datetimepicker/models/index.js

@@ -0,0 +1 @@
+export {};

package/dist/es/hooks/usePickerFloatingLabel.d.ts

@@ -11,7 +11,7 @@ export declare type PickerFloatingLabelProps = FloatingLabelProps & {
 /**
  * @hidden
  */
-export declare const usePickerFloatingLabel: (dateInput: React.RefObject<import("../dateinput/DateInput").DateInputHandle>) => {
+export declare const usePickerFloatingLabel: (dateInput: React.RefObject<DateInput>) => {
     editorValue: boolean;
 };
 /**

package/dist/es/messages/index.d.ts

@@ -86,25 +86,25 @@ export declare const dateTimePickerSet = "datetimepicker.set";
  * @hidden
  */
 export declare const messages: {
-    [today]: string;
-    [now]: string;
-    [timePickerSet]: string;
-    [timePickerCancel]: string;
-    [date]: string;
-    [time]: string;
-    [dateTimePickerCancel]: string;
-    [dateTimePickerSet]: string;
-    [start]: string;
-    [end]: string;
-    [separator]: string;
-    [selectNow]: string;
-    [toggleTimeSelector]: string;
-    [toggleClock]: string;
-    [increaseValue]: string;
-    [decreaseValue]: string;
-    [toggleCalendar]: string;
-    [prevView]: string;
-    [nextView]: string;
-    [swapStartEnd]: string;
-    [toggleDateTimeSelector]: string;
+    "calendar.today": string;
+    "timepicker.now": string;
+    "timepicker.set": string;
+    "timepicker.cancel": string;
+    "datetimepicker.date": string;
+    "datetimepicker.time": string;
+    "datetimepicker.cancel": string;
+    "datetimepicker.set": string;
+    "daterangepicker.start": string;
+    "daterangepicker.end": string;
+    "daterangepicker.separator": string;
+    "timepicker.selectNow": string;
+    "timepicker.toggleTimeSelector": string;
+    "timepicker.toggleClock": string;
+    "dateinput.increment": string;
+    "dateinput.decrement": string;
+    "datepicker.toggleCalendar": string;
+    "multiviewcalendar.prevView": string;
+    "multiviewcalendar.nextView": string;
+    "daterangepicker.swapStartEnd": string;
+    "datetimepicker.toggleDateTimeSelector": string;
 };

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-dateinputs',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1653029964,
+    publishDate: 1654509015,
     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/timepicker/TimeList.d.ts

@@ -29,8 +29,8 @@ export declare class TimeList extends React.Component<TimeListProps, {}> {
         id: PropTypes.Requireable<number>;
         max: PropTypes.Requireable<Date>;
         min: PropTypes.Requireable<Date>;
-        part: (props: TimeListProps, propName: string, componentName: string) => any;
-        step: (props: TimeListProps, propName: string, componentName: string) => any;
+        part: (props: TimeListProps, propName: string, componentName: string) => null;
+        step: (props: TimeListProps, propName: string, componentName: string) => null;
         value: PropTypes.Requireable<Date>;
         smoothScroll: PropTypes.Requireable<boolean>;
         show: PropTypes.Requireable<boolean>;
@@ -55,11 +55,11 @@ export declare class TimeList extends React.Component<TimeListProps, {}> {
     private bottomThreshold;
     private animateToIndex;
     constructor(props: TimeListProps);
-    readonly element: HTMLDivElement | null;
-    protected readonly animate: boolean;
-    private readonly min;
-    private readonly max;
-    private readonly step;
+    get element(): HTMLDivElement | null;
+    protected get animate(): boolean;
+    private get min();
+    private get max();
+    private get step();
     /**
      * @hidden
      */
@@ -71,7 +71,7 @@ export declare class TimeList extends React.Component<TimeListProps, {}> {
     /**
      * @hidden
      */
-    render(): JSX.Element;
+    render(): JSX.Element | undefined;
     focus: (args?: any) => void;
     protected itemOffset: (scrollTop: number) => number;
     protected calculateHeights: () => void;

package/dist/es/timepicker/TimeList.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -43,6 +45,16 @@ var TimeList = /** @class */ (function (_super) {
     __extends(TimeList, _super);
     function TimeList(props) {
         var _this = _super.call(this, props) || this;
+        _this.intl = null;
+        _this._element = null;
+        _this.service = null;
+        _this.virtualization = null;
+        _this.topOffset = 0;
+        _this.bottomOffset = 0;
+        _this.itemHeight = 0;
+        _this.listHeight = 0;
+        _this.topThreshold = 0;
+        _this.bottomThreshold = 0;
         _this.animateToIndex = false;
         _this.focus = function (args) {
             Promise.resolve().then(function () {
@@ -53,7 +65,7 @@ var TimeList = /** @class */ (function (_super) {
             });
         };
         _this.itemOffset = function (scrollTop) {
-            if (!_this.virtualization) {
+            if (!_this.virtualization || !_this.service) {
                 return -1;
             }
             var valueIndex = _this.service.selectedIndex(_this.props.value);
@@ -80,8 +92,10 @@ var TimeList = /** @class */ (function (_super) {
         };
         _this.configureServices = function (_a) {
             var _b = _a === void 0 ? _this.props : _a, min = _b.min, max = _b.max, value = _b.value;
-            var _c = _this.service.limitRange(min || _this.min, max || _this.max, value || _this.props.value), newMin = _c[0], newMax = _c[1];
-            _this.service.configure(_this.serviceSettings({ min: newMin, max: newMax }));
+            if (_this.service) {
+                var _c = _this.service.limitRange(min || _this.min, max || _this.max, value || _this.props.value), newMin = _c[0], newMax = _c[1];
+                _this.service.configure(_this.serviceSettings({ min: newMin, max: newMax }));
+            }
         };
         _this.serviceSettings = function (settings) {
             var defaults = {
@@ -98,7 +112,7 @@ var TimeList = /** @class */ (function (_super) {
         };
         _this.handleScrollAction = function (_a) {
             var target = _a.target, animationInProgress = _a.animationInProgress;
-            if (!_this.virtualization) {
+            if (!_this.virtualization || !_this.service) {
                 return;
             }
             if (target && !animationInProgress) {
@@ -129,6 +143,9 @@ var TimeList = /** @class */ (function (_super) {
             }
         };
         _this.handleKeyDown = function (event) {
+            if (!_this.service) {
+                return;
+            }
             var keyCode = event.keyCode;
             if (keyCode === Keys.down
                 || keyCode === Keys.up
@@ -143,6 +160,9 @@ var TimeList = /** @class */ (function (_super) {
             }
         };
         _this.handleChange = function (dataItem) {
+            if (!_this.service) {
+                return;
+            }
             var candidate = _this.service.apply(_this.props.value, dataItem.value);
             if (_this.props.value.getTime() === candidate.getTime()) {
                 return;
@@ -162,28 +182,28 @@ var TimeList = /** @class */ (function (_super) {
         get: function () {
             return this._element;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimeList.prototype, "animate", {
         get: function () {
             return Boolean(this.props.smoothScroll && this.animateToIndex);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimeList.prototype, "min", {
         get: function () {
             return this.props.min || TimeList.defaultProps.min;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimeList.prototype, "max", {
         get: function () {
             return this.props.max || TimeList.defaultProps.max;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimeList.prototype, "step", {
@@ -192,7 +212,7 @@ var TimeList = /** @class */ (function (_super) {
                 ? Math.floor(this.props.step)
                 : TimeList.defaultProps.step;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -213,7 +233,7 @@ var TimeList = /** @class */ (function (_super) {
      * @hidden
      */
     TimeList.prototype.componentDidUpdate = function () {
-        if (!this.virtualization) {
+        if (!this.virtualization || !this.service) {
             return;
         }
         var index = this.service.selectedIndex(this.props.value);
@@ -250,14 +270,14 @@ var TimeList = /** @class */ (function (_super) {
         part: function (props, propName, componentName) {
             var prop = props[propName];
             if (!prop || !services[prop.type]) {
-                throw new Error("\n                    Invalid prop '" + propName + "' supplied to " + componentName + ".\n                    Supported part types are hour|minute|second|dayperiod.\n                ");
+                throw new Error("\n                    Invalid prop '".concat(propName, "' supplied to ").concat(componentName, ".\n                    Supported part types are hour|minute|second|dayperiod.\n                "));
             }
             return null;
         },
         step: function (props, propName, componentName) {
             var prop = props[propName];
             if (prop !== undefined && prop <= 0) {
-                throw new Error("\n                    Invalid prop '" + propName + "' supplied to " + componentName + ".\n                    " + propName + " cannot be less than 1.\n                ");
+                throw new Error("\n                    Invalid prop '".concat(propName, "' supplied to ").concat(componentName, ".\n                    ").concat(propName, " cannot be less than 1.\n                "));
             }
             return null;
         },

package/dist/es/timepicker/TimePart.d.ts

@@ -82,7 +82,7 @@ export declare class TimePart extends React.Component<TimePartProps, TimePartSta
         show: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
-        value: any;
+        value: null;
         disabled: boolean;
         nowButton: boolean;
         cancelButton: boolean;
@@ -103,13 +103,13 @@ export declare class TimePart extends React.Component<TimePartProps, TimePartSta
     /**
      * @hidden
      */
-    readonly element: HTMLSpanElement | null;
-    readonly value: Date;
-    protected readonly intl: IntlService;
-    private readonly min;
-    private readonly max;
-    private readonly steps;
-    protected readonly boundRange: boolean;
+    get element(): HTMLSpanElement | null;
+    get value(): Date;
+    protected get intl(): IntlService;
+    private get min();
+    private get max();
+    private get steps();
+    protected get boundRange(): boolean;
     /**
      * @hidden
      */
@@ -123,10 +123,10 @@ export declare class TimePart extends React.Component<TimePartProps, TimePartSta
     protected timeFormatReducer: (acc: string, current: DateFormatPart) => string;
     protected timeFormatFilter: (part: DateFormatPart, index: number, all: DateFormatPart[]) => boolean;
     protected nextTick(f: () => any): void;
-    protected hasActiveButton(): boolean;
+    protected hasActiveButton(): boolean | null;
     protected focusList: (dir: Direction) => void;
     protected listReducer: (state: any, list: any, idx: any, all: any) => any;
-    protected showNowButton: () => boolean;
+    protected showNowButton: () => boolean | undefined;
     protected hasSteps(): boolean;
     private handleKeyDown;
     private handleListBlur;

package/dist/es/timepicker/TimePart.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -33,7 +35,7 @@ import { MIDNIGHT_DATE, MIN_TIME, MAX_TIME } from '../utils';
 import { TIME_PART } from './models/TimePart';
 import { generateSnappers, getNow, isInTimeRange, snapTime, timeInRange } from './utils';
 import { Button } from '@progress/kendo-react-buttons';
-var formatRegExp = new RegExp(TIME_PART.hour + "|" + TIME_PART.minute + "|" + TIME_PART.second + "|" + TIME_PART.dayperiod + "|literal");
+var formatRegExp = new RegExp("".concat(TIME_PART.hour, "|").concat(TIME_PART.minute, "|").concat(TIME_PART.second, "|").concat(TIME_PART.dayperiod, "|literal"));
 /**
  * @hidden
  */
@@ -49,6 +51,9 @@ var TimePart = /** @class */ (function (_super) {
     __extends(TimePart, _super);
     function TimePart(props) {
         var _this = _super.call(this, props) || this;
+        _this._element = null;
+        _this._nowButton = null;
+        _this.dateFormatParts = [];
         _this.timeLists = [];
         _this.focus = function (args) {
             Promise.resolve().then(function () {
@@ -138,42 +143,42 @@ var TimePart = /** @class */ (function (_super) {
         get: function () {
             return this._element;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimePart.prototype, "value", {
         get: function () {
             return timeInRange(this.snapTime(cloneDate(this.props.value || MIDNIGHT_DATE)), this.min, this.max);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimePart.prototype, "intl", {
         get: function () {
             return provideIntlService(this);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimePart.prototype, "min", {
         get: function () {
             return this.snapTime(this.props.min || TimePart.defaultProps.min);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimePart.prototype, "max", {
         get: function () {
             return this.snapTime(this.props.max || TimePart.defaultProps.max);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimePart.prototype, "steps", {
         get: function () {
             return this.props.steps || TimePart.defaultProps.steps;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TimePart.prototype, "boundRange", {
@@ -182,7 +187,7 @@ var TimePart = /** @class */ (function (_super) {
                 ? this.props.boundRange
                 : TimePart.defaultProps.boundRange;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**

package/dist/es/timepicker/TimePicker.d.ts

@@ -111,7 +111,7 @@ export declare class TimePickerWithoutContext extends React.Component<TimePicker
             second: PropTypes.Requireable<string>;
             timeZoneName: PropTypes.Requireable<string>;
         }>>;
-        formatPlaceholder: PropTypes.Requireable<"narrow" | "short" | "wide" | "formatPattern" | PropTypes.InferProps<{
+        formatPlaceholder: PropTypes.Requireable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
             year: PropTypes.Requireable<string>;
             month: PropTypes.Requireable<string>;
             day: PropTypes.Requireable<string>;
@@ -145,16 +145,16 @@ export declare class TimePickerWithoutContext extends React.Component<TimePicker
         required: PropTypes.Requireable<boolean>;
         validate: PropTypes.Requireable<boolean>;
         valid: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<"small" | "medium" | "large">;
-        rounded: PropTypes.Requireable<"small" | "medium" | "large" | "full">;
-        fillMode: PropTypes.Requireable<"solid" | "flat" | "outline">;
+        size: PropTypes.Requireable<"small" | "medium" | "large" | null | undefined>;
+        rounded: PropTypes.Requireable<"small" | "medium" | "full" | "large" | null | undefined>;
+        fillMode: PropTypes.Requireable<"flat" | "outline" | "solid" | null | undefined>;
     };
     /**
      * @hidden
      */
     static defaultProps: {
         defaultShow: boolean;
-        defaultValue: any;
+        defaultValue: null;
         disabled: boolean;
         format: string;
         max: Date;
@@ -165,9 +165,9 @@ export declare class TimePickerWithoutContext extends React.Component<TimePicker
         required: boolean;
         validityStyles: boolean;
         dateInput: React.ComponentType<DateInputProps<any>>;
-        size: "small" | "medium" | "large";
-        rounded: "small" | "medium" | "large" | "full";
-        fillMode: "solid" | "flat" | "outline";
+        size: "small" | "medium" | "large" | null | undefined;
+        rounded: "small" | "medium" | "full" | "large" | null | undefined;
+        fillMode: "flat" | "outline" | "solid" | null | undefined;
     };
     /**
      * @hidden
@@ -185,43 +185,43 @@ export declare class TimePickerWithoutContext extends React.Component<TimePicker
     /**
      * Gets the wrapping element of the TimePicker.
      */
-    readonly element: HTMLSpanElement | null;
+    get element(): HTMLSpanElement | null;
     /**
      * Gets the DateInput component inside the TimePicker component.
      */
-    readonly dateInput: DateInput | null;
+    get dateInput(): DateInput | null;
     /**
      * Gets the TimeSelector component inside the TimePicker component.
      */
-    readonly timeSelector: TimeSelector | null;
+    get timeSelector(): TimeSelector | null;
     /**
      * Gets the value of the TimePicker.
      */
-    readonly value: Date | null;
+    get value(): Date | null;
     /**
      * Gets the popup state of the TimeSelector.
      */
-    readonly show: boolean;
+    get show(): boolean;
     /**
      * Gets the `name` property of the TimePicker.
      */
-    readonly name: string | undefined;
+    get name(): string | undefined;
     /**
      * Represents the validity state into which the TimePicker is set.
      */
-    readonly validity: FormComponentValidity;
+    get validity(): FormComponentValidity;
     /**
      * @hidden
      */
-    protected readonly validityStyles: boolean;
+    protected get validityStyles(): boolean;
     /**
      * @hidden
      */
-    protected readonly required: boolean;
-    private readonly popupSettings;
-    private readonly min;
-    private readonly max;
-    protected readonly dateInputComp: React.ComponentType<DateInputProps<any>>;
+    protected get required(): boolean;
+    private get popupSettings();
+    private get min();
+    private get max();
+    protected get dateInputComp(): React.ComponentType<DateInputProps<any>>;
     /**
      * @hidden
      */
@@ -239,7 +239,7 @@ export declare class TimePickerWithoutContext extends React.Component<TimePicker
      */
     render(): JSX.Element;
     protected setTimeSelectorRef: (timeSelector: any) => void;
-    protected nextValue: (nextProps: TimePickerProps, nextState: TimePickerState) => Date;
+    protected nextValue: (nextProps: TimePickerProps, nextState: TimePickerState) => Date | null;
     protected nextShow: (nextProps: TimePickerProps, nextState: TimePickerState) => boolean;
     protected normalizeTime(date: Date): Date;
     protected setShow(show: boolean): void;