@progress/kendo-react-dateinputs 5.6.0-dev.202208291054 → 5.6.0-next.202208310638

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

@@ -72,7 +72,7 @@ export declare class DateRangePickerWithoutContext extends React.Component<DateR
         disabled: PropTypes.Requireable<boolean>;
         endDateInputSettings: PropTypes.Requireable<PropTypes.InferProps<{
             value: PropTypes.Requireable<Date>;
-            format: PropTypes.Requireable<NonNullable<string | PropTypes.InferProps<{
+            format: PropTypes.Requireable<string | PropTypes.InferProps<{
                 skeleton: PropTypes.Requireable<string>;
                 pattern: PropTypes.Requireable<string>;
                 date: PropTypes.Requireable<string>;
@@ -88,16 +88,16 @@ export declare class DateRangePickerWithoutContext extends React.Component<DateR
                 minute: PropTypes.Requireable<string>;
                 second: PropTypes.Requireable<string>;
                 timeZoneName: PropTypes.Requireable<string>;
-            }> | null | undefined>>;
-            formatPlaceholder: PropTypes.Requireable<NonNullable<"short" | "narrow" | "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>;
                 hour: PropTypes.Requireable<string>;
                 minute: PropTypes.Requireable<string>;
                 second: PropTypes.Requireable<string>;
-            }> | null | undefined>>;
-            width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+            }>>;
+            width: PropTypes.Requireable<string | number>;
             tabIndex: PropTypes.Requireable<number>;
             title: PropTypes.Requireable<string>;
             steps: PropTypes.Requireable<PropTypes.InferProps<{
@@ -120,7 +120,7 @@ export declare class DateRangePickerWithoutContext extends React.Component<DateR
             ariaDescribedBy: PropTypes.Requireable<string>;
             ariaLabel: PropTypes.Requireable<string>;
             ariaRole: PropTypes.Requireable<string>;
-            ariaExpanded: PropTypes.Requireable<NonNullable<boolean | null | undefined>>;
+            ariaExpanded: PropTypes.Requireable<boolean>;
             onChange: PropTypes.Requireable<(...args: any[]) => any>;
             validationMessage: PropTypes.Requireable<string>;
             required: PropTypes.Requireable<boolean>;
@@ -133,7 +133,7 @@ export declare class DateRangePickerWithoutContext extends React.Component<DateR
             fillMode: PropTypes.Requireable<"flat" | "outline" | "solid" | null | undefined>;
         }>>;
         focusedDate: PropTypes.Requireable<Date>;
-        format: PropTypes.Requireable<NonNullable<string | PropTypes.InferProps<{
+        format: PropTypes.Requireable<string | PropTypes.InferProps<{
             skeleton: PropTypes.Requireable<string>;
             pattern: PropTypes.Requireable<string>;
             date: PropTypes.Requireable<string>;
@@ -149,7 +149,7 @@ export declare class DateRangePickerWithoutContext extends React.Component<DateR
             minute: PropTypes.Requireable<string>;
             second: PropTypes.Requireable<string>;
             timeZoneName: PropTypes.Requireable<string>;
-        }> | null | undefined>>;
+        }>>;
         id: PropTypes.Requireable<string>;
         ariaLabelledBy: PropTypes.Requireable<string>;
         ariaDescribedBy: PropTypes.Requireable<string>;

package/dist/npm/daterangepicker/DateRangePicker.js

@@ -102,12 +102,6 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
             if (!_this.shouldFocusDateInput) {
                 _this.setShow(true);
             }
-            if (_this.startDateInput && _this.startDateInput.element) {
-                _this.startDateInput.element.classList.add('k-focus');
-            }
-            if (_this.endDateInput && _this.endDateInput.element) {
-                _this.endDateInput.element.classList.add('k-focus');
-            }
             var onFocus = _this.props.onFocus;
             if (onFocus) {
                 onFocus.call(undefined, event);
@@ -115,12 +109,6 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
         };
         _this.handleBlur = function (event) {
             _this.nextTick(function () {
-                if (_this.startDateInput && _this.startDateInput.element) {
-                    _this.startDateInput.element.classList.remove('k-focus');
-                }
-                if (_this.endDateInput && _this.endDateInput.element) {
-                    _this.endDateInput.element.classList.remove('k-focus');
-                }
                 _this.setShow(false);
             });
             var onBlur = _this.props.onBlur;

package/dist/npm/datetimepicker/DateTimePicker.d.ts

@@ -98,7 +98,7 @@ export declare class DateTimePickerWithoutContext extends React.Component<DateTi
         defaultValue: PropTypes.Requireable<Date>;
         disabled: PropTypes.Requireable<boolean>;
         focusedDate: PropTypes.Requireable<Date>;
-        format: PropTypes.Requireable<NonNullable<string | PropTypes.InferProps<{
+        format: PropTypes.Requireable<string | PropTypes.InferProps<{
             skeleton: PropTypes.Requireable<string>;
             pattern: PropTypes.Requireable<string>;
             date: PropTypes.Requireable<string>;
@@ -114,15 +114,15 @@ export declare class DateTimePickerWithoutContext extends React.Component<DateTi
             minute: PropTypes.Requireable<string>;
             second: PropTypes.Requireable<string>;
             timeZoneName: PropTypes.Requireable<string>;
-        }> | null | undefined>>;
-        formatPlaceholder: PropTypes.Requireable<NonNullable<"short" | "narrow" | "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>;
             hour: PropTypes.Requireable<string>;
             minute: PropTypes.Requireable<string>;
             second: PropTypes.Requireable<string>;
-        }> | null | undefined>>;
+        }>>;
         id: PropTypes.Requireable<string>;
         ariaLabelledBy: PropTypes.Requireable<string>;
         ariaDescribedBy: PropTypes.Requireable<string>;
@@ -139,7 +139,7 @@ export declare class DateTimePickerWithoutContext extends React.Component<DateTi
         title: PropTypes.Requireable<string>;
         value: PropTypes.Requireable<Date>;
         weekNumber: PropTypes.Requireable<boolean>;
-        width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        width: PropTypes.Requireable<string | number>;
         validationMessage: PropTypes.Requireable<string>;
         required: PropTypes.Requireable<boolean>;
         validate: PropTypes.Requireable<boolean>;

package/dist/npm/datetimepicker/DateTimePicker.js

@@ -349,7 +349,7 @@ var DateTimePickerWithoutContext = /** @class */ (function (_super) {
                     'aria-label': (0, kendo_react_intl_1.provideLocalizationService)(_this)
                         .toLanguageString(messages_1.toggleDateTimeSelector, messages_1.messages[messages_1.toggleDateTimeSelector])
                 })),
-                React.createElement(PopupComponent, { show: _this.show, animate: _this.element !== null, anchor: _this.element, className: "k-datetime-container k-group k-reset", id: _this._popupId, anchorAlign: {
+                React.createElement(PopupComponent, { show: _this.show, animate: _this.element !== null, anchor: _this.element, popupClass: "k-datetime-container k-reset", id: _this._popupId, anchorAlign: {
                         horizontal: 'left',
                         vertical: 'bottom'
                     }, popupAlign: {

package/dist/npm/datetimepicker/DateTimeSelector.js

@@ -217,7 +217,7 @@ var DateTimeSelector = /** @class */ (function (_super) {
                     React.createElement(this.props.calendar, __assign({}, calendarProps)) :
                     React.createElement(Calendar_1.Calendar, __assign({ ref: function (calendar) { _this._calendar = calendar; } }, calendarProps))),
                 React.createElement("div", { className: "k-datetime-time-wrap" }, React.createElement(TimePart_1.TimePart, { key: 1, onNowClick: this.handleNowClick, disabled: disabled || this.state.tab !== 'time', ref: function (timePart) { _this._timePart = timePart; }, min: this.minTime || utils_1.MIN_TIME, max: this.maxTime || utils_1.MAX_TIME, steps: this.props.steps, value: this.state.timeValue, format: format, onChange: this.handleTimeListContainerChange, onMount: this.handleTimePartMount }))),
-            React.createElement("div", { className: "k-datetime-footer k-actions k-hstack k-justify-content-stretch" },
+            React.createElement("div", { className: "k-datetime-footer k-actions k-actions-stretched " },
                 cancelButton && React.createElement(kendo_react_buttons_1.Button, __assign({ type: "button", ref: function (btn) { _this._cancelButton = btn; }, className: "k-time-cancel", onClick: this.handleReject, title: cancelMessage }, { 'aria-label': cancelMessage }), cancelMessage),
                 React.createElement(kendo_react_buttons_1.Button, __assign({ type: "button", themeColor: "primary", ref: function (btn) { _this._acceptButton = btn; }, className: "k-time-accept", disabled: !this.hasDateValue, onClick: this.handleAccept, title: setMessage }, { 'aria-label': setMessage }), setMessage))));
     };

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-dateinputs',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1661769168,
+    publishDate: 1661926735,
     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/timepicker/TimePart.d.ts

@@ -51,7 +51,7 @@ export declare class TimePart extends React.Component<TimePartProps, TimePartSta
     static propTypes: {
         cancelButton: PropTypes.Requireable<boolean>;
         disabled: PropTypes.Requireable<boolean>;
-        format: PropTypes.Requireable<NonNullable<string | PropTypes.InferProps<{
+        format: PropTypes.Requireable<string | PropTypes.InferProps<{
             skeleton: PropTypes.Requireable<string>;
             pattern: PropTypes.Requireable<string>;
             date: PropTypes.Requireable<string>;
@@ -67,7 +67,7 @@ export declare class TimePart extends React.Component<TimePartProps, TimePartSta
             minute: PropTypes.Requireable<string>;
             second: PropTypes.Requireable<string>;
             timeZoneName: PropTypes.Requireable<string>;
-        }> | null | undefined>>;
+        }>>;
         max: PropTypes.Requireable<Date>;
         min: PropTypes.Requireable<Date>;
         nowButton: PropTypes.Requireable<boolean>;

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

@@ -94,7 +94,7 @@ export declare class TimePickerWithoutContext extends React.Component<TimePicker
         defaultShow: PropTypes.Requireable<boolean>;
         defaultValue: PropTypes.Requireable<Date>;
         disabled: PropTypes.Requireable<boolean>;
-        format: PropTypes.Requireable<NonNullable<string | PropTypes.InferProps<{
+        format: PropTypes.Requireable<string | PropTypes.InferProps<{
             skeleton: PropTypes.Requireable<string>;
             pattern: PropTypes.Requireable<string>;
             date: PropTypes.Requireable<string>;
@@ -110,15 +110,15 @@ export declare class TimePickerWithoutContext extends React.Component<TimePicker
             minute: PropTypes.Requireable<string>;
             second: PropTypes.Requireable<string>;
             timeZoneName: PropTypes.Requireable<string>;
-        }> | null | undefined>>;
-        formatPlaceholder: PropTypes.Requireable<NonNullable<"short" | "narrow" | "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>;
             hour: PropTypes.Requireable<string>;
             minute: PropTypes.Requireable<string>;
             second: PropTypes.Requireable<string>;
-        }> | null | undefined>>;
+        }>>;
         id: PropTypes.Requireable<string>;
         ariaLabelledBy: PropTypes.Requireable<string>;
         ariaDescribedBy: PropTypes.Requireable<string>;
@@ -140,7 +140,7 @@ export declare class TimePickerWithoutContext extends React.Component<TimePicker
         tabIndex: PropTypes.Requireable<number>;
         title: PropTypes.Requireable<string>;
         value: PropTypes.Requireable<Date>;
-        width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        width: PropTypes.Requireable<string | number>;
         validationMessage: PropTypes.Requireable<string>;
         required: PropTypes.Requireable<boolean>;
         validate: PropTypes.Requireable<boolean>;

package/dist/npm/timepicker/TimeSelector.d.ts

@@ -53,7 +53,7 @@ export declare class TimeSelector extends React.Component<TimeSelectorProps, Tim
         cancelButton: PropTypes.Requireable<boolean>;
         className: PropTypes.Requireable<string>;
         disabled: PropTypes.Requireable<boolean>;
-        format: PropTypes.Requireable<NonNullable<string | PropTypes.InferProps<{
+        format: PropTypes.Requireable<string | PropTypes.InferProps<{
             skeleton: PropTypes.Requireable<string>;
             pattern: PropTypes.Requireable<string>;
             date: PropTypes.Requireable<string>;
@@ -69,7 +69,7 @@ export declare class TimeSelector extends React.Component<TimeSelectorProps, Tim
             minute: PropTypes.Requireable<string>;
             second: PropTypes.Requireable<string>;
             timeZoneName: PropTypes.Requireable<string>;
-        }> | null | undefined>>;
+        }>>;
         max: PropTypes.Requireable<Date>;
         min: PropTypes.Requireable<Date>;
         nowButton: PropTypes.Requireable<boolean>;

package/dist/npm/timepicker/TimeSelector.js

@@ -181,11 +181,11 @@ var TimeSelector = /** @class */ (function (_super) {
         var localizationService = (0, kendo_react_intl_1.provideLocalizationService)(this);
         var cancelMessage = localizationService.toLanguageString(messages_1.timePickerCancel, messages_1.messages[messages_1.timePickerCancel]);
         var setMessage = localizationService.toLanguageString(messages_1.timePickerSet, messages_1.messages[messages_1.timePickerSet]);
-        return (React.createElement("div", { ref: function (el) { _this._element = el; }, tabIndex: !disabled ? tabIndex || 0 : undefined, className: (0, kendo_react_common_1.classNames)('k-timeselector k-reset', className, {
+        return (React.createElement("div", { ref: function (el) { _this._element = el; }, tabIndex: !disabled ? tabIndex || 0 : undefined, className: (0, kendo_react_common_1.classNames)('k-timeselector', className, {
                 'k-disabled': disabled
             }), onKeyDown: this.handleKeyDown },
             React.createElement(TimePart_1.TimePart, { ref: function (el) { _this.timePart = el; }, value: this.current, onChange: this.handleChange, onNowClick: this.handleNowClick, format: format, smoothScroll: smoothScroll, min: min, max: max, boundRange: boundRange, disabled: disabled, nowButton: nowButton, steps: steps, show: this.props.show }),
-            React.createElement("div", { className: "k-time-footer k-actions k-hstack k-justify-content-stretch" },
+            React.createElement("div", { className: "k-time-footer k-actions k-actions-stretched" },
                 cancelButton &&
                     React.createElement(kendo_react_buttons_1.Button, __assign({ type: "button", ref: function (btn) { _this._cancelButton = btn; }, className: "k-time-cancel", onClick: this.handleReject, title: cancelMessage }, { 'aria-label': cancelMessage }), cancelMessage),
                 React.createElement(kendo_react_buttons_1.Button, __assign({ type: "button", ref: function (btn) { _this._acceptButton = btn; }, className: "k-time-accept", themeColor: 'primary', onClick: this.handleAccept, title: setMessage }, { 'aria-label': setMessage }), setMessage))));